: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: 900 / 672;--well-top: 26.7%;--well-left: 20.2%;--well-right: 20.8%;--well-bottom: 17.4%;--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}.shop-bg{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0}.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(6px,2.6vh,30px)}.stage{position:relative;width:min(100vw,520px,max(62%,calc((100dvh - 280px) * 900 / 672)));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:#110021 url(/art/field.webp?v=10) center / 100% 100% no-repeat;background:oklch(.14 .1 305) url(/art/field.webp?v=10) center / 100% 100% no-repeat;box-shadow:inset 0 0 36px #c241dd8c}.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{position:absolute;left:-3%;bottom:5%;width:25%;z-index:6;pointer-events:none;filter:drop-shadow(0 10px 16px oklch(.15 .08 305 / .6))}.mascot{position:absolute;right:-2%;bottom:7%;width:23%;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(-176%,-58%) scale(2.4);opacity:0;filter:drop-shadow(0 0 34px oklch(.62 .24 310 / .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}.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(58%,232px);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:absolute;inset:0;z-index:7;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:124%;height:auto;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:124%;height:auto;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=9);mask-image:url(/art/frame.webp?v=9)}.glint-bag{left:-3%;bottom:5%;width:25%;aspect-ratio:420 / 430;z-index:6;-webkit-mask-image:url(/art/prop-bag.webp?v=9);mask-image:url(/art/prop-bag.webp?v=9)}.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}}.attempts{position:fixed;top:calc(8px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));z-index:9;margin:0;display:flex;align-items:center;gap:7px;padding:5px 11px 5px 12px;border-radius:999px;border:1px solid oklch(.82 .12 85 / .4);background:#0d011adb;font-size:11px;letter-spacing:.04em;color:var(--cream-dim);pointer-events:none}.attempts b{font-family:var(--display);font-size:17px;line-height:1;color:var(--gold-matte)}.demo-badge{position:fixed;left:0;right:0;top:0;z-index:10;margin:0;padding:6px 12px calc(6px + env(safe-area-inset-top));background:#e64343eb;color:var(--cream);font-size:11px;line-height:1.4;text-align:center}.app.is-demo .attempts{top:calc(34px + env(safe-area-inset-top))}.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=12);mask-image:url(/art/btn-play.webp?v=12)}.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(58%,232px);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=2);mask-image:url(/art/btn-job.webp?v=2)}.glint-job i{animation-duration:9s;animation-delay:4.2s}.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:17.7% 17.7% 17.8% 17.9%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.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)}.job-cta{margin-top:2px;padding:7px 20px;border-radius:999px;border:1px solid oklch(.82 .12 85 / .6);background:linear-gradient(180deg,#6c098b,#3e015a);color:var(--cream);font-size:12px;letter-spacing:.04em;text-decoration:none;box-shadow:0 0 18px #bb3ad673;transition:transform .14s var(--ease-out)}.job-cta:active{transform:scale(.96)}.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 4px 0 0;list-style:none;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overscroll-behavior:contain}.wins-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding:10px 12px;border-radius:12px;border:1px solid oklch(.82 .12 85 / .28);background:#1f0232d9}.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(16px,5vw,20px);font-weight:700;letter-spacing:.08em;color:var(--gold-radiant);overflow-wrap:anywhere}.wins-copy{padding:6px 14px;border-radius:999px;border:1px solid oklch(.82 .12 85 / .5);background:linear-gradient(180deg,#6c098b,#3e015a);color:var(--cream);font-size:11px;letter-spacing:.04em;cursor:pointer;transition:transform .14s var(--ease-out)}.wins-copy:active{transform:scale(.94)}.wins-btn{position:fixed;top:calc(8px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));z-index:9;display:flex;align-items:center;gap:7px;padding:5px 12px 5px 11px;border-radius:999px;border:1px solid oklch(.82 .12 85 / .4);background:#0d011adb;color:var(--cream-dim);font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .14s var(--ease-out)}.wins-btn:active{transform:scale(.95)}.wins-btn b{font-family:var(--display);font-size:15px;color:var(--gold-radiant)}.app.is-demo .wins-btn{top:calc(34px + env(safe-area-inset-top))}@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%}