:root{--night-abyss: oklch(.16 .07 305);--magenta-neon: oklch(.7 .23 350);--gold-matte: oklch(.82 .12 85);--gold-radiant: oklch(.88 .16 90);--cream: oklch(.96 .02 90);--cream-dim: oklch(.82 .03 85);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-soft: cubic-bezier(.16, 1, .3, 1);--frame-ratio: 1632 / 1216;--well-top: 26.6%;--well-left: 20.8%;--well-right: 20.6%;--well-bottom: 16.8%;--display: "Cormorant Garamond", "Times New Roman", serif;--ui: "Manrope", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#140c22;color:var(--cream);font-family:var(--ui);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.app{min-height:100dvh;position:relative;overflow-x:clip}.app.is-reveal{overflow:visible}.shop-bg{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0}@media(max-width:640px){.shop-bg{object-position:center top}}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,transparent 50%,oklch(.1 .05 305 / .28) 100%)}.shell{position:relative;z-index:3;max-width:430px;margin:0 auto;min-height:100dvh;padding:calc(10px + env(safe-area-inset-top)) 20px calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:clamp(4px,1.5vh,16px)}.stage{position:relative;z-index:6;width:min(100vw,520px,max(58%,calc((100dvh - 340px) * 1632 / 1216)));aspect-ratio:var(--frame-ratio);filter:drop-shadow(0 16px 24px oklch(.1 .08 305 / .55))}.well{position:absolute;top:var(--well-top);left:var(--well-left);right:var(--well-right);bottom:var(--well-bottom);overflow:hidden;background:#07140a;box-shadow:inset 0 0 36px #00691173;box-shadow:inset 0 0 36px oklch(.45 .16 145 / .45)}.field-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;object-position:center top;z-index:0;pointer-events:none}.fog{position:absolute;inset:-40%;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,oklch(.65 .25 320 / .16),transparent 55%);animation:fog 8s ease-in-out infinite alternate}.frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;z-index:4}.reels{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;position:relative;z-index:2}.reel{overflow:hidden;height:100%;container-type:size}.strip{display:flex;flex-direction:column;will-change:transform}.cell{box-sizing:border-box;height:33.333cqh;flex:0 0 33.333cqh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:3%}.cell img{width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;filter:drop-shadow(0 0 8px oklch(.62 .22 310 / .4))}.payline{position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,oklch(.88 .16 90 / .75),transparent);box-shadow:0 0 10px #ffd24b73;box-shadow:0 0 10px oklch(.88 .16 90 / .45);pointer-events:none;z-index:3}.prop-bag{display:none}.mascot{position:absolute;left:2%;right:auto;bottom:-12%;width:26%;z-index:6;pointer-events:none;animation:float 4.2s ease-in-out infinite}.mascot img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 20px oklch(.55 .22 310 / .75));transform-origin:50% 60%;transition:transform .9s var(--ease-soft),opacity .7s var(--ease-soft),filter .9s var(--ease-soft)}.mascot.is-away img{transform:translate(110%,-52%) scale(2.2);opacity:0;filter:drop-shadow(0 0 34px oklch(.62 .24 145 / .9))}.mascot.is-back img{transition:none;animation:gather .76s var(--ease-soft) .12s both}@keyframes gather{0%{opacity:0;transform:scale(.82);filter:drop-shadow(0 0 40px oklch(.68 .26 310 / .95))}55%{opacity:1;filter:drop-shadow(0 0 34px oklch(.68 .26 310 / .9))}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1);filter:drop-shadow(0 0 20px oklch(.55 .22 310 / .75))}}.actions{flex:0 0 auto;width:100%}.boot{position:fixed;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));text-align:center}.boot .line{font-size:17px;max-width:22ch}.gate{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.gate .plate{margin-top:0}.gate .gate-check{border-color:#c5b78c47;color:var(--cream-dim);box-shadow:inset 0 1px #f6dd901f,inset 0 -1px #010004cc,0 2px #04010899}.gate-note{min-height:2.4em;margin:0;max-width:24ch;font-size:13px;line-height:1.25;color:#d9d1b4d9;text-shadow:0 2px 10px oklch(.1 .05 305),0 0 4px oklch(.1 .05 305)}.boot-mascot{width:min(42%,170px);filter:drop-shadow(0 12px 30px oklch(.1 .05 305 / .7))}.line{min-height:1.15em;margin:0;text-align:center;font-family:var(--display);font-size:15px;font-weight:600;color:var(--cream);text-shadow:0 2px 10px oklch(.1 .05 305)}.play{display:block;width:min(54%,216px);margin:0 auto;touch-action:manipulation;padding:0;border:0;background:none;cursor:pointer;line-height:0;transition:transform .14s var(--ease-out)}.play img{width:100%;height:auto;display:block;pointer-events:none}.play:active{transform:scale(.97)}.play:disabled{opacity:.55;cursor:default;transform:none}.play:focus-visible{outline:3px solid oklch(.75 .16 150);outline-offset:3px;border-radius:12px}.legend{list-style:none;width:100%;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;font-size:11px;color:var(--cream-dim);text-align:center}.legend li{display:flex;flex-direction:column;align-items:center;gap:4px}.legend img{width:clamp(34px,11vw,44px);height:clamp(34px,11vw,44px);object-fit:contain}.is-win .payline{box-shadow:0 0 16px #ffd24be6;box-shadow:0 0 16px oklch(.88 .16 90 / .9)}.is-win .well{box-shadow:inset 0 0 40px #f4c94766}@keyframes fog{0%{transform:translate(-3%) scale(1);opacity:.75}to{transform:translate(5%) scale(1.06);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){.fog,.mascot{animation:none}.mascot.is-away img{transform:none;filter:none}.mascot.is-back img{animation:none}}.reveal{position:fixed;inset:0;z-index:40;overflow:visible;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .9s var(--ease-soft),visibility 0s linear .9s}.reveal.is-on{opacity:1;visibility:visible;transition:opacity 1.1s var(--ease-soft) .26s,visibility 0s linear .26s}.reveal canvas{width:min(88vw,440px);height:auto;max-height:72dvh;transform:scale(.9) translateY(3%);transition:transform 1.4s var(--ease-soft);will-change:transform,opacity}.reveal.is-on canvas{transform:scale(1) translateY(0);transition:transform 1.4s var(--ease-soft) .26s}.reveal video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.reveal.is-flat canvas{display:none}.reveal.is-flat video{position:static;width:min(88vw,440px);height:auto;max-height:72dvh;opacity:1;transform:scale(.9) translateY(3%);transition:transform 1.4s var(--ease-soft)}.reveal.is-flat.is-on video{transform:scale(1) translateY(0);transition:transform 1.4s var(--ease-soft) .26s}@media(prefers-reduced-motion:reduce){.reveal canvas,.reveal.is-on canvas{transform:none;transition:none}}.glint{position:absolute;pointer-events:none;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.glint i{position:absolute;top:-40%;bottom:-40%;left:0;width:26%;background:linear-gradient(100deg,transparent,oklch(.98 .06 92 / .5) 45%,oklch(1 .03 92 / .72) 50%,oklch(.98 .06 92 / .5) 55%,transparent);will-change:transform;animation:glint 11s cubic-bezier(.5,0,.5,1) infinite;animation-play-state:paused}.glint-frame{inset:0;z-index:5;-webkit-mask-image:url(/art/frame.webp?v=21);mask-image:url(/art/frame.webp?v=21)}.glint-bag{left:-3%;bottom:5%;width:25%;aspect-ratio:420 / 430;z-index:6;-webkit-mask-image:url(/art/prop-bag.webp?v=21);mask-image:url(/art/prop-bag.webp?v=21)}.glint-bag i{animation-duration:8.5s;animation-delay:3.4s;background:linear-gradient(100deg,transparent,oklch(.92 .16 320 / .55) 48%,oklch(.98 .1 320 / .8) 52%,transparent)}html.is-loaded .glint i{animation-play-state:running}@keyframes glint{0%,82%{transform:translate(-160%) skew(-14deg)}to{transform:translate(560%) skew(-14deg)}}.motes{position:absolute;inset:6% 12%;z-index:5;pointer-events:none;background-repeat:no-repeat;background-image:radial-gradient(circle,oklch(.98 .08 92 / .9) 0 40%,transparent 70%),radial-gradient(circle,oklch(.9 .16 320 / .85) 0 40%,transparent 70%),radial-gradient(circle,oklch(.98 .08 92 / .75) 0 40%,transparent 70%),radial-gradient(circle,oklch(.9 .18 330 / .8) 0 40%,transparent 70%);background-size:3px 3px,4px 4px,3px 3px,3px 3px;background-position:12% 22%,78% 14%,62% 78%,30% 88%;animation:motes 6.5s ease-in-out infinite}@keyframes motes{0%,to{opacity:.15;transform:translateY(0)}50%{opacity:.85;transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){.glint i,.motes{animation:none;opacity:0}}.hud{display:flex;justify-content:space-between;align-items:center;width:100%;z-index:9}.hud-history,.hud-attempts{display:flex;align-items:center;gap:6px;margin:0;padding:0;border:0;background:none;color:inherit}.hud-history{cursor:pointer;transition:transform .14s var(--ease-out)}.hud-history:active{transform:scale(.96)}.hud-history img,.hud-attempts img{display:block;width:96px;height:auto;filter:drop-shadow(0 1px 4px oklch(.05 .04 145 / .7))}.hud-attempts{pointer-events:none}.hud-count{font-family:var(--ui);font-size:clamp(22px,6.4vw,28px);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.02em;color:var(--gold-radiant);text-shadow:0 1px 0 oklch(.12 .04 305),0 2px 6px oklch(.06 .03 305 / .9),0 0 14px oklch(.85 .16 92 / .4);display:inline-block;transform-origin:center}.prize{position:relative;width:100%;max-width:340px;margin:0 auto;aspect-ratio:720 / 240;animation:prize-in .9s var(--ease-soft) both}.prize-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 8px 22px oklch(.1 .06 305 / .7))}.prize-code{position:absolute;left:13.3%;right:13.1%;top:25.2%;height:30%;margin:0;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:clamp(19px,6.4vw,27px);letter-spacing:.12em;color:var(--gold-radiant);text-shadow:0 0 14px oklch(.88 .16 90 / .55);-webkit-user-select:text;user-select:text}.prize-copy{position:absolute;left:50%;bottom:24%;transform:translate(-50%);padding:4px 16px;border:1px solid oklch(.82 .12 85 / .55);border-radius:999px;background:#2a0f40d9;color:var(--cream);font-family:var(--ui);font-size:11px;letter-spacing:.04em;cursor:pointer;touch-action:manipulation;transition:transform .14s var(--ease-out),border-color .2s linear}.prize-copy:active{transform:translate(-50%) scale(.96)}.prize-copy:focus-visible{outline:2px solid oklch(.75 .16 150);outline-offset:2px}@keyframes prize-in{0%{opacity:0;transform:translateY(14px) scale(.9)}60%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}.legend b{font-family:var(--display);font-size:15px;font-weight:700;line-height:1;color:var(--gold-matte);text-shadow:0 2px 8px oklch(.1 .05 305)}@media(prefers-reduced-motion:reduce){.prize{animation:none}}.play{position:relative;isolation:isolate}.play:before{content:"";position:absolute;inset:-18% -8%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,oklch(.72 .26 320 / .55),oklch(.6 .24 315 / .22) 45%,transparent 72%);animation:halo 3.6s ease-in-out infinite}.play img{animation:breathe 3.6s ease-in-out infinite}.glint-play{inset:0;z-index:1;-webkit-mask-image:url(/art/btn-play.webp?v=21);mask-image:url(/art/btn-play.webp?v=21)}.glint-play i{animation-duration:6.5s;animation-delay:1.6s}@keyframes halo{0%,to{opacity:.55;transform:scale(.97)}50%{opacity:1;transform:scale(1.04)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.018)}}.play:active:before{opacity:.4}.play:disabled:before,.play:disabled .glint-play{display:none}@media(prefers-reduced-motion:reduce){.play:before,.play img{animation:none}}.play-job{width:min(54%,216px);margin-top:-10px}.play-job:before{animation-duration:5.2s;animation-delay:1.1s;opacity:.6}.play-job img{animation-duration:5.2s;animation-delay:1.1s}.glint-job{inset:0;z-index:1;-webkit-mask-image:url(/art/btn-job.webp?v=21);mask-image:url(/art/btn-job.webp?v=21)}.glint-job i{animation-duration:9s;animation-delay:4.2s}.glint-contacts,.glint-invite{inset:0;z-index:1;-webkit-mask-image:var(--mask);mask-image:var(--mask)}.play.is-text{width:min(54%,216px);min-height:46px;padding:11px 18px;border-radius:12px;border:1px solid oklch(.82 .12 85 / .4);background:#150324b8;color:var(--gold-radiant);font-size:clamp(14px,3.8vw,16px);font-weight:600;text-shadow:0 1px 0 oklch(.12 .04 305);cursor:pointer;transition:transform .14s var(--ease-out)}.play.is-text:before{display:none}.play.is-text:active{transform:scale(.97)}.hud-history.is-text{padding:6px 12px;border-radius:10px;border:1px solid oklch(.82 .12 85 / .35);background:#150324ad;color:var(--gold-matte);font-size:14px;font-weight:600}.hud-attempts.is-text{gap:8px}.hud-label{font-size:14px;font-weight:600;color:var(--cream-dim);text-shadow:0 1px 4px oklch(.06 .03 305 / .9)}.job{position:fixed;inset:0;z-index:12;display:grid;place-items:center;padding:16px}.job-scrim{position:absolute;inset:0;border:0;padding:0;background:#030009db;cursor:pointer;animation:scrim-in .32s var(--ease-soft) both}.job-panel{position:relative;width:min(100%,380px);aspect-ratio:1;animation:job-in .52s var(--ease-soft) 80ms both}.job-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 14px 34px oklch(.08 .05 305 / .75))}.job-body{position:absolute;inset:24% 21.5% 24% 23.5%;display:flex;flex-direction:column;align-items:stretch;justify-content:safe center;gap:8px;text-align:center;overflow:hidden}.job-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:oklch(.8 .1 92 / .45) transparent}.job-scroll::-webkit-scrollbar{width:4px}.job-scroll::-webkit-scrollbar-track{background:transparent}.job-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#d5bc7073}.job-actions{flex:0 0 auto;display:flex;justify-content:center;padding-top:2px}.job-fine{font-size:10px!important;line-height:1.3;color:var(--cream-dim)!important}.job-body h2{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(17px,5.4vw,21px);color:var(--gold-matte)}.job-body p{margin:0;font-size:clamp(11px,3.4vw,13px);line-height:1.45;color:var(--cream)}.job-contact{font-family:var(--display);font-size:clamp(13px,4.2vw,16px);letter-spacing:.06em;color:var(--gold-radiant)}.plate{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:36px;margin-top:2px;padding:9px 22px;border:1px solid oklch(.78 .11 92 / .5);border-radius:3px;background:linear-gradient(180deg,#30253df0,#160c20f5);color:var(--gold-radiant);font-family:var(--display);font-size:13px;font-weight:700;line-height:1;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:inset 0 1px #fadc7d42,inset 0 -1px #010004cc,0 2px #040108b3,0 8px 20px #01000373;transition:transform .14s var(--ease-out),border-color .2s ease,box-shadow .2s ease}.plate:before{content:"";position:absolute;inset:3px;border:1px solid oklch(.82 .1 92 / .16);border-radius:1px;pointer-events:none}.plate span{position:relative;z-index:1}.plate i{position:absolute;top:-60%;bottom:-60%;left:0;width:34%;transform:translate(-130%);background:linear-gradient(100deg,transparent,oklch(.98 .06 92 / .4) 45%,oklch(1 .03 92 / .58) 50%,oklch(.98 .06 92 / .4) 55%,transparent);pointer-events:none}.plate:active{transform:scale(.97);box-shadow:inset 0 1px #fadc7d1f,inset 0 2px 7px #010002d9,0 1px #040108b3}@media(hover:hover)and (pointer:fine){.plate:hover{border-color:#f2ce59d9;box-shadow:inset 0 1px #fadc7d5c,inset 0 -1px #010004cc,0 2px #040108b3,0 10px 26px #01000380}}.plate:disabled{color:var(--cream-dim);border-color:#c3b79340;cursor:default;transform:none}.plate:disabled i{display:none}@media(prefers-reduced-motion:reduce){.plate{transition:border-color .2s ease,box-shadow .2s ease}.plate:active{transform:none}}.job-people{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;width:100%}.job-people li{display:flex;flex-direction:column;align-items:center;gap:2px}.job-people span{font-size:11px;color:var(--cream-dim)}.job-people a{font-family:var(--display);font-size:clamp(13px,4.2vw,16px);letter-spacing:.06em;color:var(--gold-radiant);text-decoration:none}.job-link{font-size:11px!important;line-height:1.35;color:var(--gold-radiant)!important;overflow-wrap:anywhere}.job-close{position:absolute;left:50%;bottom:-34px;transform:translate(-50%);padding:5px 16px;border:0;border-radius:999px;background:none;color:var(--cream-dim);font-size:11px;letter-spacing:.05em;cursor:pointer}.wins{position:fixed;inset:0;z-index:12;display:grid;place-items:center;padding:16px}.wins-panel{position:relative;width:min(100%,380px);max-height:min(74dvh,560px);display:flex;flex-direction:column;gap:12px;padding:20px 18px 22px;border-radius:18px;border:1px solid oklch(.82 .12 85 / .45);background:radial-gradient(120% 80% at 50% 0%,oklch(.26 .13 310),transparent 70%),#120222f7;box-shadow:0 18px 44px #03000acc,inset 0 0 40px #a23db82e;box-shadow:0 18px 44px oklch(.08 .05 305 / .8),inset 0 0 40px #a23db82e;animation:job-in .52s var(--ease-soft) 80ms both}.wins-panel h2{margin:0;text-align:center;font-family:var(--display);font-weight:700;font-size:clamp(17px,5.4vw,21px);color:var(--gold-matte)}.wins-empty{margin:0;padding:6px 4px 2px;text-align:center;font-size:clamp(11px,3.4vw,13px);line-height:1.5;color:var(--cream-dim)}.wins-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;width:100%}.wins-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:7px 10px;border-radius:12px;border:1px solid oklch(.78 .08 95 / .35);background:#001201e0}.wins-meta{grid-column:1 / -1;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--cream-dim)}.wins-meta b{font-weight:600;color:var(--cream)}.wins-code{margin:0;font-family:var(--display);font-size:clamp(14px,4.4vw,18px);font-weight:700;letter-spacing:.06em;color:var(--gold-radiant);overflow-wrap:anywhere;white-space:nowrap}.wins-body{overflow:hidden;justify-content:flex-start;gap:8px}.wins-tally{margin:0;font-size:11px;letter-spacing:.02em;color:var(--cream-dim)}.wins-scroll{width:100%;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;text-align:left;scrollbar-width:thin;scrollbar-color:oklch(.8 .1 92 / .45) transparent}.wins-scroll::-webkit-scrollbar{width:4px}.wins-scroll::-webkit-scrollbar-track{background:transparent}.wins-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#d5bc7073}.wins-scroll h3{margin:6px 0 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#c7b77c}.wins-spins{margin:0;font-size:13px;color:var(--gold-radiant)}.wins-copy.plate{min-height:26px;margin-top:0;padding:5px 10px;font-size:10px;letter-spacing:.06em}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}@keyframes job-in{0%{opacity:0;transform:scale(.86) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.job-scrim,.job-panel{animation:none}}.controls{display:flex;flex-direction:column;align-items:center;width:100%}