:root{--design-w: 1538;--design-h: 929;--bg: #0b0c10;--fg: #f5f5f7;--accent: #ffcf3a;--focus-ring: #5ae0ff;--gold-1: #ffe27a;--gold-2: #ffcf3a;--gold-3: #e0a800;--gold-edge: #6f4f00;--gold-ink: #2a1f00;--candy-pink: #ff5e8a;--candy-purple: #9b59d0;--candy-teal: #3fd0c9;--panel-1: #1a1030;--panel-2: #0c0814;--panel-line: rgba(180, 130, 220, .3);--panel-fill: rgba(255, 255, 255, .05);--rar-common: #b8b8b8;--rar-uncommon: #6ed46e;--rar-rare: #5aaaff;--rar-epic: #c977ff;--rar-legendary: #ffcf3a}html[data-contrast=high]{--bg: #000000;--fg: #ffffff;--accent: #ffe100;--focus-ring: #ffffff;--gold-1: #ffe100;--gold-2: #ffe100;--gold-3: #ffe100;--gold-edge: #ffffff;--gold-ink: #000000;--candy-pink: #ffffff;--candy-purple: #ffffff;--candy-teal: #ffffff;--panel-1: #000000;--panel-2: #000000;--panel-line: #ffffff;--panel-fill: #000000;--rar-common: #ffffff;--rar-uncommon: #ffffff;--rar-rare: #ffffff;--rar-epic: #ffffff;--rar-legendary: #ffe100}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{position:relative;width:100vw;height:100vh;overflow:hidden}#playfield{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000;touch-action:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;aspect-ratio:1538 / 929;width:min(100vw,calc(100vh * (1538 / 929)));height:min(100vh,calc(100vw * (929 / 1538)))}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.overlay>*{pointer-events:auto}#hud{position:absolute;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100vw,calc(100vh * (1538 / 929)));height:min(100vh,calc(100vw * (929 / 1538)));aspect-ratio:1538 / 929;pointer-events:none}#hud[hidden]{display:none}#hud>*{pointer-events:none}.hud-status{position:absolute;top:22%;left:50%;transform:translate(-50%);font-size:clamp(1rem,2.5vw,1.5rem);font-weight:700;letter-spacing:.05em;color:var(--accent);text-shadow:0 2px 4px rgba(0,0,0,.6);pointer-events:none;min-height:1.5em;min-width:8rem;text-align:center}.hud-timer,.hud-score,.hud-level,.hud-prizes-remaining,.hud-credits{position:absolute;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-weight:800;letter-spacing:.06em;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:center;pointer-events:none;z-index:6;background:#060810d1;border:1px solid rgba(0,0,0,.6);border-radius:.35em;box-shadow:inset 0 2px 5px #000000d9,inset 0 0 6px #0009;padding:.12em .45em}.hud-level{top:14.2%;left:16%;width:9%;font-size:clamp(.55rem,1.2vw,1.05rem);color:#5ae0ff;text-shadow:0 0 6px rgba(90,224,255,.85),0 0 2px rgba(90,224,255,1)}.hud-score{top:17.4%;left:16%;width:9%;font-size:clamp(.55rem,1.2vw,1.05rem);color:var(--accent);text-shadow:0 0 6px rgba(255,207,58,.85),0 0 2px rgba(255,207,58,1)}.hud-timer{top:14%;left:69%;width:8%;min-width:0;font-size:clamp(.9rem,2vw,1.7rem);font-weight:900;color:#ff5e6a;text-shadow:0 0 8px rgba(255,94,106,.9),0 0 3px rgba(255,94,106,1)}.hud-prizes-remaining{top:14.5%;left:79%;width:6%;font-size:clamp(.5rem,1.05vw,.9rem);color:#7affa0;text-shadow:0 0 6px rgba(122,255,160,.8)}.hud-prizes-remaining:before{content:"×";margin-right:.1em;opacity:.7}.hud-credits{top:92%;left:57%;width:6%;font-size:clamp(.6rem,1.3vw,1.1rem);color:var(--accent);text-shadow:0 0 7px rgba(255,207,58,.9),0 0 2px rgba(255,207,58,1)}.hud-credits:before{content:"¢";margin-right:.12em;opacity:.85}.hud-bonus-banner{position:absolute;top:26%;left:50%;transform:translate(-50%);font-size:clamp(1.1rem,3vw,2rem);font-weight:900;letter-spacing:.08em;color:#1a1300;background:var(--accent);padding:.35em 1em;border-radius:.6em;border:2px solid #fff;text-shadow:0 1px 1px rgba(255,255,255,.3);box-shadow:0 4px 16px #00000080;pointer-events:none;white-space:nowrap;text-align:center;z-index:7;animation:hud-bonus-banner-pulse 1.2s ease-in-out infinite}.hud-bonus-banner[hidden]{display:none}@keyframes hud-bonus-banner-pulse{0%,to{transform:translate(-50%) scale(1);filter:brightness(1)}50%{transform:translate(-50%) scale(1.06);filter:brightness(1.15)}}@media (max-width: 480px){.hud-level,.hud-score{font-size:.5rem}.hud-prizes-remaining{font-size:.45rem}.hud-credits{font-size:.55rem}.hud-timer{font-size:.8rem}.hud-bonus-banner{top:14%;font-size:.95rem;padding:.25em .7em;letter-spacing:.06em}}.overlay-level-cleared{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#080a10c7;z-index:50;pointer-events:auto}.overlay-level-cleared[hidden]{display:none}.overlay-level-cleared-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 3rem;background:linear-gradient(to bottom,#1a1d24,#0e1015);border:2px solid var(--accent);border-radius:1rem;box-shadow:0 8px 24px #000000b3;max-width:90vw;text-align:center}.overlay-level-cleared-title{margin:0;font-size:clamp(1.5rem,5vw,3rem);color:var(--accent);letter-spacing:.04em}.btn-continue{min-width:180px;min-height:56px;padding:.85rem 2rem;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:800;letter-spacing:.05em;background:var(--accent);color:#1a1300;border:none;border-radius:.6rem;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.btn-continue:active{filter:brightness(.85);transform:translateY(2px)}@media (max-width: 480px){.overlay-level-cleared-content{padding:1.5rem 1.25rem}.btn-continue{min-width:140px;min-height:48px}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;background:#0b0c10eb;z-index:10}.screen[hidden]{display:none}#screen-game{background:transparent;pointer-events:none;justify-content:flex-start;align-items:flex-start;padding:1rem}#screen-game>*{pointer-events:auto}.control-panel{position:absolute;left:50%;transform:translate(-50%);width:min(100vw,calc(100vh * (1538 / 929)));height:calc(min(100vh,calc(100vw * (929 / 1538))) * (209 / 929));bottom:calc(50% - (min(100vh,calc(100vw * (929 / 1538)))/2));display:flex;flex-direction:row;align-items:center;justify-content:space-around;padding:0 5%;gap:1rem;background:transparent;z-index:5;touch-action:none;pointer-events:none}.control-panel>*{pointer-events:auto}.joystick{position:relative;flex:0 0 auto;width:clamp(72px,14vw,160px);height:clamp(72px,14vw,160px);border-radius:50%;background:radial-gradient(circle at 35% 30%,#2a2538,#110a1a 70%,#050308);border:4px solid #1a1326;box-shadow:inset 0 0 24px #000000b3,inset 0 -6px 12px #0009,0 6px 12px #0000008c;touch-action:none;-webkit-user-select:none;user-select:none}.joystick-knob{position:absolute;top:50%;left:50%;width:50%;height:50%;margin-top:-25%;margin-left:-25%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe27a,#ffcf3a 60%,#b88a00);box-shadow:inset 0 -3px 6px #0006,0 2px 4px #0009;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .08s ease-out}.joystick-knob:active{cursor:grabbing}.btn-drop{flex:0 0 auto;width:clamp(80px,14vw,160px);height:clamp(80px,14vw,160px);border-radius:50%;font-size:clamp(1rem,2vw,1.7rem);font-weight:900;letter-spacing:.1em;background:radial-gradient(circle at 35% 30%,#ff8a5a,#e74c3c 55%,#7a1820);color:#fff;border:5px solid #4a0d12;box-shadow:inset 0 -8px 14px #00000073,inset 0 4px 8px #fff3,0 6px 14px #0000008c;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;text-shadow:0 2px 3px rgba(0,0,0,.6);transition:transform .06s ease-out,box-shadow .06s ease-out}.btn-drop:not(:disabled){filter:brightness(1.08);box-shadow:inset 0 -8px 14px #0006,inset 0 4px 8px #ffffff47,0 6px 14px #0000008c,0 0 18px 4px #ff785ad9,0 0 36px 8px #e74c3c8c;animation:btn-drop-armed-pulse 1.4s ease-in-out infinite}@keyframes btn-drop-armed-pulse{0%,to{box-shadow:inset 0 -8px 14px #0006,inset 0 4px 8px #ffffff47,0 6px 14px #0000008c,0 0 16px 3px #ff785ab3,0 0 30px 6px #e74c3c73}50%{box-shadow:inset 0 -8px 14px #0006,inset 0 4px 8px #ffffff47,0 6px 14px #0000008c,0 0 24px 6px #ff966ef2,0 0 48px 12px #e74c3c99}}@media (prefers-reduced-motion: reduce){.btn-drop:not(:disabled){animation:none}}.btn-drop:hover:not(:disabled){filter:brightness(1.14)}.btn-drop:active:not(:disabled){transform:scale(.96);box-shadow:inset 0 -3px 6px #00000080,inset 0 2px 4px #ffffff26,0 2px 4px #0000008c}.btn-drop:disabled{cursor:not-allowed;filter:grayscale(.55) brightness(.6);box-shadow:inset 0 -8px 14px #0009,inset 0 4px 8px #ffffff14,0 4px 8px #0000008c}.btn-insert-coin{flex:0 0 auto;width:clamp(64px,10vw,120px);height:clamp(64px,10vw,120px);border-radius:50%;font-size:clamp(.62rem,1.3vw,1rem);font-weight:900;letter-spacing:.05em;background:radial-gradient(circle at 35% 30%,#ffe27a,#ffcf3a 55%,#b88a00);color:#2a1f00;border:4px solid #6f4f00;box-shadow:inset 0 -6px 12px #00000059,inset 0 3px 6px #ffffff40,0 4px 10px #00000080;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;text-shadow:0 1px 1px rgba(255,255,255,.3);text-align:center;line-height:1.05;padding:.2em;transition:transform .06s ease-out,box-shadow .06s ease-out,filter .2s ease-out;animation:btn-insert-coin-breathe 2.2s ease-in-out infinite}.btn-insert-coin:hover{filter:brightness(1.08)}.btn-insert-coin:active{transform:scale(.94);box-shadow:inset 0 -3px 6px #00000073,inset 0 2px 3px #fff3,0 2px 4px #00000080}@keyframes btn-insert-coin-breathe{0%,to{box-shadow:inset 0 -6px 12px #00000059,inset 0 3px 6px #ffffff40,0 4px 10px #00000080}50%{box-shadow:inset 0 -6px 12px #00000059,inset 0 3px 6px #ffffff40,0 4px 16px #ffcf3a8c}}.overlay-prize-won{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#080a10c7;z-index:100;pointer-events:auto;cursor:pointer}.overlay-prize-won[hidden]{display:none}.overlay-prize-won-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 3rem;background:linear-gradient(to bottom,#2a1f3a,#110815);border:3px solid var(--accent);border-radius:1.2rem;box-shadow:0 0 32px #ffcf3a66,0 8px 32px #000000b3;max-width:90vw;max-height:90vh;text-align:center;pointer-events:auto;animation:prize-won-pop .4s ease-out}@keyframes prize-won-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.overlay-prize-won-sprite{width:clamp(220px,38vw,384px);height:clamp(220px,38vw,384px);image-rendering:pixelated;filter:drop-shadow(0 10px 22px rgba(0,0,0,.6));-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;animation:prize-won-sprite-bob 2.4s ease-in-out infinite}@keyframes prize-won-sprite-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}.overlay-prize-won-title{margin:0;font-size:clamp(1.25rem,4vw,2.2rem);color:var(--accent);letter-spacing:.03em;text-shadow:0 2px 4px rgba(0,0,0,.6);max-width:28em;line-height:1.2}@media (max-width: 480px){.overlay-prize-won-content{padding:1.5rem 1.25rem;gap:1rem}.overlay-prize-won-sprite{width:clamp(160px,50vw,240px);height:clamp(160px,50vw,240px)}.overlay-prize-won-title{font-size:clamp(1rem,4.5vw,1.5rem)}}.title{font-size:clamp(2rem,8vw,5rem);margin:0;letter-spacing:.05em;color:var(--accent)}.title-buttons{display:flex;flex-direction:column;gap:.75rem;width:min(280px,80vw)}button{font:inherit;font-size:1rem;padding:.85rem 1.25rem;background:var(--accent);color:#1a1300;border:none;border-radius:.5rem;cursor:pointer;font-weight:600;letter-spacing:.02em;min-height:44px;min-width:44px}.settings-row input[type=checkbox],.settings-row input[type=range],.settings-row select,.catalogue-filters select{min-height:44px}.settings-row input[type=checkbox]{width:44px;min-width:44px}button:active{filter:brightness(.9)}.back-btn{background:#2a2d34;color:var(--fg);align-self:flex-start}.screen-stub{opacity:.7;margin:0}.meta-screen{gap:.75rem;padding:1.25rem 1.5rem;align-items:flex-start;justify-content:flex-start;overflow-y:auto;max-height:100vh}.meta-screen h2{margin:0 0 .25rem;font-size:1.5rem}.meta-screen .empty-state{opacity:.6;font-style:italic;margin:.5rem 0}.catalogue-filters,.upgrades-toggles{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0}.filter-btn{background:#2a2d34;color:var(--fg);opacity:.55;padding:.4rem .75rem;font-size:.85rem}.toggle-row{display:flex;align-items:center;gap:.5rem;opacity:.7;font-size:.9rem}.upgrades-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;width:100%;max-height:calc(100vh - 12rem);overflow-y:auto;padding:.25rem;align-content:start;min-height:2rem}.upgrade-card{display:flex;flex-direction:column;padding:.75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;min-height:9rem}.upgrade-card[data-active=true]{border-color:#6cf;background:#66ccff14}.upgrade-card-name{font-size:1rem;margin:0 0 .25rem;line-height:1.2}.upgrade-card-description{font-size:.85rem;margin:0 0 .5rem;opacity:.8;line-height:1.3;flex:1 1 auto}.upgrade-card-lock{font-size:.75rem;opacity:.6;font-style:italic;margin-bottom:.5rem}.upgrade-card[data-unlocked=true] .upgrade-card-lock{display:none}.upgrade-card-toggle{margin-top:auto;padding:.5rem .75rem;border-radius:.4rem;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:inherit;font-size:.85rem;cursor:pointer;touch-action:none}.upgrade-card-toggle:disabled{cursor:not-allowed;opacity:.5}.upgrade-card[data-active=true] .upgrade-card-toggle{background:#6cf3;border-color:#6cf}@media (max-width: 480px){.upgrades-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.upgrade-card{min-height:8rem;padding:.5rem}.upgrade-card-name{font-size:.9rem}}.catalogue-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem;width:100%;flex:1 1 auto;min-height:0;overflow-y:auto;padding:.25rem;align-content:start}#screen-catalogue{overflow:hidden}#screen-catalogue .meta-screen-header,#screen-catalogue .empty-state,#screen-catalogue .back-btn{flex:0 0 auto}#screen-catalogue .meta-screen-header{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem .8rem}#screen-catalogue .screen-header-title{margin-right:auto}#screen-catalogue .catalogue-filters{flex-basis:100%}@media (max-height: 470px){#screen-catalogue{padding:.6rem 1rem}#screen-catalogue .meta-screen-header{gap:.35rem .6rem}#screen-catalogue .meta-screen-header h2{font-size:1.15rem}#screen-catalogue .collection-counter,#screen-catalogue .reveal-toggle{padding:.2rem .6rem;font-size:.72rem}#screen-catalogue .collection-counter-num{font-size:1.1rem}#screen-catalogue .rarity-chip{padding:.15rem .55rem;font-size:.72rem}}.meta-screen-header{display:flex;flex-direction:column;gap:.5rem;width:100%;margin:0;padding:0}.catalogue-filters{align-items:center;flex-wrap:wrap;font-size:.9rem}.catalogue-filters label{opacity:.85}.catalogue-filters select{background:#1a1c22;color:var(--fg);border:1px solid #444;padding:.25rem .5rem;font-size:.9rem;border-radius:.25rem}.prize-card{display:flex;flex-direction:column;align-items:center;gap:.2rem;background:#2a2d34;color:var(--fg);border:1px solid #444;border-radius:.4rem;padding:.4rem .3rem;cursor:pointer;font-family:inherit;font-size:.75rem;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:auto}.prize-card[hidden]{display:none}.prize-card[data-collected=false]{cursor:default}.prize-card[data-collected=false] .prize-card-sprite{filter:brightness(0) invert(.42);opacity:.9}.prize-card[data-collected=false] .prize-card-name,.prize-card[data-collected=false] .prize-card-rarity{visibility:hidden}.prize-card[data-new=true]{box-shadow:0 0 0 2px var(--accent, #ffcf3a);position:relative}.prize-card[data-new=true]:after{content:"NEW";position:absolute;top:-.4rem;right:-.4rem;background:var(--accent, #ffcf3a);color:#111;font-size:.6rem;font-weight:700;padding:.05rem .3rem;border-radius:.25rem;letter-spacing:.05em}.prize-card-sprite{width:92px;height:92px;image-rendering:pixelated;object-fit:contain}.prize-card-name{font-weight:600;word-break:break-word;line-height:1.1}.prize-card-rarity{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.prize-card-rarity--common{color:#b8b8b8}.prize-card-rarity--uncommon{color:#6ed46e}.prize-card-rarity--rare{color:#5aaaff}.prize-card-rarity--epic{color:#c977ff}.prize-card-rarity--legendary{color:#ffcf3a}.overlay-prize-detail{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:50}.overlay-prize-detail[hidden]{display:none}.prize-detail-content{background:#1f2128;border:2px solid #555;border-radius:.6rem;padding:1.25rem 1.5rem;position:relative;display:flex;flex-direction:column;align-items:center;gap:.6rem;max-width:22rem;min-width:16rem;text-align:center}.prize-detail-close{position:absolute;top:.4rem;right:.5rem;background:transparent;border:none;color:var(--fg);font-size:1.6rem;cursor:pointer;line-height:1;padding:.2rem .5rem}.prize-detail-sprite{width:128px;height:128px;image-rendering:pixelated;object-fit:contain}.prize-detail-name{margin:0;font-size:1.2rem}.prize-detail-rarity{margin:0;text-transform:uppercase;font-size:.8rem;letter-spacing:.1em}.prize-detail-rarity--common{color:#b8b8b8}.prize-detail-rarity--uncommon{color:#6ed46e}.prize-detail-rarity--rare{color:#5aaaff}.prize-detail-rarity--epic{color:#c977ff}.prize-detail-rarity--legendary{color:#ffcf3a}.prize-detail-value{margin:0;font-weight:600}.overlay-quota-warn{position:fixed;right:1rem;bottom:1rem;z-index:40;max-width:22rem}.overlay-quota-warn[hidden]{display:none}.overlay-quota-content{background:#4d2a2a;border:1px solid #aa5555;border-radius:.4rem;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;box-shadow:0 4px 12px #0006}.overlay-quota-content p{margin:0}.overlay-quota-content button{align-self:flex-end;background:var(--accent, #ffcf3a);color:#111;border:none;border-radius:.25rem;padding:.3rem .8rem;font-weight:600;cursor:pointer}@media (max-width: 480px){.catalogue-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.prize-card{padding:.3rem .2rem;font-size:.72rem}.prize-card-sprite{width:72px;height:72px}.prize-detail-content{min-width:80vw;max-width:90vw}}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:28rem;padding:.25rem 0}.settings-row label,.settings-row .settings-label{flex:0 0 auto;font-size:.95rem}.settings-row input[type=range]{flex:1 1 auto;max-width:14rem}.settings-now-playing{font-variant-numeric:tabular-nums;font-family:monospace;background:#1a1c22;padding:.2rem .5rem;border-radius:.25rem;min-width:6rem;text-align:center}.settings-play-test{align-self:flex-start;background:var(--accent);color:#111}.results-row{font-size:1.1rem;padding:.25rem 0}.results-value{font-weight:700;color:var(--accent);margin-left:.25rem}.results-actions{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.results-btn{background:var(--accent);color:#111}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{background:linear-gradient(#0000008c,#0000008c),url(/assets/arcade-floor-CVFd1KsR.png) center / cover no-repeat,var(--bg)}.screen-title{background:linear-gradient(#0b0c1059,#0b0c1099),url(/assets/title-bg-CPnEiFil.png) center / cover no-repeat,var(--bg);gap:1.25rem}.title-logo{width:min(70vw,560px);max-height:30vh;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6));-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.title-mascot{position:absolute;right:clamp(8px,4vw,64px);bottom:0;width:clamp(120px,22vw,300px);max-height:60vh;object-fit:contain;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 20px rgba(0,0,0,.5));z-index:0}.title-buttons{position:relative;z-index:1}@media (max-height: 560px){.title-mascot{display:none}}.btn-icon{width:1.4em;height:1.4em;object-fit:contain;vertical-align:-.3em;margin-right:.5em;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.upgrade-card-icon{width:56px;height:56px;object-fit:contain;float:right;margin:0 0 .25rem .5rem;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.hud-bonus-banner[data-bonus-id]{padding-left:2.4em;background-repeat:no-repeat;background-position:.5em center;background-size:1.6em 1.6em}.hud-bonus-banner[data-bonus-id=magnetic-claw]{background-image:url(/assets/bonus-magnetic-p4iN2NQp.png)}.hud-bonus-banner[data-bonus-id=twin-claws]{background-image:url(/assets/bonus-twin-BRxZtzuJ.png)}.hud-bonus-banner[data-bonus-id=four-chutes]{background-image:url(/assets/bonus-four-chutes-DGclfd5M.png)}.hud-bonus-banner[data-bonus-id=prize-rain]{background-image:url(/assets/bonus-rain-Duy23rxh.png)}.hud-bonus-banner[data-bonus-id=jumbo-grip]{background-image:url(/assets/bonus-jumbo-OX65wq47.png)}.overlay-prize-won-mae{position:absolute;left:clamp(12px,5vw,96px);bottom:clamp(12px,6vh,80px);width:clamp(140px,26vw,300px);height:auto;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.6));-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:bottom center;animation:prize-won-mae-bob 1.6s ease-in-out infinite;z-index:1}@keyframes prize-won-mae-bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-22px) rotate(3deg)}}@media (prefers-reduced-motion: reduce){.overlay-prize-won-mae,.overlay-prize-won-sprite{animation:none}}@media (max-width: 480px){.overlay-prize-won-mae{width:clamp(96px,32vw,150px);left:clamp(6px,3vw,24px);bottom:clamp(6px,4vh,32px)}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#2a1f3a,#0b0c10 70%),var(--bg);padding:2rem}.loading-screen[hidden]{display:none}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1.75rem;text-align:center;max-width:90vw}.loading-logo{width:min(70vw,480px);max-height:34vh;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6));-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.loading-progress-wrap{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:min(80vw,360px)}.loading-text{margin:0;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:700;letter-spacing:.05em;color:var(--accent);text-shadow:0 2px 4px rgba(0,0,0,.6);font-variant-numeric:tabular-nums}.loading-bar{width:100%;height:14px;border-radius:999px;background:#ffffff1f;border:2px solid rgba(255,207,58,.4);overflow:hidden}.loading-bar-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#ffe27a,#ffcf3a,#ff5e8a);transition:width .2s ease-out}.loading-screen[data-state=ready] .loading-progress-wrap{display:none}.btn-start{display:none;flex-direction:column;align-items:center;gap:.25rem;min-width:220px;min-height:88px;padding:1rem 2.5rem;border:none;border-radius:1rem;background:radial-gradient(circle at 35% 25%,#ff8fb4,#ff5e8a 55%,#c02d63);color:#fff;cursor:pointer;box-shadow:inset 0 -6px 12px #0000004d,0 8px 24px #ff5e8a80;animation:btn-start-pulse 1.6s ease-in-out infinite}.loading-screen[data-state=ready] .btn-start{display:inline-flex}.btn-start[hidden]{display:none}.btn-start-label{font-size:clamp(1.6rem,5vw,2.4rem);font-weight:900;letter-spacing:.12em;text-shadow:0 2px 4px rgba(0,0,0,.5)}.btn-start-sub{font-size:clamp(.75rem,2vw,1rem);font-weight:600;letter-spacing:.04em;opacity:.92}.btn-start:hover{filter:brightness(1.06)}.btn-start:active{transform:scale(.97)}@keyframes btn-start-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.rotate-prompt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#2a1f3a,#0b0c10 75%),var(--bg);padding:2rem}.rotate-prompt[hidden]{display:none}.rotate-content{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}.rotate-icon{font-size:clamp(3rem,16vw,6rem);line-height:1;animation:rotate-icon-spin 2.4s ease-in-out infinite}@keyframes rotate-icon-spin{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}.rotate-text{margin:0;font-size:clamp(1.1rem,5vw,1.6rem);font-weight:700;letter-spacing:.04em;color:var(--accent);text-shadow:0 2px 4px rgba(0,0,0,.6);line-height:1.4}.control-panel{justify-content:space-between;padding:0 6%}.joystick,.btn-drop,.btn-insert-coin{box-shadow:inset 0 -6px 12px #0000008c,inset 0 4px 8px #ffffff1f,0 3px 6px #00000080,0 0 0 6px #1c0e2ed9,0 0 0 9px #7846a08c}.joystick{background:radial-gradient(circle at 35% 30%,#4a3866,#2a1840 68%,#160a26);border-color:#160a26;width:clamp(64px,11vw,120px);height:clamp(64px,11vw,120px)}.btn-drop{width:clamp(72px,12vw,132px);height:clamp(72px,12vw,132px)}.btn-insert-coin{width:clamp(56px,9vw,104px);height:clamp(56px,9vw,104px)}.control-panel .joystick{order:1}.deck-right{order:2;display:flex;flex-direction:row;align-items:flex-end;gap:clamp(.6rem,2vw,1.6rem);pointer-events:none}.deck-right>*{pointer-events:auto}.control-panel{display:block;padding:0;top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(100vw,calc(100vh * (1538 / 929)));height:min(100vh,calc(100vw * (929 / 1538)));aspect-ratio:1538 / 929}.control-panel .joystick{position:absolute;left:18%;top:87%;transform:translate(-50%,-50%);margin:0}.control-panel .deck-right{display:contents}.control-panel .deck-right .btn-drop{position:absolute;left:88%;top:87%;transform:translate(-50%,-50%)}.control-panel .deck-right .coin-station{position:absolute;left:76%;top:86%;transform:translate(-50%,-50%);flex-direction:column;gap:.3rem}.coin-station{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;pointer-events:none}.coin-station .btn-insert-coin{pointer-events:auto}.coin-slot{position:relative;width:clamp(36px,5vw,58px);height:clamp(20px,2.6vw,30px);border-radius:.35rem;background:linear-gradient(to bottom,#160a26,#2a1840);box-shadow:inset 0 2px 5px #000000b3,0 0 0 3px #1c0e2ed9,0 0 0 5px #7846a080;display:flex;align-items:center;justify-content:center}.coin-slot-mouth{display:block;width:58%;height:5px;border-radius:3px;background:linear-gradient(to right,#6f4f00,#ffe27a 50%,#6f4f00);box-shadow:0 0 6px #ffcf3a99}.coin-drop{position:absolute;top:0;left:50%;width:clamp(28px,4vw,44px);height:clamp(28px,4vw,44px);object-fit:contain;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;opacity:0;transform:translate(-50%,-120%) scale(1);z-index:2}.coin-drop[data-anim=drop]{animation:coin-drop-into-slot .55s cubic-bezier(.45,0,.7,1) 1}@keyframes coin-drop-into-slot{0%{opacity:0;transform:translate(-50%,-260%) scale(1) rotate(0)}18%{opacity:1}78%{opacity:1;transform:translate(-50%,-40%) scale(.92) rotate(220deg)}to{opacity:0;transform:translate(-50%,10%) scale(.45) rotate(320deg)}}@media (prefers-reduced-motion: reduce){.coin-drop[data-anim=drop]{animation-duration:.01s}}.meta-screen{background:radial-gradient(circle at 50% -10%,#7846a073,#0b0c1000 55%),linear-gradient(to bottom,#1a1030,#0c0814);padding:clamp(1rem,3vw,2.25rem);gap:1rem}.meta-screen>h2,.meta-screen-header>h2{display:inline-block;margin:0 0 .75rem;padding:.4rem 1.4rem;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#2a1f00;background:linear-gradient(to bottom,#ffe27a,#ffcf3a 55%,#e0a800);border:3px solid #6f4f00;border-radius:.7rem;box-shadow:0 4px #6f4f00,0 8px 18px #0000008c,inset 0 2px 4px #ffffff80;text-shadow:0 1px 1px rgba(255,255,255,.4)}.catalogue-list,.upgrades-list,.meta-screen .settings-row,.meta-screen .results-row{background:#ffffff0b;border:1px solid rgba(180,130,220,.25);border-radius:.6rem}.catalogue-list,.upgrades-list{padding:.6rem;box-shadow:inset 0 2px 10px #00000080,0 0 0 3px #1c0e2eb3}.meta-screen .settings-row{padding:.6rem .9rem;max-width:32rem;margin:0 auto;box-shadow:inset 0 1px 4px #0006}.meta-screen .settings-row label,.meta-screen .settings-row .settings-label{font-size:1rem;font-weight:600}.meta-screen .results-row{padding:.7rem 1.2rem;font-size:clamp(1.1rem,2.4vw,1.5rem);min-width:min(28rem,80vw);text-align:center}.meta-screen .results-btn,.meta-screen .settings-play-test,.meta-screen .back-btn{padding:.8rem 1.5rem;font-size:clamp(.95rem,2vw,1.15rem);font-weight:800;letter-spacing:.03em;border-radius:.6rem;box-shadow:0 4px #6f4f00,0 6px 12px #00000073;transition:transform .06s ease-out,box-shadow .06s ease-out,filter .15s}.meta-screen .results-btn:hover,.meta-screen .settings-play-test:hover,.meta-screen .back-btn:hover{filter:brightness(1.06)}.meta-screen .results-btn:active,.meta-screen .settings-play-test:active,.meta-screen .back-btn:active{transform:translateY(3px);box-shadow:0 1px #6f4f00,0 2px 5px #00000073}.meta-screen .back-btn{align-self:flex-start;margin-top:auto}.meta-screen .upgrade-card,.meta-screen .prize-card{border-radius:.6rem;box-shadow:0 3px 8px #0006;transition:transform .08s ease-out,box-shadow .08s ease-out}.meta-screen .prize-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00000080}.meta-screen .catalogue-filters select,.meta-screen .settings-row select{border:2px solid #6f4f00;border-radius:.4rem;background:#1a1030;font-size:1rem;padding:.4rem .6rem}.title-nav{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:clamp(.6rem,2vh,1.1rem);width:min(640px,92vw);margin-top:0}.nav-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;border:3px solid var(--gold-edge);border-radius:1.1rem;color:var(--gold-ink);cursor:pointer;font-weight:900;letter-spacing:.04em;text-shadow:0 1px 1px rgba(255,255,255,.35);background:linear-gradient(to bottom,var(--gold-1) 0%,var(--gold-2) 55%,var(--gold-3) 100%);box-shadow:0 5px 0 var(--gold-edge),0 10px 20px #00000080,inset 0 2px 4px #ffffff8c;transition:transform .07s ease-out,box-shadow .07s ease-out,filter .15s}.nav-tile:hover{filter:brightness(1.05)}.nav-tile:active{transform:translateY(4px);box-shadow:0 1px 0 var(--gold-edge),0 3px 8px #00000080,inset 0 2px 4px #ffffff8c}.nav-tile--play{width:100%;min-height:clamp(78px,12vh,116px);padding:.6rem 1.5rem;border-color:#8a1f43;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.45);background:radial-gradient(circle at 35% 22%,#ff9bbb 0%,var(--candy-pink) 52%,#c02d63 100%);box-shadow:0 6px #8a1f43,0 12px 26px #ff5e8a73,inset 0 2px 6px #ffffff59}.nav-tile--play:active{transform:translateY(5px);box-shadow:0 1px #8a1f43,0 4px 10px #ff5e8a73,inset 0 2px 6px #ffffff59}.nav-tile-glyph{font-size:clamp(1.4rem,4vw,2.1rem);line-height:1;animation:nav-play-pulse 1.7s ease-in-out infinite}@keyframes nav-play-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}.nav-tile--play .nav-tile-label{font-size:clamp(1.6rem,5vw,2.4rem);letter-spacing:.12em}.nav-tile-sub{font-size:clamp(.7rem,1.8vw,.95rem);font-weight:700;letter-spacing:.05em;opacity:.95}.nav-tile-row{display:flex;flex-direction:row;justify-content:center;gap:clamp(.5rem,2vw,1rem);width:100%}.nav-tile--icon{flex:1 1 0;min-width:0;min-height:clamp(80px,13vh,124px);padding:.7rem .5rem;gap:.35rem}.nav-tile--icon .nav-tile-label{font-size:clamp(.78rem,2vw,1.05rem);letter-spacing:.03em}.nav-tile-icon{width:clamp(40px,7vw,64px);height:clamp(40px,7vw,64px);object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}@media (max-width: 480px){.title-nav{width:min(440px,94vw)}.nav-tile--play{min-height:66px}.nav-tile--icon{min-height:72px}}.screen-header{flex-direction:column;gap:.6rem;width:100%;align-items:stretch}.screen-header-title{display:flex;align-items:center;gap:.7rem}.screen-header-icon{width:clamp(34px,5vw,52px);height:clamp(34px,5vw,52px);object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}.screen-header .screen-header-title>h2{margin:0}.collection-counter{display:inline-flex;align-items:baseline;gap:.3rem;align-self:flex-start;padding:.35rem .9rem;border-radius:999px;background:var(--panel-fill);border:2px solid var(--panel-line);box-shadow:inset 0 1px 4px #00000073;font-weight:800;letter-spacing:.02em}.collection-counter-num{font-size:clamp(1.2rem,3vw,1.7rem);color:var(--accent);font-variant-numeric:tabular-nums}.collection-counter-sep,.collection-counter-total{font-size:clamp(1rem,2.2vw,1.3rem);opacity:.8}.collection-counter-word{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-left:.2rem}.reveal-toggle{display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;padding:.35rem .9rem;border-radius:999px;background:var(--panel-fill);border:2px solid var(--panel-line);color:var(--fg);font-family:inherit;font-weight:800;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.reveal-toggle:hover{border-color:var(--accent)}.reveal-toggle[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 22%,var(--panel-fill));border-color:var(--accent);color:var(--accent)}.reveal-toggle-glyph{font-size:.9em;line-height:1}.rarity-chips{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.rarity-chip{--chip: var(--panel-line);padding:.4rem .85rem;border-radius:999px;font-size:clamp(.78rem,1.8vw,.95rem);font-weight:800;letter-spacing:.03em;color:var(--fg);background:var(--panel-fill);border:2px solid var(--chip);cursor:pointer;text-shadow:none;box-shadow:none;transition:transform .07s ease-out,background .12s,box-shadow .12s,filter .12s}.rarity-chip:hover{filter:brightness(1.12)}.rarity-chip:active{transform:translateY(1px)}.rarity-chip--all{--chip: var(--accent)}.rarity-chip--common{--chip: var(--rar-common)}.rarity-chip--uncommon{--chip: var(--rar-uncommon)}.rarity-chip--rare{--chip: var(--rar-rare)}.rarity-chip--epic{--chip: var(--rar-epic)}.rarity-chip--legendary{--chip: var(--rar-legendary)}.rarity-chip.is-active{color:#16101f;background:var(--chip);border-color:var(--chip);box-shadow:0 0 0 3px color-mix(in srgb,var(--chip) 35%,transparent),0 3px 8px #0006}html[data-contrast=high] .rarity-chip.is-active{color:#000}.meta-screen .prize-card{--frame: var(--panel-line);border:2px solid var(--frame);background:linear-gradient(to bottom,#ffffff12,#0003)}.meta-screen .prize-card[data-rarity=common]{--frame: var(--rar-common)}.meta-screen .prize-card[data-rarity=uncommon]{--frame: var(--rar-uncommon)}.meta-screen .prize-card[data-rarity=rare]{--frame: var(--rar-rare)}.meta-screen .prize-card[data-rarity=epic]{--frame: var(--rar-epic)}.meta-screen .prize-card[data-rarity=legendary]{--frame: var(--rar-legendary)}.meta-screen .prize-card[data-collected=true]{box-shadow:0 0 0 1px color-mix(in srgb,var(--frame) 60%,transparent),0 0 14px color-mix(in srgb,var(--frame) 35%,transparent),0 3px 8px #0006}.meta-screen .prize-card[data-collected=false]{--frame: #4a505e;border-style:dashed;background:#ffffff06;box-shadow:none;opacity:.85}.prize-card-rarity{padding:.05rem .45rem;border-radius:999px;background:var(--panel-fill);border:1px solid var(--frame, var(--panel-line))}.upgrades-legend{font-size:.85rem;opacity:.85;font-style:italic}.meta-screen .upgrade-card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon name" "icon desc" "lock lock" "btn  btn";grid-template-rows:auto auto 1fr auto;gap:.15rem .7rem;align-items:start;min-height:auto;background:linear-gradient(to bottom,#ffffff0f,#0000002e);border:2px solid var(--panel-line);padding:.9rem}.meta-screen .upgrade-card-description{margin-bottom:.4rem}.meta-screen .upgrade-card[data-active=true]{border-color:var(--candy-teal);box-shadow:0 0 0 1px color-mix(in srgb,var(--candy-teal) 55%,transparent),0 0 16px color-mix(in srgb,var(--candy-teal) 30%,transparent),0 3px 8px #0006}.upgrade-card-icon{grid-area:icon;float:none;margin:0;width:clamp(48px,8vw,64px);height:clamp(48px,8vw,64px);border-radius:.6rem;padding:.25rem;background:var(--panel-fill);border:1px solid var(--panel-line)}.upgrade-card-name{grid-area:name;font-size:1.05rem}.upgrade-card-description{grid-area:desc}.upgrade-card-lock{grid-area:lock;align-self:start;display:inline-block;padding:.15rem .55rem;border-radius:999px;background:#0000004d;border:1px solid var(--panel-line);font-style:normal}.meta-screen .upgrade-card-toggle{grid-area:btn;margin-top:.4rem;padding:.6rem .9rem;font-weight:800;letter-spacing:.03em;border-radius:.6rem;border:2px solid var(--gold-edge);color:var(--gold-ink);background:linear-gradient(to bottom,var(--gold-1),var(--gold-2));box-shadow:0 3px 0 var(--gold-edge),0 5px 10px #00000059;transition:transform .06s ease-out,box-shadow .06s ease-out,filter .12s}.meta-screen .upgrade-card-toggle:hover:not(:disabled){filter:brightness(1.06)}.meta-screen .upgrade-card-toggle:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 var(--gold-edge),0 2px 5px #00000059}.meta-screen .upgrade-card-toggle:disabled{opacity:.5;background:#ffffff14;color:var(--fg);border-color:var(--panel-line);box-shadow:none}.meta-screen .upgrade-card[data-active=true] .upgrade-card-toggle{background:linear-gradient(to bottom,#7fe9e2,var(--candy-teal));border-color:#1c7c77;color:#06302e;box-shadow:0 3px #1c7c77,0 5px 10px #00000059}.settings-panel{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:34rem;margin:0 auto}.settings-group{background:var(--panel-fill);border:2px solid var(--panel-line);border-radius:.8rem;padding:.85rem 1rem 1rem;box-shadow:inset 0 2px 8px #0006}.settings-group-title{margin:0 0 .5rem;font-size:.85rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.settings-panel .settings-row{background:transparent;border:none;box-shadow:none;max-width:none;margin:0;padding:.45rem 0}.settings-panel .settings-row+.settings-row{border-top:1px solid rgba(180,130,220,.16)}.settings-row input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:12px;border-radius:999px;background:linear-gradient(to right,var(--gold-2),var(--candy-pink));border:1px solid rgba(0,0,0,.4);box-shadow:inset 0 1px 3px #00000080;outline-offset:4px}.settings-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0%,var(--gold-1) 45%,var(--gold-3) 100%);border:2px solid var(--gold-edge);box-shadow:0 2px 4px #00000080;cursor:pointer}.settings-row input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0%,var(--gold-1) 45%,var(--gold-3) 100%);border:2px solid var(--gold-edge);box-shadow:0 2px 4px #00000080;cursor:pointer}.arcade-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:78px!important;min-width:78px!important;height:44px;min-height:44px;border-radius:999px;background:#00000073;border:2px solid var(--panel-line);cursor:pointer;transition:background .15s,border-color .15s;flex:0 0 auto}.arcade-toggle:after{content:"";position:absolute;top:3px;left:3px;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d8d8e0);box-shadow:0 1px 3px #00000080;transition:transform .16s ease-out}.arcade-toggle:checked{background:linear-gradient(to right,var(--gold-2),var(--candy-pink));border-color:var(--gold-edge)}.arcade-toggle:checked:after{transform:translate(34px)}@media (prefers-reduced-motion: reduce){.arcade-toggle:after{transition:none}}.settings-speed-value{font-variant-numeric:tabular-nums;font-weight:800;color:var(--accent);min-width:3em;text-align:right}@media (max-width: 480px){.settings-panel{max-width:none}}.btn-insert-coin{position:relative}.coin-count{position:absolute;top:-.55rem;right:-.55rem;min-width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;padding:0 .3rem;border-radius:999px;background:radial-gradient(circle at 35% 30%,#ffe9a0 0%,var(--gold-1, #ffcf3a) 55%,#c8961e 100%);border:2px solid #6f4f00;color:#3a2a00;font-size:.78rem;font-weight:900;line-height:1;box-shadow:0 2px 5px #00000080;pointer-events:none}.overlay-math{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#080a10c7;z-index:110;pointer-events:auto}.overlay-math[hidden]{display:none}.overlay-math-content{display:flex;flex-direction:column;gap:.4rem;padding:.9rem 1.2rem 1.1rem;background:linear-gradient(to bottom,#2a1f3a,#110815);border:3px solid var(--accent);border-radius:1.2rem;box-shadow:0 14px 40px #000000a6;max-height:94vh;overflow-y:auto}.overlay-math-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.overlay-math-title{margin:0;font-size:1.05rem;color:var(--accent);letter-spacing:.03em}.overlay-math-close{min-width:44px;min-height:44px;padding:0;border-radius:.6rem;background:#ffffff14;color:var(--fg);font-size:1.4rem;font-weight:900;line-height:1;border:2px solid rgba(180,130,220,.4);box-shadow:none}.overlay-math-close:hover{border-color:var(--accent)}.math-card{display:grid;grid-template-areas:"problem keypad" "answer  keypad" "feedback keypad";grid-template-columns:1fr auto;grid-template-rows:auto auto auto;column-gap:1.4rem;row-gap:.35rem;align-items:center;justify-content:center;width:min(86vw,440px)}.math-problem{grid-area:problem;width:5.5ch;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;font-size:clamp(1.5rem,4.6vh,2.1rem);font-weight:900;font-variant-numeric:tabular-nums;line-height:1.12;color:var(--fg);text-shadow:0 2px 6px rgba(0,0,0,.6)}.math-sum-a{text-align:right}.math-sum-oprow{display:flex;align-items:center;justify-content:space-between}.math-sum-op{color:var(--accent)}.math-sum-b{text-align:right}.math-answer{grid-area:answer;width:5.5ch;margin:0 auto;min-height:2.2rem;display:flex;align-items:center;justify-content:flex-end;font-size:clamp(1.5rem,4.6vh,2.1rem);font-weight:900;font-variant-numeric:tabular-nums;color:var(--accent);border-top:4px solid var(--fg);padding-top:.1rem;letter-spacing:0}.math-feedback{grid-area:feedback;height:2.8rem;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;font-weight:800;font-size:.95rem;line-height:1.15}.math-feedback[data-state=correct]{color:var(--candy-teal, #4dd9c2);font-size:1.3rem;font-weight:900;text-shadow:0 1px 6px color-mix(in srgb,var(--candy-teal, #4dd9c2) 50%,transparent);animation:math-correct-pop .32s ease-out}@keyframes math-correct-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.math-feedback[data-state=correct]{animation:none}}.math-feedback[data-state=wrong]{color:#ff8896}.math-keypad{grid-area:keypad;display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.math-key{min-width:52px;min-height:44px;padding:.3rem 0;font-size:1.15rem;font-weight:900;border-radius:.7rem;border:2px solid var(--gold-edge, #8a6a14);background:linear-gradient(to bottom,var(--gold-1, #ffd95e) 0%,var(--gold-3, #e0a72e) 100%);color:var(--gold-ink, #3a2a00);box-shadow:0 3px #6f4f00,0 5px 10px #00000073}.math-key:active{transform:translateY(2px);box-shadow:0 1px #6f4f00,0 3px 6px #00000073}.math-key:disabled{filter:grayscale(.7) brightness(.7);cursor:default;transform:none}.math-key--enter{background:linear-gradient(to bottom,#6fe0c8,#2fae93);border-color:#1d6e5c;color:#06281f;box-shadow:0 3px #134c40,0 5px 10px #00000073}.math-key--back{background:linear-gradient(to bottom,#f3a0b0,#d4506c);border-color:#7e2237;color:#3c0814;box-shadow:0 3px #5e1626,0 5px 10px #00000073}.coin-balance-wrap{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .9rem;border-radius:999px;background:var(--panel-fill, rgba(255, 255, 255, .06));border:2px solid var(--gold-edge, #8a6a14)}.coin-balance-icon{width:1.4rem;height:1.4rem;object-fit:contain}.coin-balance{font-size:1.25rem;font-weight:900;color:var(--accent)}.coin-balance-word{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.earn-hint{margin:0;text-align:center;opacity:.85;font-size:.95rem}.earn-difficulty{display:flex;justify-content:center;gap:.5rem;width:100%}.earn-diff-btn{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:.3rem .9rem;border-radius:999px;font-weight:800;font-size:.9rem;letter-spacing:.03em;color:var(--fg);background:var(--panel-fill, rgba(255, 255, 255, .06));border:2px solid var(--panel-line, rgba(180, 130, 220, .4));cursor:pointer;text-shadow:none;box-shadow:none}.earn-diff-btn:hover{border-color:var(--accent)}.earn-diff-reward{font-size:.78rem;font-weight:900;color:var(--gold-1, #ffcf3a)}.earn-diff-btn[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 22%,var(--panel-fill, #222));border-color:var(--accent);color:var(--accent)}.earn-diff-btn[aria-pressed=true] .earn-diff-reward{color:var(--accent)}.earn-host{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}#screen-earn{overflow:hidden}@media (max-height: 470px){.earn-hint{display:none}#screen-earn .meta-screen-header{flex-direction:row;align-items:center;gap:.6rem}#screen-earn .meta-screen-header h2{font-size:1.15rem}.math-key{min-width:48px}.math-problem{font-size:1.5rem}.math-answer{min-height:2.1rem;font-size:1.4rem}}