: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;--rar-mythic: #ff9f1c}@media (prefers-contrast: more){:root{--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;--rar-mythic: #ffab00}}: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;touch-action:manipulation;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:root{--vh100: 100vh}@supports (height: 100dvh){:root{--vh100: 100dvh}}#app{position:relative;width:100vw;height:100vh;height:var(--vh100);overflow:hidden}:root{--cab-w: min(100vw, calc(var(--vh100) * (1538 / 929)), 1300px);--cab-h: min(var(--vh100), calc(100vw * (929 / 1538)), calc(1300px * (929 / 1538)))}.cab-ext{position:fixed;left:50%;transform:translate(-50%);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#cab-pedestal{width:var(--cab-w);top:calc(50% + var(--cab-h) / 2 - 1px)}#cab-topper{width:var(--cab-w);bottom:calc(50% + var(--cab-h) / 2 - 1px)}#playfield{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:transparent;touch-action:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;aspect-ratio:1538 / 929;width:var(--cab-w);height:var(--cab-h)}.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:var(--cab-w);height:var(--cab-h);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:13.4%;left:19.5%;width:5.8%;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:16.6%;left:20.6%;width:3.6%;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:70.2%;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:78.2%;width:4.8%;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:14.8%;left:25.6%;width:6.5%;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}}.confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:3}.confetti-piece{position:absolute;top:-8%;opacity:0;transform:rotate(var(--rot));animation-name:confetti-fall;animation-timing-function:cubic-bezier(.3,.6,.5,1);animation-fill-mode:forwards}@keyframes confetti-fall{0%{transform:translateZ(0) rotate(var(--rot));opacity:1}to{transform:translate3d(var(--drift),118vh,0) rotate(calc(var(--rot) + 900deg));opacity:1}}@media (prefers-reduced-motion: reduce){.confetti-layer{display:none}}.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}.overlay-level-cleared-mae{width:clamp(140px,24vw,220px);height:auto;object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.overlay-level-cleared-mae--static{display:none}@media (prefers-reduced-motion: reduce){.overlay-level-cleared-mae--animated{display:none}.overlay-level-cleared-mae--static{display:block}}.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:var(--cab-w);height:calc(var(--cab-h) * (209 / 929));bottom:calc(50% - (var(--cab-h) / 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}#screen-game>.control-panel{pointer-events:none}.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:var(--vh100)}.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(var(--vh100) - 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: 480px){#screen-catalogue .catalogue-filters{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.1rem}#screen-catalogue .catalogue-filters::-webkit-scrollbar{display:none}#screen-catalogue .rarity-chip{flex:0 0 auto}#screen-catalogue .collection-counter-word{display:none}#screen-catalogue .catalogue-list{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.45rem}#screen-catalogue{padding:3.3rem 1rem .6rem}#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}.prize-card-rarity--mythic{color:#ff9f1c;text-shadow:0 0 8px rgba(255,159,28,.6)}.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:min(256px,62vw);height:min(256px,62vw);image-rendering:auto;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-rarity--mythic{color:#ff9f1c;text-shadow:0 0 10px rgba(255,159,28,.55)}.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{flex:0 0 auto;font-size:.95rem}.settings-row input[type=range]{flex:1 1 auto;max-width:14rem}.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-BAhp864g.webp) center / cover no-repeat,var(--bg)}.screen-title{background:linear-gradient(#0b0c1059,#0b0c1099),url(/assets/title-bg-BVS_zKyE.webp) 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=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:grid;grid-template-columns:1fr;justify-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{grid-row:2;grid-column:1;align-self:center;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{visibility:hidden}.btn-start{grid-row:2;grid-column:1;align-self:center;display:inline-flex;visibility:hidden;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{visibility:visible}.btn-start[hidden]{display:inline-flex;visibility:hidden}.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)}}.fullscreen-toggle{position:fixed;top:clamp(.6rem,2vw,1.25rem);right:clamp(.6rem,2vw,1.25rem);z-index:120;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;border:2px solid rgba(190,140,230,.6);background:#1a102ad1;color:#f4ecff;cursor:pointer;box-shadow:0 4px 12px #00000073;transition:filter .12s ease,transform .08s ease}.fullscreen-toggle[hidden]{display:none}.fullscreen-toggle:hover{filter:brightness(1.15)}.fullscreen-toggle:active{transform:scale(.94)}.fullscreen-toggle svg{width:1.4rem;height:1.4rem;display:block}.settings-toggle{position:fixed;top:clamp(.6rem,2vw,1.25rem);right:clamp(3.85rem,2vw + 3.25rem,4.75rem);z-index:120;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;border:2px solid rgba(190,140,230,.6);background:#1a102ad1;color:#f4ecff;cursor:pointer;box-shadow:0 4px 12px #00000073;transition:filter .12s ease,transform .08s ease}.settings-toggle[hidden]{display:none}.settings-toggle:hover{filter:brightness(1.15)}.settings-toggle:active{transform:scale(.94)}.settings-toggle svg{width:1.5rem;height:1.5rem;display:block}.settings-toggle[data-tip]:after,.fullscreen-toggle[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + .55rem);right:0;z-index:130;white-space:nowrap;padding:.35rem .6rem;border-radius:.5rem;background:#120a1ef7;border:1px solid rgba(190,140,230,.55);color:#f4ecff;font-size:.76rem;font-weight:600;letter-spacing:.01em;box-shadow:0 4px 14px #00000080;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .12s ease,transform .12s ease}.settings-toggle[data-tip]:hover:after,.settings-toggle[data-tip]:focus-visible:after,.fullscreen-toggle[data-tip]:hover:after,.fullscreen-toggle[data-tip]:focus-visible:after{opacity:1;transform:translateY(0)}.fs-coach{position:fixed;top:clamp(3.55rem,2vw + 3rem,4.4rem);right:clamp(.6rem,2vw,1.25rem);z-index:130;width:min(78vw,16.5rem);padding:.7rem .85rem .75rem;border-radius:.75rem;background:linear-gradient(to bottom,#2a1b3d,#191026);border:2px solid var(--gold-3);box-shadow:0 12px 30px #0009;color:#f4ecff;animation:fs-coach-in .28s ease both}.fs-coach:before{content:"";position:absolute;bottom:100%;right:1rem;border:8px solid transparent;border-bottom-color:var(--gold-3)}.fs-coach-text{margin:0 0 .55rem;font-size:.86rem;line-height:1.35}.fs-coach-text strong{color:var(--gold-2)}.fs-coach-dismiss{display:block;margin-left:auto;padding:.32rem .75rem;border-radius:.45rem;border:2px solid #a4700a;background:linear-gradient(to bottom,#ffe27a,#ffcf3a 55%,#f2b400);color:#3a2400;font-weight:800;font-size:.8rem;cursor:pointer;box-shadow:0 2px #a4700a}.fs-coach-dismiss:active{transform:translateY(1px);box-shadow:0 1px #a4700a}@keyframes fs-coach-in{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.fs-coach{animation:none}}.install-hint{position:fixed;left:50%;bottom:max(.75rem,env(safe-area-inset-bottom));transform:translate(-50%);z-index:950;width:min(92vw,32rem);border-radius:.9rem;background:linear-gradient(to bottom,#2a1b3d,#191026);border:2px solid #6f4fae;box-shadow:0 10px 30px #0009}.install-hint[hidden]{display:none}.install-content{display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem}.install-text{margin:0;flex:1 1 auto;color:#f4ecff;font-size:.9rem;line-height:1.35}.install-text strong{color:#ffcf3a}.install-accept{flex:0 0 auto;padding:.5rem .9rem;border-radius:.5rem;border:2px solid #a4700a;background:linear-gradient(to bottom,#ffe27a,#ffcf3a 55%,#f2b400);color:#3a2400;font-weight:800;font-size:.85rem;cursor:pointer;box-shadow:0 3px #a4700a}.install-accept[hidden]{display:none}.install-close{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:none;background:#ffffff1f;color:#fff;font-size:1.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.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);display:flex;align-items:center;justify-content:center;padding:0;text-indent:.1em}.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:var(--cab-w);height:var(--cab-h);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:88.3%;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}@media (max-height: 480px){.coin-station .coin-slot{display:none}}.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{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 .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 .back-btn:hover{filter:brightness(1.06)}.meta-screen .results-btn:active,.meta-screen .back-btn:active{transform:translateY(3px);box-shadow:0 1px #6f4f00,0 2px 5px #00000073}.meta-screen .back-btn{position:fixed;top:clamp(.6rem,2vw,1.25rem);left:clamp(.6rem,2vw,1.25rem);margin:0;z-index:60}.meta-screen{padding-top:clamp(4.75rem,11vh,6rem)}.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--mythic{--chip: var(--rar-mythic)}.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}@media (prefers-contrast: more){.rarity-chip.is-active{color:#000}.nav-tile--play{background:#000;color:var(--accent);border-color:#fff;text-shadow:none;box-shadow:0 6px #fff,0 0 0 2px #000}.nav-tile--play .nav-tile-sub{color:#fff}}.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-rarity=mythic]{--frame: var(--rar-mythic)}.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)}.profile-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.profile-slot{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.7rem .4rem .65rem;font:inherit;color:var(--fg);background:#ffffff0d;border:2px solid var(--panel-line);border-radius:.7rem;cursor:pointer;transition:filter .12s ease,border-color .12s ease,transform .08s ease}.profile-slot:hover{filter:brightness(1.15)}.profile-slot:active{transform:scale(.97)}.profile-slot[data-active=true]{border-color:var(--gold-2);background:#ffcf3a1a;cursor:default}.profile-slot-name{font-weight:800;font-size:.9rem;letter-spacing:.03em}.profile-slot[data-active=true] .profile-slot-name{color:var(--gold-1)}.profile-slot-summary{font-size:.7rem;line-height:1.3;color:#f4ecffbf;text-align:center}.profile-reset{display:block;margin:.75rem auto 0;padding:.5rem 1.2rem;font:inherit;font-weight:800;font-size:.85rem;letter-spacing:.03em;color:#ffd9de;background:#7814288c;border:2px solid rgba(255,94,118,.55);border-radius:.6rem;cursor:pointer;transition:filter .12s ease,background .12s ease}.profile-reset:hover{filter:brightness(1.2)}.profile-reset[data-armed=true]{background:#c02040;border-color:#ff5e76;color:#fff;animation:profile-reset-armed .6s ease-in-out infinite alternate}@keyframes profile-reset-armed{0%{filter:brightness(1)}to{filter:brightness(1.35)}}@media (prefers-reduced-motion: reduce){.profile-reset[data-armed=true]{animation:none}}.profiles-note{margin:.75rem 0 0;font-size:.75rem;line-height:1.45;color:#f4ecff99;text-align:center}.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)}.overlay-math-hint{margin:.2rem 0 0;font-size:.82rem;line-height:1.4;text-align:center;color:#ffffffd1}.overlay-math-earn-link{display:inline;padding:.05em .45em;margin:0 .1em;border:2px solid var(--accent);border-radius:.5rem;background:#ffcf3a24;color:var(--accent);font-weight:800;font-size:inherit;line-height:1.3;cursor:pointer;box-shadow:none}.overlay-math-earn-link:hover{background:var(--accent);color:#2a1f3a}.math-card{display:grid;grid-template-areas:"problem keypad" "answer  keypad" "feedback keypad" "howto   howto";grid-template-columns:1fr auto;grid-template-rows:auto 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;font-size:.95rem;color:#fff6d8;text-shadow:0 1px 3px rgba(0,0,0,.75),0 0 10px rgba(0,0,0,.5)}.earn-difficulty{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem;width:100%}.earn-diff-btn{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.3rem .7rem .3rem .85rem;border-radius:.4rem;font-weight:800;font-size:.9rem;letter-spacing:.03em;color:#4a2b12;background:linear-gradient(to bottom,#fff6e2,#ffe9c2);border:2px solid #d9a24a;cursor:pointer;text-shadow:none;box-shadow:0 3px #9660188c,0 6px 12px #00000059;transition:transform .08s ease,filter .12s ease}.earn-diff-btn:hover{filter:brightness(1.05);transform:translateY(-1px) rotate(-1deg)}.earn-diff-btn:active{transform:translateY(1px);box-shadow:0 1px #9660188c,0 3px 6px #00000059}.earn-diff-reward{padding-left:.5rem;border-left:2px dashed #d9a24a;font-size:.82rem;font-weight:900;color:#c8860f}.earn-diff-btn[aria-pressed=true]{color:#3a2400;background:linear-gradient(to bottom,#ffe27a,#ffcf3a 55%,#f2b400);border-color:#a4700a;box-shadow:0 3px #a4700a,0 7px 16px #0006,inset 0 1px 3px #fff9}.earn-diff-btn[aria-pressed=true] .earn-diff-reward{border-left-color:#a4700a;color:#7a4d00}.earn-host{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}#screen-earn{overflow:hidden;background:url(/assets/earn-token-machine-v2-4kd6IL4K.webp) center / cover no-repeat,linear-gradient(to bottom,#241436,#0c0814)}.earn-topbar{width:100%;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:.55rem;padding:.7rem 1rem .85rem;background:#120a22d9;border:2px solid rgba(190,140,230,.6);border-radius:1rem;box-shadow:0 10px 28px #00000080,inset 0 1px #ffffff17;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#screen-earn .meta-screen-header{flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}#screen-earn .screen-header-title>h2{padding:.25rem 1rem;border-radius:.6rem;color:#2a1f00;background:linear-gradient(to bottom,#ffe27a,#ffcf3a 55%,#e0a800);border:3px solid #6f4f00;box-shadow:0 3px #6f4f00,0 6px 14px #00000080;text-shadow:0 1px 1px rgba(255,255,255,.4)}#screen-earn .coin-balance-wrap{align-self:flex-start;background:#120a22db;border-color:#d9a24a;box-shadow:0 3px 10px #0006}#screen-earn .coin-balance-word{color:#fff0c8;opacity:.9}.earn-play-btn{align-self:flex-start;padding:.45rem 1.3rem;border-radius:.7rem;border:3px solid #6f4f00;background:linear-gradient(to bottom,#ffe27a,#ffcf3a 55%,#e0a800);color:#2a1f00;font-family:inherit;font-size:1.05rem;font-weight:800;letter-spacing:.04em;cursor:pointer;box-shadow:0 3px #6f4f00,0 6px 14px #00000080;text-shadow:0 1px 1px rgba(255,255,255,.4)}.earn-play-btn:hover{filter:brightness(1.07)}.earn-play-btn:active{transform:translateY(2px);box-shadow:0 1px #6f4f00,0 3px 8px #00000080}.dev-menu{--dev-green: #00ff66;--dev-green-dim: #00b34a;--dev-green-dark: #04380f;margin-top:1rem;padding:.9rem 1rem 1.1rem;background:#01120a;border:1px solid var(--dev-green-dim);border-radius:.4rem;box-shadow:inset 0 0 18px #00ff6614,0 0 10px #00ff6626;color:var(--dev-green);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.dev-menu-title{margin:0 0 .35rem;font-size:.95rem;letter-spacing:.22em;color:var(--dev-green);text-shadow:0 0 8px rgba(0,255,102,.7)}.dev-menu-status{margin:0 0 .75rem;font-size:.8rem;color:var(--dev-green-dim)}.dev-menu-row{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin-bottom:.65rem}.dev-menu-label{font-size:.72rem;letter-spacing:.14em;color:var(--dev-green-dim)}.dev-level-btns{display:flex;flex-wrap:wrap;gap:.3rem}.dev-btn{padding:.3rem .7rem;background:var(--dev-green-dark);border:1px solid var(--dev-green-dim);border-radius:.25rem;color:var(--dev-green);font-family:inherit;font-size:.78rem;letter-spacing:.08em;cursor:pointer}.dev-btn:hover{background:var(--dev-green);border-color:var(--dev-green);color:#01120a;text-shadow:none}.dev-btn--level{min-width:2.1rem;text-align:center;padding:.3rem .45rem}.dev-btn--danger{border-style:dashed}#screen-earn .math-card{padding:clamp(.9rem,3.2vh,1.6rem) clamp(1rem,4vw,1.9rem);background:#120a22d1;border:2px solid rgba(180,130,220,.5);border-radius:1.1rem;box-shadow:0 12px 34px #00000080,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@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}}@media (max-height: 480px){.control-panel .deck-right .coin-station{left:69%}.control-panel .deck-right .btn-drop{left:89%}.meta-screen .back-btn{padding:.45rem .85rem;font-size:.85rem;box-shadow:0 3px #6f4f00,0 4px 8px #00000073}.settings-toggle{right:4.1rem}.fullscreen-toggle svg,.settings-toggle svg{width:1.2rem;height:1.2rem}.meta-screen{padding-top:4rem;gap:.6rem}#screen-catalogue{padding-top:4rem}.meta-screen>h2,.meta-screen-header>h2{margin:0 0 .25rem;padding:.25rem .9rem;font-size:1.2rem}.screen-header-icon{width:30px;height:30px}.upgrades-list{max-height:calc(var(--vh100) - 8.5rem)}.screen-title{gap:.7rem}.title-logo{max-height:24vh}.title-nav{gap:.55rem}.nav-tile--play{min-height:54px;padding:.35rem 1rem}.nav-tile--play .nav-tile-label{font-size:1.35rem}.nav-tile-glyph{font-size:1.1rem}.nav-tile-sub{font-size:.68rem}.nav-tile--icon{min-height:56px;padding:.4rem;gap:.2rem}.nav-tile-icon{width:30px;height:30px}.nav-tile--icon .nav-tile-label{font-size:.75rem}#screen-earn{overflow-y:auto}.earn-host{flex:0 0 auto;align-items:flex-start}.earn-topbar{padding:.4rem .8rem .5rem;gap:.3rem}#screen-earn .screen-header-title>h2{padding:.2rem .7rem;font-size:1rem}.earn-play-btn{padding:.3rem .9rem;font-size:.9rem}.earn-diff-btn{font-size:.8rem;padding:.2rem .55rem .2rem .7rem}}.overlay-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;display:flex;align-items:center;justify-content:center;padding:clamp(.75rem,3vw,2rem);background:#080510b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay-intro[hidden]{display:none}.overlay-intro-panel{width:min(680px,100%);max-height:var(--vh100);overflow-y:auto;display:flex;flex-direction:column;gap:clamp(.6rem,2vh,1.1rem);padding:clamp(.9rem,3vw,1.6rem);border-radius:1.4rem;background:linear-gradient(to bottom,#241542,#150c28);border:3px solid rgba(190,140,230,.55);box-shadow:0 18px 50px #0009,inset 0 1px #ffffff17}.intro-stage{display:grid;grid-template-columns:1fr auto;align-items:stretch;gap:clamp(.5rem,2vw,1rem)}.intro-speech{position:relative;display:flex;align-items:center;margin:0;padding:clamp(.85rem,2.4vw,1.3rem) clamp(1rem,3vw,1.5rem);border-radius:1.1rem;background:linear-gradient(to bottom,#fff8ec,#ffeccd);border:3px solid #d9a24a;color:#40260c;font-weight:700;font-size:clamp(.95rem,2.6vw,1.2rem);line-height:1.45;text-wrap:pretty;box-shadow:0 5px #96601880,0 10px 22px #0006}.intro-speech:after{content:"";position:absolute;right:-14px;top:30%;transform:translateY(-50%);width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:15px solid #d9a24a}.intro-mae{width:clamp(78px,17vw,150px);height:auto;object-fit:contain;align-self:end;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}.mae-mouth{background-image:url(/assets/mae-visemes-CYBcxO7l.webp);background-repeat:no-repeat;background-size:700% 100%;background-position:0% 0;aspect-ratio:280 / 390}.intro-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.intro-dots{display:flex;align-items:center;gap:.45rem}.intro-dot{width:9px;height:9px;border-radius:50%;background:#be8ce659;transition:background .15s ease,transform .15s ease}.intro-dot[data-active=true]{background:var(--accent, #ffcf3a);transform:scale(1.35)}.intro-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.intro-btn{min-height:44px;padding:.5rem 1.15rem;border-radius:.65rem;font-weight:800;font-size:clamp(.85rem,2.2vw,1rem);letter-spacing:.03em;cursor:pointer;border:2px solid transparent;transition:filter .12s ease,transform .06s ease-out}.intro-btn:hover{filter:brightness(1.07)}.intro-btn:active{transform:translateY(2px)}.intro-btn[hidden]{display:none}.intro-btn--next{color:var(--gold-ink, #3a2a00);background:linear-gradient(to bottom,var(--gold-1, #ffd95e) 0%,var(--gold-3, #e0a72e) 100%);border-color:var(--gold-edge, #8a6a14);box-shadow:0 4px #6f4f00,0 6px 14px #0006}.intro-btn--back,.intro-btn--skip{color:#e8dcff;background:#7846a040;border-color:#be8ce673}@media (max-height: 480px){.overlay-intro{padding:.5rem}.overlay-intro-panel{gap:.5rem;padding:.7rem .9rem;border-radius:1rem}.intro-mae{width:clamp(62px,12vw,92px)}.intro-speech{padding:.7rem 1rem;font-size:1.05rem;line-height:1.4}.intro-btn{min-height:40px;padding:.35rem .85rem;font-size:.85rem}}.settings-action-btn{min-height:44px;padding:.5rem 1.1rem;border-radius:.6rem;font-weight:800;font-size:.95rem;cursor:pointer;color:var(--gold-ink, #3a2a00);background:linear-gradient(to bottom,var(--gold-1, #ffd95e) 0%,var(--gold-3, #e0a72e) 100%);border:2px solid var(--gold-edge, #8a6a14);box-shadow:0 3px #6f4f00,0 5px 12px #00000059}.settings-action-btn:hover{filter:brightness(1.06)}.settings-action-btn:active{transform:translateY(2px);box-shadow:0 1px #6f4f00}.math-howto{grid-area:howto;margin:.5rem 0 0;text-align:center;font-size:.85rem;font-weight:700;line-height:1.35;color:#d8c8f2}.math-howto-key{display:inline-flex;align-items:center;justify-content:center;min-width:1.55rem;padding:0 .3rem;margin:0 .12rem;border-radius:.35rem;font-weight:900;color:#06281f;background:linear-gradient(to bottom,#6fe0c8,#2fae93);border:2px solid #1d6e5c;box-shadow:0 2px #134c40}.overlay-math .math-howto{color:#e8dcff}@media (max-height: 480px){.math-howto{margin-top:.3rem;font-size:.75rem}.math-howto-key{min-width:1.3rem;border-width:1px}}@media (max-height: 480px){.overlay-prize-won-content{padding:.8rem 1.5rem;gap:.5rem;max-height:94vh}.overlay-prize-won-sprite{width:clamp(120px,40vh,220px);height:clamp(120px,40vh,220px)}.overlay-prize-won-title{font-size:clamp(1rem,3.6vh,1.45rem);line-height:1.15}.overlay-prize-won-mae{width:clamp(84px,26vh,150px);left:clamp(6px,2vw,24px);bottom:clamp(6px,3vh,28px)}.meta-screen,#screen-catalogue{padding-top:.6rem}.meta-screen-header{padding-left:7rem;padding-right:7rem;min-height:3.4rem}#screen-earn .meta-screen-header{padding-left:4.5rem;padding-right:5.25rem}.meta-screen .back-btn{padding:.35rem .7rem;font-size:.8rem}.settings-panel{gap:.5rem}.settings-group{padding:.5rem .75rem .6rem}.settings-group>h3{margin-bottom:.3rem}.meta-screen .settings-row{padding-top:.3rem;padding-bottom:.3rem}}.about-brand{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:.04em;color:var(--gold-2, #ffcf3a);text-shadow:0 1px 2px rgba(0,0,0,.5)}.about-title{margin:.1rem 0 .75rem;font-size:.9rem;font-weight:600;color:#f4ecffd1}.about-list{display:grid;grid-template-columns:auto 1fr;gap:.32rem .9rem;margin:0;align-items:baseline}.about-list dt{font-size:.8rem;color:#f4ecff99}.about-list dd{margin:0;font-size:.82rem;color:#f4ecffe6}.about-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;user-select:text;-webkit-user-select:text}.overlay-win{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:clamp(.75rem,3vw,2rem);background:radial-gradient(circle at 50% 30%,#ffcf3a47,#08051000 60%),#080510e6}.overlay-win[hidden]{display:none}.overlay-win-panel{display:flex;flex-direction:column;align-items:center;gap:clamp(.4rem,1.6vh,.9rem);max-width:min(680px,92vw);max-height:94vh;padding:clamp(.9rem,3vh,1.8rem) clamp(1rem,4vw,2.2rem);text-align:center;background:linear-gradient(to bottom,var(--panel-1) 0%,var(--panel-2) 100%);border:3px solid var(--gold-2, #ffcf3a);border-radius:1.2rem;box-shadow:0 0 42px #ffcf3a59,0 12px 40px #000000b3;animation:win-pop .45s cubic-bezier(.2,1.3,.4,1) both}@keyframes win-pop{0%{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}.win-brand{width:min(300px,62%);height:auto;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.win-title{margin:0;font-size:clamp(1.4rem,5vw,2.4rem);font-weight:900;letter-spacing:.02em;color:var(--gold-2, #ffcf3a);text-shadow:0 3px 0 #6f4f00,0 6px 16px rgba(0,0,0,.6);text-wrap:balance}.win-sub{margin:0;font-size:clamp(.85rem,2.4vw,1.05rem);color:#f4ecffd9}.win-stat{margin:0;font-size:clamp(.8rem,2.2vw,1rem);font-weight:700;color:var(--candy-teal, #3fd0c9)}.win-stage{display:flex;justify-content:center}.win-mae{width:clamp(90px,22vh,190px);height:auto;object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.btn-win-again{min-height:48px;padding:.6rem 1.8rem;font-size:clamp(.95rem,2.6vw,1.15rem);font-weight:800;color:var(--gold-ink, #2a1f00);background:linear-gradient(to bottom,var(--gold-1, #ffe27a) 0%,var(--gold-3, #e0a800) 100%);border:3px solid var(--gold-edge, #6f4f00);border-radius:.7rem;box-shadow:0 4px 0 var(--gold-edge, #6f4f00),0 8px 18px #00000073;cursor:pointer}.btn-win-again:hover{filter:brightness(1.07)}.btn-win-again:active{transform:translateY(3px);box-shadow:0 1px 0 var(--gold-edge, #6f4f00)}@media (prefers-reduced-motion: reduce){.overlay-win-panel{animation:none}}@media (max-height: 480px){.overlay-win-panel{gap:.35rem;padding:.6rem 1rem}.win-brand{width:min(210px,46%)}.win-mae{width:clamp(70px,18vh,110px)}.btn-win-again{min-height:44px;padding:.4rem 1.3rem}}.hud-wishlist{position:absolute;top:.9rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.25rem .6rem;border-radius:999px;background:#140e1cd1;border:1px solid rgba(255,255,255,.28);box-shadow:0 2px 10px #00000073;pointer-events:none;z-index:6}.hud-wishlist[hidden]{display:none}.hud-wishlist-label{font-size:clamp(.6rem,1.4vw,.8rem);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;opacity:.85;white-space:nowrap}.hud-wishlist-items{display:flex;align-items:center;gap:.3rem}.hud-wishlist-toy{width:clamp(26px,4.5vh,40px);height:clamp(26px,4.5vh,40px);object-fit:contain;filter:grayscale(1) brightness(.65);opacity:.75;transition:filter .22s ease,opacity .22s ease,transform .22s ease}.hud-wishlist-toy[data-found=true]{filter:none;opacity:1;transform:scale(1.12)}.hud-wishlist[data-complete=true]{background:#ffc40047;border-color:#ffffff8c}@media (prefers-reduced-motion: reduce){.hud-wishlist-toy{transition:none}}@media (max-height: 480px){.hud-wishlist{top:.2rem;gap:.35rem;padding:.15rem .45rem}.hud-wishlist-label{font-size:.55rem;letter-spacing:.04em}.hud-wishlist-toy{width:24px;height:24px}}.hud-wishlist{transition:transform .42s cubic-bezier(.22,1,.36,1),background-color .42s ease,padding .42s ease}.hud-wishlist[data-intro=true]{transform:translate(-50%) translateY(24vh) scale(1.55);background:#140e1ceb;border-color:var(--gold-2, #ffcf3a);padding:.4rem .9rem;box-shadow:0 8px 28px #0009}.hud-wishlist[data-intro=true] .hud-wishlist-label{opacity:1;color:var(--gold-1, #ffe27a)}@media (prefers-reduced-motion: reduce){.hud-wishlist{transition:none}}.hud-wishlist[data-intro=true] .hud-wishlist-toy{filter:none;opacity:1}.btn-quit{margin-top:1.1rem;padding:.45rem 1.1rem;min-height:44px;font-size:clamp(.75rem,1.6vw,.9rem);font-weight:700;letter-spacing:.04em;color:#ffffffb8;background:#ffffff14;border:1px solid rgba(255,255,255,.22);border-radius:999px;cursor:pointer}.btn-quit[hidden]{display:none}.btn-quit:hover{background:#ffffff24;color:#fff}.overlay-quit{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#08050eb8;z-index:40}.overlay-quit[hidden]{display:none}.overlay-quit-panel{display:flex;flex-direction:column;align-items:center;gap:.6rem;max-width:min(420px,86vw);padding:1.4rem 1.6rem;text-align:center;background:var(--panel-1, #1a1030);border:2px solid var(--gold-2, #ffcf3a);border-radius:1rem;box-shadow:0 12px 40px #0009}.quit-title{margin:0;font-size:clamp(1.1rem,3vw,1.5rem);color:#fff}.quit-sub{margin:0;font-size:clamp(.8rem,2vw,.95rem);color:#ffffffbf}.quit-actions{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center;margin-top:.4rem}.quit-actions button{min-height:44px;padding:.5rem 1.2rem;font-weight:800;border-radius:999px;cursor:pointer}.btn-quit-cancel{color:var(--gold-ink, #2a1f00);background:var(--gold-2, #ffcf3a);border:2px solid #fff}.btn-quit-confirm{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.5rem 1.2rem;font:inherit;font-weight:800;border-radius:999px;text-decoration:none;cursor:pointer;color:#ffffffd9;background:#ffffff1a;border:1px solid rgba(255,255,255,.3)}.quit-fallback{margin:.4rem 0 0;font-size:.8rem;color:var(--gold-1, #ffe27a)}.quit-fallback[hidden]{display:none}@media (max-height: 480px){.btn-quit{margin-top:.5rem;padding:.3rem .9rem}.overlay-quit-panel{padding:.9rem 1.1rem;gap:.4rem}}.joystick[data-disabled=true]{opacity:.45;filter:grayscale(.7);cursor:not-allowed}.joystick[data-disabled=true] .joystick-knob{box-shadow:none}@media (prefers-reduced-motion: no-preference){.joystick{transition:opacity .18s ease,filter .18s ease}}.overlay-quit[data-ended=true] .quit-title{color:var(--gold-1, #ffe27a)}.overlay-quit[data-ended=true] .btn-quit-cancel:after{content:" (back)"}