:root{--wood:#7a4e2d;--wood-dark:#3a2a1a;--teal:#1f6f6b;--mustard:#d9a521;--gold:#ffd75e;--heart:#f7a8b8;--danger:#f07470;--bg:#2b1d14;--ink:#fff4dc;--font:"Press Start 2P", monospace;--panel:var(--teal);--button:var(--teal);--slot:#14233d59;--slot-strong:#14233d73;--input:#14233d;--bag:#d8b47a;--off:#8a7a5c;--scrim:#1e140c8c;--radius:14px}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}*{touch-action:none}.panel,.panel *{touch-action:pan-y}button,.panel button{touch-action:manipulation}#stage{position:fixed;inset:0}#stage canvas{display:block;width:100%!important;height:100%!important}#quit{font:inherit;color:var(--ink);background:var(--button);border:3px solid var(--wood-dark);text-shadow:none;cursor:pointer;border-radius:999px;align-self:flex-start;padding:8px 12px;font-size:9px}body:not([data-mode=play]) #quit{visibility:hidden}.carriage{z-index:15;background:var(--wood);border:4px solid var(--wood-dark);border-radius:var(--radius);box-shadow:0 0 0 4px var(--mustard), 0 18px 40px #00000073;opacity:0;visibility:hidden;padding:16px 24px;transition:transform .25s ease-out,opacity .2s ease-out,visibility 0s .25s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.6)}body.reeling .carriage{opacity:1;visibility:visible;transition:transform .3s cubic-bezier(.3,1.5,.5,1),opacity .15s ease-out;transform:translate(-50%,-50%)scale(1)}.bezel{background:var(--mustard);border:3px solid var(--wood-dark);border-radius:6px;padding:6px}#screen{aspect-ratio:170/320;width:auto;height:min(60vh,480px);image-rendering:pixelated;touch-action:none;display:block}#scoreboard{text-shadow:2px 2px 0 var(--wood-dark);flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;left:16px}#bag{pointer-events:none;box-sizing:border-box;width:196px;min-height:64px;color:var(--wood-dark);text-shadow:none;background:repeating-linear-gradient(45deg, #0000000d 0 3px, transparent 3px 6px), var(--bag);border:3px solid var(--wood-dark);transform-origin:top;border-top-width:6px;border-radius:8px 8px 28px 28px;margin-top:4px;padding:6px 8px 10px}#bag.bump{animation:.45s ease-out bag-bump}@keyframes bag-bump{35%{transform:scale(1.06,.94)}70%{transform:scale(.98,1.03)}}.bag-label{justify-content:space-between;margin-bottom:4px;font-size:8px;display:flex}#bag-items{flex-wrap:wrap;gap:1px;min-height:26px;display:flex}#bag-items:empty:after{content:"empty... for now";opacity:.6;align-self:center;font-size:7px}.prize-icon{width:26px;height:26px}.prize-icon.fresh{filter:drop-shadow(0 0 3px #fff6b0)}.prize-flyer{z-index:30;pointer-events:none;width:44px;height:44px;margin:-22px 0 0 -22px;position:fixed;top:0;left:0}.haul{flex-wrap:wrap;justify-content:center;gap:2px;max-width:420px;margin:6px auto 10px;display:flex}.haul .prize-icon{width:34px;height:34px}.collection{opacity:.85;font-size:9px}body[data-mode=title] #scoreboard{visibility:hidden}#scoreboard .label{opacity:.8;font-size:10px}#score{color:var(--gold);transform-origin:0;font-size:30px;transition:transform .25s ease-out}#score.bump{transition:none;transform:scale(1.12)}#scoreboard .meta{opacity:.85;gap:14px;font-size:9px;display:flex}#streak{color:var(--gold);min-height:1em;font-size:10px}#hearts{gap:5px;display:flex}#hearts.hurt{animation:.6s ease-out hurt}#hearts.heal{animation:.6s ease-out heal}@keyframes heal{30%{filter:brightness(1.4);transform:scale(1.15)}}@keyframes hurt{0%,50%{opacity:.35}25%,to{opacity:1}}.heart{width:21px;height:18px;filter:drop-shadow(2px 2px 0 var(--wood-dark));display:inline-block;position:relative}.heart svg{width:21px;height:18px;fill:var(--heart);display:block}.heart svg.empty{fill:#fff4dc33}.heart .fill{height:100%;position:absolute;top:0;left:0;overflow:hidden}svg.inline{width:11px;height:10px;fill:var(--heart);vertical-align:-1px;display:inline-block}#sound{z-index:25;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}#sound button{width:40px;height:40px;color:var(--wood-dark);background:var(--mustard);border:3px solid var(--wood-dark);cursor:pointer;touch-action:manipulation;border-radius:999px;padding:9px;position:relative}#sound button[data-help]{font:inherit;padding:0;font-size:15px;line-height:1}#howto{z-index:22}#howto h1{margin-bottom:0}#howto h2{margin:14px 0 0}#howto p{margin-top:8px;line-height:1.7}#howto .steps{margin:12px auto 0}#howto .tiers{margin-top:8px}#howto .tiers div{padding:5px 2px}.panel>.actions:last-child{bottom:calc(-1 * var(--pad-y));margin:12px calc(-1 * var(--pad-x)) calc(-1 * var(--pad-y));background:var(--panel);padding:12px 0 16px;position:sticky}.steps{grid-template-columns:repeat(3,1fr);gap:8px;max-width:520px;margin:0 auto 14px;display:grid}.step{background:var(--slot);border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:9px 6px;font-size:8px;line-height:1.5;display:flex;position:relative}.step svg{width:32px;height:32px}.step b{color:var(--gold);font-size:11px;font-weight:400}.step .n{opacity:.6;position:absolute;top:6px;left:8px}.aside{opacity:.75;font-size:8px}#sound svg{fill:currentColor;width:100%;height:100%;display:block}#sound button.off{background:var(--off);opacity:.75}#sound button.off:after{content:"";background:var(--wood-dark);height:3px;position:absolute;top:50%;left:6px;right:6px;transform:rotate(-45deg)}.dot{border:2px solid var(--wood-dark);vertical-align:-2px;border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}#popups{z-index:10;pointer-events:none;position:fixed;top:22%;left:calc(50% - 130px)}.popup{text-align:center;white-space:nowrap;text-shadow:3px 3px 0 var(--wood-dark);animation:2.2s ease-out forwards float;position:absolute;top:0;left:0;transform:translate(-50%)}.popup b{font-size:32px;font-weight:400;display:block}.popup small{color:var(--ink);margin-top:10px;font-size:9px;display:block}.popup.big b{font-size:44px}@keyframes float{0%{opacity:0;transform:translate(-50%,10px)scale(.7)}12%{opacity:1;transform:translate(-50%)scale(1.08)}22%{transform:translate(-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-46px)scale(1)}}#fx{z-index:30;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.overlay{z-index:20;background:var(--scrim);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.overlay[hidden]{display:none}.panel{--pad-y:22px;--pad-x:20px;box-sizing:border-box;overscroll-behavior:contain;width:min(600px,100%);max-height:calc(100dvh - 40px);padding:var(--pad-y) var(--pad-x);text-align:center;background:var(--panel);border:4px solid var(--wood-dark);border-radius:var(--radius);box-shadow:0 0 0 4px var(--mustard), 0 0 0 8px var(--wood-dark), 0 18px 40px #00000073;animation:.35s ease-out panel-in;overflow:auto}.panel.small{width:min(360px,100%)}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}.panel h1,.panel h2{text-shadow:3px 3px 0 var(--wood-dark);margin:0;font-weight:400}.panel h1{color:var(--gold);font-size:24px;line-height:1.4}.panel h1.lost{color:var(--danger);font-size:18px}.panel h1.win{font-size:20px}.panel h2{color:var(--gold);margin:20px 0 10px;font-size:11px}.panel p{margin:12px 0 0;font-size:9px;line-height:1.8}.panel p.hey{color:var(--gold);margin-top:6px;font-size:11px}.tiers{grid-template-columns:repeat(5,1fr);gap:6px;margin-top:18px;font-size:8px;display:grid}.tiers div{background:var(--slot-strong);border-radius:8px;padding:8px 2px;line-height:1.8}.tiers .dot{width:16px;height:16px;margin:0 auto 6px;display:block}.tiers b{color:var(--gold);font-size:10px;font-weight:400;display:block}.final{margin-top:16px;font-size:10px}.final b{color:var(--gold);text-shadow:3px 3px 0 var(--wood-dark);margin-top:8px;font-size:34px;font-weight:400;display:block}.board{max-width:300px;margin:0 auto;padding:0;font-size:10px;list-style:none}.board li{text-align:left;border-radius:6px;grid-template-columns:2.4em 1fr auto;padding:7px 10px;display:grid}.board li:nth-child(odd){background:var(--slot)}.board li.you{color:var(--gold);background:#ffd75e33}.boards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:0 18px;display:grid}.board .empty,.boards .empty{opacity:.75;font-size:9px}form.name{margin-top:18px}form.name label{margin-bottom:10px;font-size:9px;display:block}form.name .row{justify-content:center;gap:8px;display:flex}.name input{width:11ch;font:inherit;text-align:center;text-transform:uppercase;color:var(--gold);background:var(--input);border:3px solid var(--wood-dark);-webkit-user-select:text;user-select:text;touch-action:manipulation;border-radius:8px;outline:none;padding:10px;font-size:13px}.name input:focus{border-color:var(--gold)}.btn{font:inherit;color:var(--wood-dark);background:var(--mustard);border:3px solid var(--wood-dark);box-shadow:0 4px 0 var(--wood-dark);cursor:pointer;border-radius:999px;padding:11px 16px;font-size:11px}.btn:active{box-shadow:0 1px 0 var(--wood-dark);transform:translateY(3px)}.btn.big{margin-top:22px;padding:14px 24px;font-size:13px}.btn.ghost{color:var(--ink);border-color:var(--ink);box-shadow:none;background:0 0}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}@media (max-width:700px){#scoreboard{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));gap:6px}#score{font-size:20px}#bag{border-top-width:4px;border-radius:6px 6px 18px 18px;width:132px;min-height:0;padding:4px 6px 7px}#bag-items{min-height:19px}.bag-label{margin-bottom:2px;font-size:7px}#bag .prize-icon{width:19px;height:19px}.heart,.heart svg{width:16px;height:14px}#popups{top:26%;left:50%}.popup b{font-size:24px}.popup.big b{font-size:30px}.carriage{padding:10px 14px}#sound{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));gap:6px;bottom:auto}#sound button{width:36px;height:36px;padding:8px}.panel{--pad-y:18px;--pad-x:14px}.panel h1{font-size:19px}.panel h1.lost{font-size:14px}.tiers{font-size:7px}#howto .panel{--pad-y:14px;--pad-x:12px}#howto h1{font-size:16px}#howto h2{margin-top:10px;font-size:10px}#howto p{margin-top:6px;font-size:8px;line-height:1.6}#howto .steps{margin-top:8px}.panel>.actions:last-child{margin-top:8px;padding:8px 0 12px}}@media (max-height:620px){#howto .step{gap:3px;padding:6px 4px}#howto .step svg{width:24px;height:24px}#howto .tiers div{padding:3px 2px}}@media (max-height:500px) and (min-width:701px){#screen{height:76vh}}body.spanned .overlay{box-sizing:border-box;inset:auto;left:var(--seg2-x);top:var(--seg2-y);width:var(--seg2-w);height:var(--seg2-h)}body.spanned .carriage{left:calc(var(--seg2-x) + var(--seg2-w) - 20px);top:calc(var(--seg2-y) + var(--seg2-h) / 2);transform:translate(-100%,-50%)scale(.6)}body.spanned.reeling .carriage{transform:translate(-100%,-50%)scale(1)}body.spanned #screen{height:min(calc(var(--seg2-h) * .62), 480px)}#settings{z-index:22}#confirm{z-index:24}#sound button[data-settings]{padding:8px}#assist-tag{color:var(--wood-dark);text-shadow:none;background:var(--danger);border:2px solid var(--wood-dark);border-radius:6px;align-self:flex-start;padding:5px 8px;font-size:8px}#assist-tag[hidden]{display:none}.themes{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.theme-card{font:inherit;color:var(--ink);text-align:center;background:var(--slot);border-radius:calc(var(--radius) * .6);cursor:pointer;border:3px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;font-size:10px;display:flex}.theme-card.on{border-color:var(--gold);background:var(--slot-strong)}.theme-card b{color:var(--gold);font-weight:400}.theme-card small{opacity:.8;font-size:7px;line-height:1.6}.swatch{border:2px solid var(--wood-dark);border-radius:6px;display:flex;overflow:hidden}.swatch i{width:18px;height:18px}.switch{font:inherit;color:var(--ink);background:var(--slot-strong);border:3px solid var(--wood-dark);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;font-size:11px;display:inline-flex}.switch .knob{background:var(--off);border:2px solid var(--wood-dark);border-radius:999px;width:22px;height:22px;transition:background .15s}.switch.on .knob{background:var(--danger)}.panel .aside{margin-top:10px;line-height:1.7}body[data-theme=retro]{--wood:#a84c0c;--wood-dark:#000;--teal:#0058f8;--mustard:#f8b800;--gold:#f8b800;--heart:#f83800;--danger:#f83800;--bg:#0c0c3c;--ink:#fcfcfc;--panel:#0000bc;--button:#0058f8;--slot:#00000073;--slot-strong:#000000b3;--input:#000;--bag:#ac7c00;--off:#7c7c7c;--scrim:#0009;--radius:0px}body[data-theme=retro] #stage canvas,body[data-theme=retro] .prize-icon,body[data-theme=retro] .prize-flyer{image-rendering:pixelated}body[data-theme=retro] .panel{box-shadow:0 0 0 4px var(--ink), 0 0 0 8px #000, 8px 8px 0 8px #0009}body[data-theme=retro] .btn,body[data-theme=retro] #quit,body[data-theme=retro] #sound button,body[data-theme=retro] .switch,body[data-theme=retro] .switch .knob,body[data-theme=retro] #bag,body[data-theme=retro] .carriage,body[data-theme=retro] .bezel,body[data-theme=retro] .name input,body[data-theme=retro] .swatch,body[data-theme=retro] .tiers div,body[data-theme=retro] .step,body[data-theme=retro] .board li{border-radius:0}body[data-theme=carousel]{--wood:#f29bbf;--wood-dark:#7a2c5e;--teal:#fff0f6;--mustard:#f2c14e;--gold:#ffe08a;--heart:#ff7eb6;--danger:#ff5fa2;--bg:#2a1028;--ink:#fff6fb;--font:"Fredoka", "Press Start 2P", sans-serif;--panel:#c2588d;--button:#c2588d;--slot:#7a2c5e73;--slot-strong:#7a2c5eb3;--input:#7a2c5e;--bag:#ffd6e8;--off:#b9879f;--scrim:#2a10288c;--radius:24px;font-size-adjust:.78;font-weight:600}body[data-theme=carousel] .panel{background:repeating-linear-gradient(-45deg, #ffffff12 0 14px, transparent 14px 28px), var(--panel)}body[data-theme=real]{--wood:#2b3036;--wood-dark:#0a0b0d;--teal:#1a1d22;--mustard:#d0d4d8;--gold:#fff;--heart:#ff4d5e;--danger:#ff4d5e;--bg:#0e0f12;--ink:#f2f4f7;--font:"Inter", "Press Start 2P", sans-serif;--panel:#16181dc7;--button:#ffffff1f;--slot:#ffffff0f;--slot-strong:#ffffff1f;--input:#00000080;--bag:#c9b28f;--off:#4a4f57;--scrim:#00000073;--radius:18px;font-size-adjust:.72;font-weight:600}body[data-theme=real] .panel{-webkit-backdrop-filter:blur(18px)saturate(1.4);border:1px solid #ffffff24;box-shadow:0 30px 80px #0009}body[data-theme=real] .panel>.actions:last-child{background:0 0}body[data-theme=real] .panel h1,body[data-theme=real] .panel h2,body[data-theme=real] #scoreboard,body[data-theme=real] .popup,body[data-theme=real] .final b{text-shadow:0 2px 10px #00000080}body[data-theme=real] .btn{color:#0a0b0d;background:#f2f4f7;border:none;box-shadow:0 6px 20px #0006}body[data-theme=real] .btn.ghost{color:var(--ink);background:0 0;border:1px solid #fff6}body[data-theme=real] #sound button,body[data-theme=real] #quit{color:var(--ink);-webkit-backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff40}body[data-theme=real] .carriage{background:#1a1d22;border:1px solid #ffffff26;box-shadow:0 30px 80px #0009}body[data-theme=real] .bezel{background:#0a0b0d;border:none}body[data-theme=carousel] .panel>.actions:last-child{background:inherit}body[data-theme=real] #bag{border:1px solid #ffffff40;border-top-width:3px}body[data-theme=retro]:after{content:"";z-index:40;pointer-events:none;background:repeating-linear-gradient(#0000002e 0 2px,#0000 2px 4px),radial-gradient(#0000 60%,#00000073);animation:.12s steps(2,end) infinite crt-flicker;position:fixed;inset:0}@keyframes crt-flicker{50%{opacity:.85}}body[data-theme=retro] .popup{animation-timing-function:steps(6,end)}@media (prefers-reduced-motion:reduce){body[data-theme=retro]:after{animation:none}}#viewfinder{inset:calc(10px + env(safe-area-inset-top)) 10px 10px;z-index:5;pointer-events:none;letter-spacing:.06em;color:#ffffffd9;text-shadow:0 1px 3px #0009;font-family:Inter,sans-serif;font-size:12px;font-weight:600;position:fixed}#viewfinder[hidden]{display:none}#viewfinder .corner{border:2px solid #ffffffb3;width:28px;height:28px;position:absolute}#viewfinder .tl{border-width:2px 0 0 2px;top:0;left:0}#viewfinder .tr{border-width:2px 2px 0 0;top:0;right:0}#viewfinder .bl{border-width:0 0 2px 2px;bottom:0;left:0}#viewfinder .br{border-width:0 2px 2px 0;bottom:0;right:0}#viewfinder .rec{position:absolute;bottom:12px;left:40px}#viewfinder .rec:before{content:"";vertical-align:-1px;background:#ff2a2a;border-radius:50%;width:10px;height:10px;margin-right:6px;animation:1s step-end infinite rec-blink;display:inline-block}@keyframes rec-blink{50%{opacity:0}}#viewfinder .spec{white-space:nowrap;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}#viewfinder .battery{background:linear-gradient(90deg,#fff 0 70%,#0000 70%) padding-box content-box;border:2px solid #ffffffd9;border-radius:2px;width:22px;height:10px;padding:1px;position:absolute;top:14px;right:40px}@media (max-width:700px){#viewfinder .spec,#viewfinder .battery{display:none}}