@import url('/play/local-fonts.css');
.package.mobileSpecial{border-color:#55d8cd;background:linear-gradient(145deg,#173731,#15191a)}.package .regularPackage{color:#bcb7aa}.regularPackage del{text-decoration-thickness:2px;text-decoration-color:#ee9c91}.mobileOffer{margin-top:15px;padding:13px 11px;border:1px solid #3b988c;background:#0b2925;border-radius:10px;display:flex;flex-direction:column;gap:5px}.mobileLabel{font-size:10px;letter-spacing:1px;font-weight:bold;color:#91fff0}.mobileCount{font-size:29px;line-height:1.1;color:#91fff0}.mobileBonus{font-size:11px;line-height:1.4;color:#d5f3e7}.package.mobileSpecial .quantity{margin-top:16px}
:root{color-scheme:dark;--gold:#f2cc62;--muted:#c5c0b4;--panel:#19191b;--green:#8bf2b1}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#40321a 0,#131316 36%,#09090b 80%);color:#fff;font-family:Arial,sans-serif;min-height:100vh}header{padding:28px 20px 20px;text-align:center;border-bottom:1px solid #746036;background:linear-gradient(120deg,#080809,#302510,#080809)}.brand{display:inline-block;border:2px solid var(--gold);padding:9px 18px;font-family:Impact,'Arial Black',sans-serif;font-size:clamp(24px,5vw,43px);letter-spacing:1px;color:var(--gold)}.brand span{font-family:Arial,sans-serif;font-size:.45em;vertical-align:middle}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;color:var(--gold);margin:16px 0 10px}#eventTitle{font-size:16px;font-weight:bold;margin:20px 0 9px}#connection{font-size:12px;color:var(--green)}#connection.offline{color:#ffce83}main{max-width:1100px;margin:auto;padding:22px 18px 40px}h1{font-size:clamp(25px,4vw,37px);line-height:1.14;margin:10px 0 16px;letter-spacing:-1px}h2{font-size:23px}p{line-height:1.6;color:var(--muted)}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #685631;background:#262320;color:white;padding:14px 18px;border-radius:12px;min-height:48px;font-weight:bold;touch-action:manipulation}button:hover{border-color:var(--gold)}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.45;cursor:default}.gold{background:linear-gradient(115deg,#f6d778,#d6a530);color:#181307;border:0}.box{background:linear-gradient(140deg,#25221d,#151519);border:1px solid #5b4b2c;border-radius:20px;padding:24px}#join{max-width:550px;margin:10px auto}label{display:block;margin:20px 0 8px;color:#e5dfd0;font-size:14px}input{display:block;width:100%;margin-top:9px;background:#0a0a0c;color:white;border:1px solid #62543c;padding:15px;border-radius:10px}#joinButton{width:100%;margin-top:15px}details{margin-top:25px;border-top:1px solid #494136;padding-top:20px}summary{cursor:pointer;color:var(--gold)}nav{position:sticky;top:0;z-index:4;display:flex;gap:7px;background:#111114ed;padding:8px 0 15px;margin-bottom:28px}nav button{flex:1;padding:12px 8px;font-size:14px;border-color:#39332a}nav .selected{color:#1a1509;background:var(--gold)}nav b{display:inline-block;margin-left:5px}.titleRow{display:flex;align-items:center;justify-content:space-between;gap:14px}.titleRow h1{font-size:28px}.pill{padding:9px 12px;background:#282319;color:var(--gold);border:1px solid #685631;border-radius:25px;font-size:12px;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:20px}.cardTile{padding:12px;background:#19191d;text-align:left;border-color:#4a402c}.cardTile:first-child{border:2px solid var(--gold);box-shadow:0 0 28px #c5962226}.cardTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.matchCount{font-size:23px;color:var(--gold)}.prize{display:block;color:var(--green);font-size:15px;margin-top:12px}.identity{display:block;color:#bfb7a7;font-size:12px;margin-top:7px}.paper{position:relative;width:100%;aspect-ratio:2/3;background:black;overflow:hidden;border-radius:12px;container-type:inline-size}.paper img{width:100%;height:100%;position:absolute;inset:0;clip-path:inset(3.4% 5.9% 5.5% 5.9% round 5%)}.cash{position:absolute;transform:translate(-50%,-50%);font-family:'Arial Black',Arial,sans-serif;font-weight:900;font-size:4.15cqw;color:#080806;text-shadow:.5px .5px white,-.5px -.5px white;line-height:1;white-space:nowrap;width:17.2%;height:6.4%;display:flex;align-items:center;justify-content:center}.cash.hit{outline:3px solid #64ff91;background:#35ff5628;border-radius:4px;box-shadow:0 0 14px #65ff76}.serial{position:absolute;top:87%;left:40%;width:30%;font:bold 7cqw Arial;color:#090806;text-align:center;background:#f5d750}.paperSet{position:absolute;bottom:1.5%;width:100%;text-align:center;font-size:3.8cqw;font-weight:bold;color:var(--gold)}.packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.package{position:relative;border:1px solid #5b4b2e;border-radius:16px;padding:22px 18px;background:var(--panel)}.package.popular{border-color:var(--gold);background:linear-gradient(135deg,#3b301a,#17171b)}.package h2{margin:10px 0;font-size:27px}.package .price{font-size:32px;color:var(--gold);font-weight:bold}.badge{display:inline-block;background:var(--gold);color:#251b04;border-radius:5px;padding:5px 8px;font-size:10px;letter-spacing:.6px;font-weight:bold;text-transform:uppercase}.quantity{display:flex;align-items:center;gap:6px;margin-top:18px}.quantity button{padding:8px 16px;font-size:22px}.quantity input{width:70px;margin:0;text-align:center;padding:13px 2px}.checkout{position:sticky;bottom:10px;display:flex;gap:18px;align-items:center;z-index:3;margin-top:24px;padding:16px}.checkout strong{font-size:27px;color:var(--gold);margin-left:auto}.small{font-size:12px}.receipt{background:var(--panel);border:1px solid #51452e;border-radius:14px;padding:18px;margin:18px 0}.receipt button{margin-right:10px;margin-top:10px}#notice,#mode{padding:16px;border:1px solid #d7b15d;border-radius:12px;margin-bottom:20px;color:#ffe3a0;background:#352710}#mode{font-size:13px}#more{width:100%;margin-top:22px}footer{max-width:800px;margin:auto;text-align:center;padding:10px 25px 35px;font-size:12px;color:#99948a}dialog{background:#151518;border:1px solid #b19557;border-radius:18px;color:white;width:min(95vw,510px);padding:18px;max-height:94vh}dialog::backdrop{background:#000d}.close{float:right;margin-bottom:12px}#largeCard{clear:both}#cardStatus{color:var(--green)}[hidden]{display:none!important}@media(max-width:560px){main{padding:14px 12px 30px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cardTile{padding:7px;border-radius:12px}.matchCount{font-size:19px}.cardTop .small{font-size:9px}.identity,.prize{font-size:11px}.packages{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.package{padding:14px 11px}.package h2{font-size:23px}.titleRow{display:block}.checkout{flex-wrap:wrap;gap:8px}.checkout button{width:100%}.quantity{gap:3px}.quantity button{padding:8px 11px}.quantity input{width:55px}.box{padding:20px}#accountView button{margin:6px 0;width:100%}.cash.hit{outline-width:2px}}
@media(prefers-reduced-motion:no-preference){.cardTile{transition:border-color .2s,box-shadow .2s}.cash.hit{animation:match .5s ease-out}@keyframes match{from{background:#c8ff96;transform:translate(-50%,-50%) scale(1.08)}to{background:#35ff5628;transform:translate(-50%,-50%) scale(1)}}}

.updateRow{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:15px 0;color:#d7cba9;font-size:12px}.updateRow button{width:auto;padding:10px 18px;margin:0;min-height:44px}

nav .logout,.dialogActions .logout{border-color:#ab6759;color:#ffd5c8;background:#33201c}.dialogActions{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.dialogActions button{flex:1}nav .logout{flex:0 0 auto}@media(max-width:430px){nav{flex-wrap:wrap;gap:6px}nav button,nav .logout{flex:1 0 45%}}

.result{border:1px solid #b18b32;border-radius:16px;padding:18px 22px;margin:18px 0;background:#222016}.result h2{margin:0 0 8px;font-size:clamp(1.3rem,5vw,2rem)}.result p{margin:0;line-height:1.5}.result.won{background:#133c2a;border-color:#63d79a;color:#e3ffec}.result.test{background:#30294c;border-color:#a99ade}#savedEvents button{display:block;width:100%;text-align:left;margin:7px 0}#emailConfirm,#emailRecoverConfirm{margin-top:14px}

dialog.resultOverlay{box-sizing:border-box;position:fixed;inset:0;margin:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;padding:24px;padding: max(24px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));color:#fff;background:radial-gradient(ellipse at 50% 12%,#6b5014 0,#17140b 42%,#070a0e 80%);overflow:auto}
.resultOverlay::backdrop{background:#070a0e}.resultOverlay[open]{display:flex;align-items:center;justify-content:center}.resultContent{width:min(100%,520px);margin:auto;text-align:center}.resultContent .brand{font-size:clamp(20px,6vw,32px)}.resultContent .eyebrow{margin:38px 0 12px;color:#fbd778;line-height:1.5}.resultContent h1{font-size:clamp(32px,9vw,58px);line-height:1.12;margin:16px 0;color:#ffe09a}.resultContent p:not(.eyebrow){font-size:19px;line-height:1.6}.resultContent button{display:block;width:100%;min-height:56px;margin-top:16px;font-size:18px}.resultSpark{font-size:80px;color:#ffd75c;text-shadow:0 0 35px #d6a324;animation:resultEntrance .7s ease-out}.resultOverlay.next{background:radial-gradient(ellipse at 50% 12%,#21394d 0,#111c29 45%,#070a0e 85%)}.resultOverlay.next .resultSpark{color:#a7d5f0;text-shadow:0 0 30px #386990}.resultOverlay.next h1{color:#def2ff}@keyframes resultEntrance{from{opacity:0;transform:scale(.55) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.resultSpark{animation:none}}
html:has(dialog.resultOverlay[open]),body:has(dialog.resultOverlay[open]){overflow:hidden}

.cardLayout{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px}.cardLayout label{margin:0;font-weight:bold}.cardLayout select{background:#24221b;color:#fff;border:1px solid #b19557;border-radius:8px;padding:10px;min-height:44px}.cardLayout span{color:var(--muted);font-size:12px}.cardLayout select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.cards[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.cards[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.cards[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.cardTile{min-width:0;overflow-wrap:anywhere}@media(max-width:560px){.cards[data-columns="3"],.cards[data-columns="4"]{gap:5px}.cards[data-columns="3"] .cardTile,.cards[data-columns="4"] .cardTile{padding:4px;border-radius:8px}.cards[data-columns="3"] .cardTop,.cards[data-columns="4"] .cardTop{flex-direction:column;align-items:flex-start;gap:3px;margin-bottom:6px}.cards[data-columns="4"] .matchCount{font-size:16px}.cards[data-columns="4"] .identity,.cards[data-columns="4"] .prize{font-size:10px}.cards[data-columns="4"] .cash.hit{outline-width:1px}}

@media(max-width:560px){.cards[data-columns='3'] .matchCount{font-size:14px;white-space:nowrap}.cards[data-columns='4'] .matchCount{font-size:12px;white-space:nowrap;overflow-wrap:normal}.cards[data-columns='3'] .cardTop,.cards[data-columns='4'] .cardTop{min-height:36px;justify-content:space-between}.cards[data-columns='4'] .cardTop .small{font-size:8px}}

.promoBox{margin:20px 0}.promoEntry{display:flex;gap:10px;align-items:center}.promoEntry input{min-width:0;flex:1;text-transform:uppercase;margin:0}.promoEntry button{width:auto;min-width:88px;margin:0}.promoRemove{width:auto;font-size:14px;padding:8px 14px}.savings{color:#88e4bd}.checkout{flex-wrap:wrap}#discountSummary{flex-basis:100%;font-size:15px;font-weight:normal}#discountSummary span{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px}#promoMessage{margin-bottom:8px}

/* Compact card-first layout. Secondary information stays in More. */
header{padding:12px 12px 9px}.brand{font-size:27px;padding:5px 12px}#eventTitle{margin:8px 0 4px;font-size:13px}#connection{font-size:11px}main{padding-top:8px;padding-bottom:95px}body:has(#inside:not([hidden])) footer{display:none}
nav{position:fixed;bottom:0;top:auto;left:0;right:0;z-index:5;margin:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#14120ff5;border-top:1px solid #705729;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}nav button{font-size:13px;padding:10px 3px;min-width:0;border-radius:9px}nav b{margin-left:2px}
.titleRow{display:flex;margin:5px 0}.titleRow h1{display:none}.titleRow .eyebrow{margin:8px 0;font-size:12px;letter-spacing:.7px}.pill{font-size:11px;padding:6px 9px}#cardNote{font-size:12px;line-height:1.35;margin:6px 0}#mode{padding:7px 10px;font-size:11px;margin-bottom:7px}.cardLayout{margin:8px 0;gap:7px}.cardLayout>span{margin-right:auto;font-size:12px}.cardLayout label{font-size:12px}.cardLayout select{padding:5px 8px;min-height:38px;font-size:12px}.cards{margin-top:8px;gap:9px}.cardTop{margin-bottom:5px}.matchCount{font-size:18px}.cardTop .small{display:none}.identity{font-size:10px}.prize{margin-top:5px;font-size:12px}.compactResult{margin:7px 0;padding:9px 12px}.compactResult h2{font-size:17px;margin:0}.compactResult p{font-size:12px;line-height:1.4;margin:4px 0 0}.compactResult.live,.compactResult.waiting{display:none}#stageResult:not([hidden]){padding:10px 14px}#stageResult h2{font-size:18px}
.checkout{bottom:76px}.checkout strong{font-size:24px}.winningTotals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.winningTotals>div{background:#242015;border:1px solid #75602d;border-radius:12px;padding:14px 7px;text-align:center;font-size:12px}.winningTotals strong{display:block;margin-top:10px;color:#f9d776;font-size:22px}#claimPrize{width:100%}#claimHint,#winningsNote{font-size:13px}.winningsLine{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #3b3326;font-size:14px}.winningsLine small{display:block;margin-top:6px;color:#bbb}#accountView>details{margin:15px 0;padding:15px;background:#1d1b18;border:1px solid #51452e;border-radius:12px}#accountView h1,#winningsView h1{font-size:27px}.receipt h2{font-size:19px}.receipt{padding:14px}#checkoutEmail{margin-top:20px}#checkoutEmail button{margin:10px 0;width:100%}.archiveBanner{color:#f7d270}
@media(max-width:560px){.cardTile{padding:6px}.matchCount{font-size:16px}.box{padding:16px}.cardTop .small{display:none}.cards[data-columns='4'] .cardTop,.cards[data-columns='3'] .cardTop{min-height:20px}.winningTotals strong{font-size:19px}.titleRow{display:flex}.checkout{bottom:78px}.dialogActions{margin-bottom:8px}.dialogActions button{min-height:42px}#cardHeading{font-size:21px;margin:10px 0}#cardStatus{font-size:12px;margin:6px 0}}

nav:has(#shopTab[hidden]){grid-template-columns:repeat(3,1fr)}nav:has(#shopTab[hidden]):has(#cardsTab[hidden]){grid-template-columns:repeat(2,1fr)}

/* Readable fields avoid iPhone focus zoom. Pinch zoom stays available. */
input,select,textarea,.cardLayout select{font-size:16px}
input,select,textarea{max-width:100%;min-width:0;scroll-margin-block:24px}
.nameFields>*{min-width:0}

/* Wheel cards use the same identities and letter positions as the printed PNG. */
.paper.wheelPaper{aspect-ratio:2/3;container-type:inline-size;display:flex;flex-direction:column;align-items:center;padding:3%;background:radial-gradient(ellipse at top,#735fbe,#111e57 50%,#07102e);border:2px solid #d8c3ff;overflow:hidden}.paper.wheelPaper .wheelCardLogo{position:static;width:30%;height:20%;object-fit:cover;aspect-ratio:1}.wheelCardHeading{color:#fff;font-weight:900;font-size:4cqw;margin:1cqw 0 3cqw;letter-spacing:.2cqw}.wheelCardTiles{width:96%;height:70%;display:grid;grid-template-columns:repeat(4,1fr);gap:1.3cqw}.wheelCardTile{border:1px solid #edf5ff;display:flex;flex-direction:column;justify-content:center;text-align:center;border-radius:1cqw;background:linear-gradient(130deg,hsl(var(--hue) 90% 85%),hsl(var(--hue) 80% 64%));color:#101c38;line-height:1.1}.wheelCardTile small{font-size:3cqw}.wheelCardTile b{font-size:7cqw}.wheelCardTile:nth-child(25){grid-column:2}.wheelCardTile.hit{background:#abffab;outline:2px solid #119f2e;box-shadow:inset 0 0 0 1px #064d19}.wheelCardSerial{margin-top:auto;padding:2cqw;color:#fff;font-size:4cqw;font-weight:800}.wheelBrand{color:#ffe980!important;letter-spacing:.08em;font-size:22px!important}.wheelBrand:empty{display:none}

.bingoPaper{background:linear-gradient(145deg,#164184,#06142e);display:flex;flex-direction:column;justify-content:space-between;padding:7%;border:3px solid #e9bf4f;border-radius:12px;aspect-ratio:2/3;color:white;box-sizing:border-box}.bingoCardTitle{text-align:center;font-size:clamp(9px,2.2vw,19px);color:#ffdc70}.bingoGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.bingoGrid span,.bingoGrid strong{display:flex;align-items:center;justify-content:center;aspect-ratio:1;font-size:clamp(10px,2.5vw,25px);border-radius:3px}.bingoGrid span{background:#fff;color:#112347}.bingoGrid span.hit{background:#ffc83d;color:#122c4e;box-shadow:inset 0 0 0 2px #ad7400}.bingoGrid span.winning{background:#71f3b4}.bingoColumn{color:#ffdc70}.bingoSerial{text-align:center;font-size:clamp(9px,2vw,18px)}#largeCard .bingoGrid span{font-size:clamp(18px,6vw,34px)}