:root{--ink:#2a1420;--slab:#5c301d;--ganache:#5c301d;--ganache-dark:#3e1f12;--latte:#d9b48f;--groove:#3b1b10;--lime:#8cff3f;--pink:#ff4fb8;--cherry:#ff3b4e;--lemon:#ffe03a;--frost:#fff3dc;--aqua:#3fe6ff;--razz:#5b8cff;--razz-dark:#3159d9;--razz-light:#a9c2ff;--razz-ice:#dce6ff;--razz-text:#9db8ff;--orange:#ff9a1f;--caramel:#e8962e;--spring:cubic-bezier(.34, 1.8, .5, 1);--snap:cubic-bezier(.3, 1.5, .5, 1);--out:cubic-bezier(.2, .8, .2, 1);--display:"Bagel Fat One", "Arial Rounded MT Bold", system-ui, sans-serif;--body:"Baloo 2", system-ui, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--ink);width:100%;height:100%;color:var(--frost);font-family:var(--body);-webkit-font-smoothing:antialiased;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-weight:600;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input{font:inherit;color:inherit}img{display:block}@keyframes land{0%{opacity:0;transform:translateY(-40px)scale(.9,1.1)}55%{opacity:1;transform:translateY(0)scale(1.12,.86)}to{opacity:1;transform:none}}@keyframes drop{0%{opacity:0;transform:translateY(-120%)scale(.9,1.1)}55%{opacity:1;transform:translateY(0)scale(1.12,.86)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(0)}60%{transform:scale(1.15,.9)}to{transform:none}}@keyframes slam{0%{opacity:0;transform:scale(1.6)}40%{opacity:1;transform:scale(.94,1.06)}to{opacity:1;transform:none}}@keyframes shakeX{0%,to{transform:none}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes breathe{50%{transform:scale(1.02,.98)}}@keyframes sheen{to{--angle:360deg}}@keyframes pulse{50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes hop{0%{transform:translateY(0)scale(1.1,.9)}40%{transform:translateY(-28%)scale(.94,1.08)}80%{transform:translateY(0)scale(1.12,.88)}to{transform:none}}@keyframes hopShadow{40%{opacity:.6;transform:scale(.7)}}@keyframes dotBounce{50%{transform:translateY(-6px)}}@keyframes bob{50%{transform:translateY(-6px)scaleY(1.015)}}@keyframes waddle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes confetti{to{transform:translateY(110vh)rotate(720deg)}}.land{animation:land .62s var(--snap) backwards}.pop{animation:pop .45s var(--snap) backwards}.slam{animation:slam .38s var(--snap) backwards}.shake{animation:.3s linear shakeX}.breathe{animation:2.4s ease-in-out infinite breathe}@media (prefers-reduced-motion:reduce){.breathe{animation:none}.land,.pop,.slam{animation-duration:.16s}}.display{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;font-weight:400;line-height:.95}.stroke{-webkit-text-stroke:calc(1em * .24) var(--ink);paint-order:stroke fill;color:var(--frost)}.tag{font-family:var(--body);letter-spacing:.02em;text-transform:uppercase;font-size:20px;font-weight:800}.nums{font-variant-numeric:tabular-nums}em{color:var(--lemon);font-style:normal;font-weight:800}.gummy{--c:var(--lime);--cd:color-mix(in oklch, var(--c) 78%, black);background:var(--c);border:4px solid var(--ink);box-shadow:inset 0 -8px 0 var(--cd), inset 0 4px 0 color-mix(in oklch, var(--c) 70%, white), 0 6px 0 var(--ink);border-radius:24px;position:relative}.gummy:before{content:"";opacity:.9;pointer-events:none;z-index:1;background:#fff;border-radius:4px;width:min(28%,34px);height:7px;position:absolute;top:6px;left:12px}.gummy:after{content:"";opacity:.9;pointer-events:none;z-index:1;background:#fff;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;left:calc(18px + min(28%,34px))}.gummy.lime,.btn.primary{--c:#8cff3f;--cd:#4fc21e}.gummy.cream{--c:#fff3dc;--cd:#e2c9a0}.gummy.cherry{--c:#ff3b4e;--cd:#c41e33}.gummy.lemon{--c:#ffe03a;--cd:#e0a800}.gummy.pink{--c:#ff4fb8;--cd:#d62a8c}.slab{background:var(--ganache);border:4px solid var(--ink);box-shadow:inset 0 -10px 0 var(--ganache-dark), inset 0 4px 0 #7a4329, 0 8px 0 var(--ink);border-radius:26px;position:relative}.well{background:var(--ink);border-radius:16px;box-shadow:inset 0 4px #00000059}.btn{font-family:var(--display);text-transform:uppercase;color:var(--frost);-webkit-text-stroke:calc(1em * .22) var(--ink);paint-order:stroke fill;transition:transform .45s var(--spring), filter .2s;touch-action:manipulation;border-radius:999px;outline:none;justify-content:center;align-items:center;gap:10px;display:inline-flex;position:relative}.btn:focus-visible{outline:4px solid var(--frost);outline-offset:4px}@media (hover:hover){.btn:hover{transform:translateY(-4px)scale(1.04,.97)}}.btn:active{transition-duration:80ms;transform:translateY(4px)scale(1.04,.94)}.btn.gummy:active{box-shadow:inset 0 -8px 0 var(--cd), inset 0 4px 0 color-mix(in oklch, var(--c) 70%, white), 0 2px 0 var(--ink)}.btn:disabled{filter:saturate(.3)brightness(.75);cursor:default}.btn.gummy:before{top:7px;left:22px}.btn.gummy:after{top:7px;left:calc(28px + min(28%,34px))}.btn-lg{min-width:320px;height:76px;padding:0 36px;font-size:34px}.btn-md{min-width:150px;height:56px;padding:0 24px;font-size:20px}.btn-sm{min-width:48px;height:48px;padding:0 18px;font-size:20px}.btn-round{border-radius:50%;width:44px;min-width:0;height:44px;padding:0}.pill-btn{font-family:var(--body);letter-spacing:.05em;text-transform:uppercase;color:var(--frost);background:var(--ganache);border:3px solid var(--ink);box-shadow:inset 0 -5px 0 var(--ganache-dark), 0 4px 0 var(--ink);transition:transform .45s var(--spring);border-radius:999px;padding:12px 20px;font-size:20px;font-weight:800;position:relative}.pill-btn:active{transition-duration:80ms;transform:scale(1.08,.9)}.pill-btn:disabled{opacity:.4}.pill-btn .count{background:var(--lemon);width:30px;height:30px;color:var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:50%;place-items:center;font-size:20px;display:grid;position:absolute;top:-7px;right:-7px}.pill-btn:disabled .count{background:var(--ink);color:var(--frost)}@media (width<=700px),(height<=500px){.btn-lg{min-width:260px;height:64px;font-size:30px}.btn-md{min-width:120px;height:50px;font-size:20px}}.stage{position:fixed;inset:0;overflow:hidden}.stage canvas{display:block;position:absolute;inset:0}.layer{pointer-events:none;position:absolute;inset:0}.layer>*{pointer-events:auto}.overlay{-webkit-backdrop-filter:blur(6px);padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));background:#2a14208c;place-items:center;animation:.2s both fadeIn;display:grid;position:absolute;inset:0}.dim{-webkit-backdrop-filter:none;background:#2a14208c}#fx{pointer-events:none;z-index:50;position:fixed;inset:0}.btn.gummy.cream,.btn.gummy.lemon{color:var(--ink);-webkit-text-stroke:0}*{scrollbar-width:none}::-webkit-scrollbar{display:none}.dim-text{color:var(--latte)}.screen-flash{opacity:0;pointer-events:none;z-index:40;position:absolute;inset:0}.boot{background:radial-gradient(90% 90% at 50% 40%,#2433a8,#2a1420);place-items:center;display:grid;position:absolute;inset:0}.debug-wrap{z-index:60;pointer-events:none;flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:fixed;bottom:8px;left:8px}.debug,.debug-res{background:#00000080;border-radius:8px;padding:4px 8px}.debug-res:empty{display:none}.debug-res{white-space:pre-wrap;max-width:min(720px,90vw);font-size:13px;line-height:1.35}.debug-btn{pointer-events:auto;cursor:pointer;color:#fff;background:#ff3b4e;border:2px solid #2a1420;border-radius:8px;padding:4px 10px}.debug-btn:disabled{opacity:.5;cursor:default}.demo-badge{left:50%;bottom:calc(18px + var(--safe-b));z-index:30;pointer-events:none;background:#2a1420b3;border-radius:999px;padding:8px 16px;animation:1.6s ease-in-out infinite pulse;position:absolute;transform:translate(-50%)}.icon-btn{width:44px;height:44px;color:var(--frost);transition:transform .45s var(--spring);border-radius:50%;place-items:center;font-size:20px;font-weight:800;display:grid}.icon-btn:active{transition-duration:80ms;transform:scale(1.1,.88)}.coin{will-change:transform;filter:drop-shadow(0 2px #2a142099);width:18px;height:18px;position:fixed}.crown-dot{background:var(--lemon);width:18px;height:18px;box-shadow:inset 0 -3px 0 #0003, inset 0 3px 0 #fff9, 0 2px 0 var(--ink);border-radius:50%;flex:none;display:inline-block}.loading-tank{flex-direction:column;align-items:center;gap:6px;display:flex}.lt-body{width:var(--s);height:var(--s);animation:hop .7s var(--out) infinite;transform-origin:50% 100%}.lt-body img{object-fit:contain;width:100%;height:100%}.lt-shadow{width:calc(var(--s) * .66);height:calc(var(--s) * .14);animation:hopShadow .7s var(--out) infinite;background:#2a142059;border-radius:50%;margin-top:-4px}.lt-dots{gap:8px;margin-top:8px;display:flex}.lt-dots i{border-radius:50%;width:8px;height:8px;animation:.6s ease-in-out infinite dotBounce}.lt-text{color:#fff3dc99;height:26px;font-size:20px;transition:opacity .3s}.wallet{border:4px solid var(--ink);height:40px;box-shadow:inset 0 -6px 0 #e0a800, 0 5px 0 var(--ink);border-radius:999px;align-items:center;gap:6px;padding:0 16px 0 8px;display:inline-flex}.wallet img{filter:drop-shadow(0 2px #2a142080);margin-left:-6px}.wallet span{text-align:right;min-width:4ch;font-size:20px}.wallet:before,.wallet:after{display:none}.wallet.bump{animation:walletBump .45s var(--spring)}.wallet.bump span{animation:.12s linear numFlash}@keyframes walletBump{30%{transform:scale(1.12,.88)}}@keyframes numFlash{50%{color:#fff;filter:brightness(2)}}.pips{gap:calc(var(--p) * .42);display:flex}.pips b{width:var(--p);height:var(--p);background:#2a142052;border-radius:50%}.pips b.on{background:var(--frost);box-shadow:0 2px 0 var(--ink)}.pips b.new{animation:.7s ease-in-out infinite alternate pipPulse}@keyframes pipPulse{0%{background:var(--frost);transform:scale(1)}to{background:var(--ink);transform:scale(1.3)}}.keycap{background:var(--frost);min-width:32px;height:30px;color:var(--ink);border-radius:10px;place-items:center;padding:0 8px;font-size:20px;display:grid;box-shadow:0 3px #2a1420}.sheen{border-radius:inherit;pointer-events:none;z-index:2;background:conic-gradient(from var(--angle), transparent 0 70%, #ffffff8c 80%, transparent 90%);mix-blend-mode:overlay;animation:4s linear infinite sheen;position:absolute;inset:0}.hud{z-index:10}.hud>*{pointer-events:none}.hud button,.hud .stick-zone,.hud .abilities{pointer-events:auto}.xp-bar{left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));top:calc(10px + var(--safe-t));background:var(--ink);border:3px solid var(--ink);border-radius:999px;height:22px;position:absolute;overflow:hidden;box-shadow:0 4px #2a142080}.xp-fill{transform-origin:0;background:#3fe6ff;border-radius:999px;position:absolute;inset:3px;transform:scaleX(0);box-shadow:inset 0 -4px #16a9c7,inset 0 3px #fff9}.xp-pulse{opacity:0;background:radial-gradient(closest-side,#ffffffb3,#0000);width:60px;position:absolute;top:0;bottom:0;left:0}.xp-bar.lvl{animation:xpLvl .45s var(--spring)}.xp-bar.lvl:after{content:"";border-radius:inherit;background:#fff;animation:.12s linear forwards fadeOut;position:absolute;inset:0}@keyframes xpLvl{30%{transform:scaleY(1.4)}}@keyframes fadeOut{to{opacity:0}}.hud-top{left:calc(16px + var(--safe-l));right:calc(16px + var(--safe-r));top:calc(40px + var(--safe-t));grid-template-columns:1fr auto 1fr;align-items:start;display:grid;position:absolute}.hud-left{flex-direction:column;gap:6px;display:flex}.hp-pill{background:var(--ink);border:3px solid var(--ink);border-radius:999px;width:200px;height:26px;position:relative;overflow:hidden;box-shadow:0 4px #2a142080}.hp-fill,.hp-ghost{transform-origin:0;border-radius:999px;position:absolute;inset:3px}.hp-fill{background:#ff3b4e;box-shadow:inset 0 4px #ffffff80,inset 0 -3px #0003}.hp-ghost{background:#ffb3bc}.hp-pill.hit{animation:.2s linear shakeX}.hp-pill.hit .hp-fill{animation:.15s linear hpFlash}@keyframes hpFlash{50%{filter:brightness(2.2)}}.hp-pill.low{animation:.9s ease-in-out infinite breathe}.hud-candy{color:var(--lemon);align-items:center;gap:6px;font-size:22px;display:flex}.hud-candy img{width:26px;height:26px}.hud-timer{text-align:center;min-width:4ch;font-size:44px}.hud-timer span{text-align:center;min-width:3.4ch;display:inline-block}.hud-right{justify-self:end;align-items:center;gap:10px;display:flex}.hud-lv{font-size:20px}.pause-btn{width:40px;height:40px;transition:transform .45s var(--spring);background:#fff3dc2e;border-radius:14px;justify-content:center;align-items:center;gap:5px;display:flex}.pause-btn i{background:var(--frost);border-radius:3px;width:5px;height:16px}.pause-btn:active{transform:scale(1.1,.88)}@media (width<=760px),(height<=500px){.xp-bar{height:18px}.hud-top{top:calc(34px + var(--safe-t))}.hp-pill{width:150px}.hud-timer{font-size:30px}.hud-lv{font-size:20px}}.callout-wrap{top:calc(100px + var(--safe-t));justify-content:center;display:flex;position:absolute;left:0;right:0}.callout{--c:var(--pink);animation:slam .38s var(--snap) both, calloutOut .22s var(--out) 1.48s forwards;border-radius:999px;align-items:center;gap:10px;padding:10px 26px;font-size:26px;display:flex}.callout:before,.callout:not(.k-gold):after{display:none}.callout.k-gold{--c:var(--lemon);overflow:hidden}.callout.k-gold:after{content:"";border-radius:inherit;background:conic-gradient(from var(--angle), transparent 0 70%, #ffffff8c 80%, transparent 90%);mix-blend-mode:overlay;animation:4s linear infinite sheen;position:absolute;inset:0}.callout.k-caramel{--c:var(--caramel)}.callout.k-syrup{--c:var(--pink)}.callout.k-meteor{--c:#ff7ad9}.callout.k-lime{--c:var(--lime)}.callout.k-cherry{--c:var(--cherry)}.callout.k-caramel,.callout.k-syrup,.callout.k-meteor{background-image:repeating-linear-gradient(-45deg,#2a14202e 0 3px,#0000 3px 14px);background-color:var(--c);animation:slam .38s var(--snap) both, stripes 1s linear infinite, calloutOut .22s var(--out) 1.48s forwards}@keyframes stripes{to{background-position:40px 0,0 0}}@keyframes calloutOut{to{opacity:0;transform:translateY(-16px)scale(.9)}}@media (width<=760px){.callout{font-size:20px}.callout-wrap{top:calc(80px + var(--safe-t))}}.hud-timer{position:relative}.tier-therm{background:var(--ink);border-radius:3px;width:6px;height:28px;margin-top:-14px;position:absolute;top:50%;right:-14px;overflow:hidden;box-shadow:0 0 0 1.5px #fff3dc59}.tier-therm>i{background:var(--cherry);transform-origin:bottom;transition:transform .6s var(--spring);position:absolute;inset:0;transform:scaleY(.1667)}.tier-banner{pointer-events:none;animation:tierIn .5s var(--spring) both, tierOut .3s var(--out) 1.82s forwards;flex-direction:column;align-items:center;gap:4px;display:flex}.tier-name{color:var(--cherry);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);font-size:44px;line-height:1}.tier-sub{color:var(--frost);background:#2a1420b8;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:20px;font-weight:700;display:flex}.tier-sub svg{color:var(--cherry);flex:none}@keyframes tierIn{0%{opacity:0;transform:translateY(-24px)}45%{opacity:1;transform:translateY(0)scale(1.08,.94)}75%{transform:scale(.98,1.02)}to{opacity:1;transform:none}}@keyframes tierOut{to{opacity:0;transform:translateY(-16px)}}@media (width<=760px){.tier-name{font-size:32px}.tier-therm{right:-11px}}.boss-bar{left:calc(16px + var(--safe-l));right:calc(260px + var(--safe-r));bottom:calc(22px + var(--safe-b));position:absolute}.touch-device .boss-bar{right:calc(16px + var(--safe-r))}.hud .boss-bar{pointer-events:none}.boss-name{margin:0 0 6px 6px;font-size:20px}.boss-track{background:var(--ink);border:3px solid var(--ink);border-radius:999px;height:28px;position:relative;overflow:hidden;box-shadow:0 4px #2a142080}.boss-fill,.boss-ghost{transform-origin:0;border-radius:999px;position:absolute;inset:4px}.boss-ghost{background:#ffb3bc}.boss-fill{background:#ff3b4e;box-shadow:inset 0 -5px #c41e33,inset 0 3px #ffffff80}.boss-notch{background:var(--ink);border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:4px;bottom:4px}.touch-device .boss-bar{bottom:auto;top:calc(92px + var(--safe-t));left:25%;right:25%}.touch-device .boss-name{font-size:20px}.touch-device .boss-track{height:20px}.touch-device .callout-wrap:has(+.boss-bar){top:calc(140px + var(--safe-t))}.abilities{right:calc(20px + var(--safe-r));bottom:calc(22px + var(--safe-b));position:absolute}.abilities.desk{align-items:flex-end;gap:22px;display:flex}.ab-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.ab-hold{position:relative}.ab-btn{--cd:0;background:var(--c);border:4px solid var(--ink);width:64px;height:64px;box-shadow:inset 0 4px 0 color-mix(in oklch, var(--c) 70%, white), inset 0 -6px 0 color-mix(in oklch, var(--c) 70%, #2a1420), 0 5px 0 var(--ink);transition:transform .45s var(--spring), filter .2s;touch-action:none;border-radius:50%;place-items:center;display:grid;position:relative}.ab-btn img{pointer-events:none;width:70%;height:70%}.ab-btn:after{content:"";pointer-events:none;background:conic-gradient(#2a1420a6 calc(var(--cd) * 1turn), transparent 0);border-radius:50%;position:absolute;inset:0}.ab-btn.cooling{filter:saturate(.3)brightness(.7)}.ab-sec{z-index:2;pointer-events:none;font-size:20px;position:absolute}.ab-btn.locked{filter:none;background:0 0;box-shadow:inset 0 0 0 3px #fff3dc40}.ab-btn.locked:after{display:none}.ab-wrap:has(.locked) .keycap{opacity:.4}.ab-btn.ready-pop{animation:readyPop .45s var(--spring)}@keyframes readyPop{30%{transform:scale(1.15)}}.ab-btn.fired{animation:fired .35s var(--spring)}@keyframes fired{20%{transform:scale(1.12,.86)}}.ab-btn.denied{animation:.25s linear shakeX}.abilities.touch{width:120px;height:120px}.abilities.touch .ab-wrap{position:absolute}.abilities.touch .ab-btn{width:66px;height:66px}.abilities.touch .ab-dash{bottom:14px;right:14px}.abilities.touch .ab-btn:before{content:"";border-radius:50%;position:absolute;inset:-8px}.stick-zone{touch-action:none;width:45%;position:absolute;top:70px;bottom:0;left:0}.stick{pointer-events:none;width:120px;height:120px;animation:pop .2s var(--snap) both;background:#ffffff14;border-radius:50%;margin:-60px 0 0 -60px;position:fixed;box-shadow:inset 0 0 0 3px #ffffff2e}.stick-knob{background:#8cff3fd9;border-radius:50%;width:52px;height:52px;position:absolute;top:34px;left:34px;box-shadow:inset 0 5px #ffffff80,0 3px #2a142066}.controls-hint{pointer-events:none;flex-direction:column;align-items:center;gap:12px;animation:.4s both fadeIn,.5s 4.4s forwards fadeOut;display:flex;position:absolute;top:58%;left:50%;transform:translate(-50%)}.controls-hint .keys{grid-template-areas:".w.""a s d";gap:6px;display:grid}.kc{background:var(--frost);width:56px;height:56px;color:var(--ink);border-radius:12px;place-items:center;font-size:24px;animation:1.2s ease-in-out infinite kcPulse;display:grid;box-shadow:0 5px #2a1420}.kc:nth-child(2){animation-delay:.15s}.kc:nth-child(3){animation-delay:.3s}.kc:nth-child(4){animation-delay:.45s}@keyframes kcPulse{50%{transform:translateY(3px);box-shadow:0 1px #2a1420}}.hint-text{background:#2a1420c7;border-radius:999px;padding:12px 22px;font-size:20px}.ghost-thumb{background:#fff3dc59;border-radius:50%;width:64px;height:64px;animation:1.6s ease-in-out infinite thumbDrag;position:fixed;top:64%;left:20%;box-shadow:0 0 0 10px #fff3dc1a}@keyframes thumbDrag{0%,to{transform:translate(0)}30%{transform:translate(40px,-20px)}60%{transform:translate(-30px,20px)}}.levelup{z-index:20}.lu-fit{position:relative}.lu-inner{transform-origin:0 0;flex-direction:column;align-items:center;gap:22px;width:max-content;display:flex;position:absolute;top:0;left:0}.lu-title{font-size:clamp(44px,8vw,72px)}.lu-cards{perspective:800px;gap:18px;display:flex}.lu-cards:not(.portrait) .lu-card{flex:none}.lu-card{text-align:center;width:260px;min-height:372px;animation:drop .62s var(--snap) backwards;transition:transform .45s var(--spring), opacity .22s;border-radius:30px;outline:none;flex-direction:column;align-items:center;gap:8px;padding:14px 14px 18px;display:flex}.lu-card:before,.lu-card:after{display:none}@media (hover:hover){.lu-card:hover{transform:translateY(-10px)scale(1.04,.97)}}.lu-card.focus{outline:4px solid var(--frost);outline-offset:5px;transform:translateY(-10px)scale(1.04,.97)}.lu-card.chosen{animation:chosen .42s var(--out) forwards}@keyframes chosen{20%{transform:scale(1.14,.84)}60%{opacity:1;transform:translateY(-30px)scale(.96,1.08)}to{opacity:0;transform:translateY(-80px)scale(.2)}}.lu-card.dismiss{animation:dismiss .22s var(--out) forwards}@keyframes dismiss{to{opacity:0;transform:translateY(40px)}}.lu-cards.flip .lu-card{transition-duration:.14s;transform:rotateY(90deg)}.lu-cards.banishing .lu-card{animation:.17s ease-in-out infinite alternate wiggle}@keyframes wiggle{0%{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg)}}.lu-tags{z-index:3;justify-content:space-between;gap:6px;width:100%;display:flex;position:relative}.lu-tag{color:var(--ink);white-space:nowrap;background:#ffffffd1;border-radius:999px;padding:5px 10px;font-size:20px}.lu-tag.hot{background:var(--ink);color:var(--lemon)}.lu-tag.ink{background:var(--ink);color:var(--frost)}.lu-tag.aqua{background:var(--aqua);color:var(--ink);box-shadow:0 0 0 2px var(--ink)}.lu-drips{pointer-events:none;z-index:2;border-radius:30px 30px 0 0;width:100%;height:30px;position:absolute;top:0;left:0;right:0;overflow:hidden}.lu-drips path{fill:var(--aqua)}.lu-stack{background:var(--ink);white-space:nowrap;animation:pop .36s var(--spring) both .25s;border-radius:999px;align-items:center;gap:4px;padding:4px 5px 4px 10px;display:flex;position:absolute;top:-14px;right:-12px}.lu-stack .old{color:var(--latte);font-size:20px;font-weight:800;line-height:1}.lu-stack .ar{color:var(--latte);font-size:18px;line-height:1}.lu-stack .new{background:var(--aqua);color:var(--ink);border-radius:999px;padding:0 10px;font-size:20px;line-height:28px}.lu-desc{gap:2px}.lu-card.r-dash{--cd:var(--razz-dark);box-shadow:inset 0 -8px 0 var(--razz-dark), inset 0 4px 0 var(--razz-light), 0 6px 0 var(--ink)}.lu-card.r-dash .lu-desc em{color:var(--razz-text);font-style:normal}.lu-tag.razz{background:var(--razz-ice);color:var(--ink);box-shadow:0 0 0 2px var(--ink);align-items:center;gap:6px;display:flex}.lu-tag.razz i{gap:2px;display:inline-flex}.lu-tag.razz i b{background:var(--razz-dark);border-radius:3px;width:5px;height:14px;transform:skew(-18deg)}.lu-well{position:relative}.lu-streaks{pointer-events:none;flex-direction:column;align-items:flex-end;gap:9px;display:flex;position:absolute;top:28px;right:calc(100% + 12px)}.lu-streaks b{background:var(--frost);height:9px;box-shadow:0 0 0 2.5px var(--ink);border-radius:9px;display:block;transform:skew(-18deg)}.lu-streaks b:first-child{width:34px}.lu-streaks b:nth-child(2){width:46px}.lu-streaks b:nth-child(3){width:24px}@media (prefers-reduced-motion:no-preference){.lu-streaks b{animation:.5s cubic-bezier(.2,1.3,.4,1) backwards zip}.lu-streaks b:first-child{animation-delay:.28s}.lu-streaks b:nth-child(2){animation-delay:.32s}.lu-streaks b:nth-child(3){animation-delay:.36s}}@keyframes zip{0%{opacity:0;transform:translate(40px)skew(-18deg)scaleX(.2)}}.lu-cards.portrait .lu-streaks{display:none}.ab-ring{pointer-events:none;opacity:0;z-index:0;background:conic-gradient(var(--aqua) calc(var(--p,0) * 1turn), #2a14208c 0);border-radius:50%;transition:opacity .15s;position:absolute;inset:-9px;-webkit-mask:radial-gradient(circle,#0000 36px,#000 36.5px 41px,#0000 41.5px);mask:radial-gradient(circle,#0000 36px,#000 36.5px 41px,#0000 41.5px)}.ab-ring.on{opacity:1}.ab-pel{z-index:3;pointer-events:none;background:var(--ink);width:15px;height:15px;box-shadow:inset 0 0 0 2.5px var(--ink);border-radius:50% 50% 45% 45%/60% 60% 40% 40%;margin:-7.5px;transition:background .1s;position:absolute}.ab-pel.full{background:var(--aqua);box-shadow:inset 0 0 0 2.5px var(--ink), inset 0 -3px 0 #16a9c7, 0 2px 0 var(--ink)}.ab-pel.pop{animation:pelPop .4s var(--spring)}@keyframes pelPop{35%{transform:scale(1.6)}}.ab-pel.deny{animation:.25s linear shakeX}.ab-flash{box-shadow:0 0 0 4px var(--frost);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-9px}.ab-flash.go{animation:.28s ease-out abFlash}@keyframes abFlash{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.25)}}.ab-btn.kick{animation:kick .3s var(--spring)}@keyframes kick{30%{transform:rotate(-14deg)scale(1.06)}}.ab-btn.charged:after{opacity:0}.lu-down{color:var(--cherry);font-weight:800}.lu-well{flex:none;place-items:center;width:96px;height:96px;margin-top:2px;display:grid}.lu-well img{filter:drop-shadow(0 3px #2a142059);width:96px;height:96px}.lu-mid{flex-direction:column;align-items:center;gap:8px;display:flex}.lu-name{place-items:center;max-width:100%;min-height:50px;font-size:25px;line-height:1;display:grid}.lu-desc{background:var(--ink);width:100%;min-height:58px;color:var(--frost);border-radius:16px;place-items:center;margin-top:auto;padding:9px 10px;font-size:20px;font-weight:700;line-height:1.25;display:grid;box-shadow:inset 0 4px #00000059}.lu-key{z-index:3;width:34px;height:34px;font-size:20px;position:absolute;bottom:-17px;left:50%;transform:translate(-50%)}.banish-x{background:var(--cherry);width:38px;height:38px;color:var(--frost);box-shadow:0 3px 0 var(--ink);z-index:4;animation:pop .3s var(--snap) both;border-radius:50%;place-items:center;font-size:20px;display:grid;position:absolute;top:-12px;right:-12px}.demo-ring{border:3px solid var(--frost);border-radius:36px;animation:.6s ease-in-out infinite pulse;position:absolute;inset:-8px}.lu-actions{gap:14px;display:flex}@media (height<=520px){.lu-inner{gap:10px}.lu-title{font-size:36px}.lu-card{gap:5px;width:204px;height:auto;min-height:276px;padding:10px}.lu-well,.lu-well img{width:64px;height:64px}.lu-name{font-size:20px}.lu-desc{min-height:46px;padding:6px 8px;font-size:20px}}.lu-cards.portrait{flex-direction:column;gap:14px;width:min(420px,92vw)}.lu-cards.portrait .lu-card{text-align:left;flex-direction:row;align-items:center;gap:12px;width:100%;height:132px;padding:12px 14px}.lu-cards.portrait .lu-stack{top:-6px;right:-8px}.lu-cards.portrait .lu-mid{flex:0 0 34%;align-items:flex-start}.lu-cards.portrait .lu-name{font-size:20px}.lu-cards.portrait .lu-desc{flex:1;height:104px;min-height:0;margin:0;font-size:20px}.chest-overlay{z-index:22}.chest-flash{pointer-events:none;background:#ffe03a;animation:.3s ease-out forwards chestFlash;position:absolute;inset:0}@keyframes chestFlash{0%{opacity:.85}to{opacity:0}}.chest-inner{flex-direction:column;align-items:center;gap:16px;display:flex}.chest-head{font-size:clamp(34px,6vw,56px)}.chest-frame{--c:var(--lemon);border-radius:30px;gap:10px;padding:14px;animation:.5s cubic-bezier(.34,2.2,.5,1) both chestPop;display:flex}@keyframes chestPop{0%{transform:scale(.6)rotate(-4deg)}to{transform:none}}.chest-inner{--rw:clamp(100px, 28vw, 132px)}.reel{width:var(--rw);background:var(--ink);border-radius:20px;height:110px;position:relative;overflow:hidden}.reel:after{content:"";pointer-events:none;background:linear-gradient(#2a1420,#0000 30% 70%,#2a1420);position:absolute;inset:0}.reel.evo{box-shadow:0 0 0 4px var(--pink), inset 0 8px 14px #0009}.strip{flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.tok{width:var(--rw);flex:none;place-items:center;height:110px;display:grid}.tok img{width:72px;height:72px}.chest-labels{gap:10px;min-height:48px;display:flex}.chest-label{width:var(--rw);text-align:center;opacity:0;min-width:0;transition:all .25s var(--spring);flex-direction:column;align-items:center;gap:4px;display:flex;transform:translateY(8px)}.chest-label .display{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;padding:2px 3px;font-size:20px;line-height:1.1}.chest-label.show{opacity:1;transform:none}.chest-bonus{color:var(--lemon)}.chest-btn-slot{place-items:center;height:64px;display:grid}.pause-panel{flex-direction:column;gap:18px;width:min(640px,100%);max-height:100%;padding:22px;display:flex;overflow:auto}.pause-head{align-items:center;gap:14px;display:flex}.pause-tank{background:var(--ink);border-radius:18px;place-items:center;width:64px;height:64px;display:grid;box-shadow:inset 0 4px #00000059}.pause-body{grid-template-columns:1fr 240px;gap:20px;display:grid}.pause-build{flex-direction:column;gap:8px;display:flex}.build-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.build-row.topping-row,.build-row.dash-row{grid-template-columns:repeat(6,1fr);gap:6px}.topping-row .slot-lv,.dash-row .slot-lv{font-size:20px}.build-slot{aspect-ratio:1;border-radius:14px;place-items:center;display:grid;position:relative}.build-slot img{width:76%;height:76%}.slot-lv{color:var(--lemon);font-size:20px;position:absolute;bottom:1px;right:3px}.slot-plus{color:#fff3dc40;font-size:20px;font-weight:800}.build-tip{background:#2a142066;border-radius:14px;flex:none;height:124px;padding:10px 12px;font-size:20px;line-height:1.3;overflow:hidden}.build-tip-in{flex-direction:column;gap:2px;animation:.16s ease-out tipIn;display:flex}.build-tip-name{white-space:nowrap;text-overflow:ellipsis;justify-content:space-between;align-items:baseline;gap:8px;display:flex;overflow:hidden}.build-tip-lv{color:var(--lemon);flex:none;font-size:20px}.build-tip-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.build-tip-empty{opacity:.55;justify-content:center;height:100%}@keyframes tipIn{0%{opacity:0;transform:translateY(3px)}}.pause-actions{flex-direction:column;gap:14px;display:flex}.pause-actions .btn{white-space:nowrap;width:100%;min-width:0;height:50px;padding:0 12px;font-size:20px}.quit-btn{color:#ff9aa4}.countdown{background:#2a14204d}.count-digit{font-size:96px}@media (width<=640px){.pause-body{grid-template-columns:1fr}}@media (height<=520px){.pause-panel{gap:10px;padding:14px}.pause-actions{gap:10px}.pause-actions .btn{height:40px}}.settings-overlay{z-index:35}.settings-panel{flex-direction:column;gap:20px;width:min(400px,100%);padding:22px 24px;display:flex}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head h2{font-size:32px}.set-row{justify-content:space-between;align-items:center;gap:16px;font-size:20px;display:flex}.slider{--v:.5;cursor:pointer;touch-action:none;background:#2a142099;border-radius:999px;outline:none;width:200px;height:22px;position:relative;box-shadow:inset 0 3px 5px #00000073}.slider:focus-visible{box-shadow:0 0 0 3px var(--lime)}.slider-fill{width:calc((100% - 6px) * var(--v));background:#3fe6ff;border-radius:999px;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:inset 0 -4px #16a9c7,inset 0 3px #fff9}.slider-thumb{top:50%;left:calc(3px + (100% - 6px) * var(--v));background:var(--frost);border:3px solid var(--ink);width:34px;height:34px;box-shadow:inset 0 -4px 0 #e2c9a0, 0 3px 0 var(--ink);transition:transform .45s var(--spring);border-radius:50%;margin:-17px 0 0 -17px;position:absolute}.slider.drag .slider-thumb{transform:scale(1.15,.85)}.toggle{background:#2a142099;border-radius:999px;flex:none;width:64px;height:36px;transition:background .2s;position:relative;box-shadow:inset 0 3px 5px #00000073}.toggle.on{background:var(--lime);box-shadow:inset 0 -4px #00000026,inset 0 4px #ffffff80}.toggle i{background:var(--frost);width:28px;height:28px;transition:left .42s var(--spring), width .18s;border-radius:50%;position:absolute;top:4px;left:4px;box-shadow:0 3px #2a1420}.toggle.on i{left:32px}.toggle.mv i{width:36px}.toggle.on.mv i{left:24px}.reset-link{color:#ff9aa4;align-self:flex-start;padding:4px 0}.confirm-pop{flex-direction:column;gap:12px;padding:14px;font-size:20px;display:flex}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}.pill-btn.danger{background:var(--cherry);border:3px solid var(--ink);box-shadow:inset 0 -5px 0 #c41e33, 0 4px 0 var(--ink)}.confirm-dialog{flex-direction:column;gap:14px;width:min(380px,100%);padding:22px;display:flex}.confirm-dialog h3{font-size:26px}.boss-intro{z-index:18;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bi-dim{background:#2a142099;animation:.25s both fadeIn,.3s 2.1s forwards fadeOut;position:absolute;inset:0}.bi-bar{background:#2a1420;align-items:center;height:48px;display:flex;position:absolute;left:0;right:0;overflow:hidden}.bi-bar.top{animation:barTop .3s var(--out) both, barTopOut .3s var(--out) 1.9s forwards;top:0}.bi-bar.bottom{animation:barBot .3s var(--out) both, barBotOut .3s var(--out) 1.9s forwards;bottom:0}@keyframes barTop{0%{transform:translateY(-100%)}}@keyframes barBot{0%{transform:translateY(100%)}}@keyframes barTopOut{to{transform:translateY(-100%)}}@keyframes barBotOut{to{transform:translateY(100%)}}.bi-chev{white-space:nowrap;color:var(--lemon);opacity:0;font-size:22px;animation:6s linear .35s infinite forwards chev}.bi-chev.rev{animation-name:chevRev}@keyframes chev{0%{opacity:1;transform:translate(-20%)}to{opacity:1;transform:translate(0)}}@keyframes chevRev{0%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(-20%)}}.bi-center{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:0 16px;animation:.25s 1.9s forwards biOut;display:flex;position:absolute;inset:0}@keyframes biOut{to{opacity:0;transform:scale(1.3)}}.bi-eyebrow{color:var(--lemon);letter-spacing:.12em;font-size:20px;animation-delay:.5s}.bi-name{color:var(--frost);-webkit-text-stroke:.24em var(--pink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);text-align:center;font-size:clamp(40px,8vw,88px);line-height:1}.bi-letter{animation:letterSlam .38s var(--snap) both;display:inline-block}@keyframes letterSlam{0%{transform:scale(1.6) rotate(var(--r));opacity:0}40%{transform:scale(.94, 1.06) rotate(var(--r));opacity:1}to{opacity:1;transform:none}}.over-overlay{z-index:25;align-items:center;overflow:auto}.over-top{top:calc(16px + var(--safe-t));right:calc(16px + var(--safe-r));position:absolute}.over-panel{flex-direction:column;align-items:center;gap:14px;width:min(480px,100%);display:flex}.over-title{font-size:clamp(44px,7vw,64px)}.over-title.chewed{color:#ff6b78}.over-title.best{color:var(--lime)}.over-score{color:var(--lemon);font-size:clamp(30px,5vw,44px)}.over-stats{flex-direction:column;gap:6px;width:100%;padding:12px 18px;display:flex}.stat-row{justify-content:space-between;align-items:center;height:34px;display:flex}.stat-row.hidden{opacity:0}.stat-val{align-items:center;gap:8px;display:flex}.stat-val .display{text-align:right;min-width:4ch;font-size:24px}.best-pill{background:var(--lemon);color:var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:999px;padding:4px 10px}.over-payout{place-items:center;height:44px;display:grid}.over-payout .display{color:var(--lemon);font-size:40px}.rank-line{justify-content:center;align-items:center;gap:10px;max-width:100%;height:48px;display:flex}.rank-name{text-overflow:ellipsis;white-space:nowrap;max-width:45vw;font-size:20px;overflow:hidden}.rank-status{align-items:center;min-width:120px;display:flex}.rank-text{color:#fff3dccc;white-space:nowrap}.rank-status .best-pill{white-space:nowrap}.pencil{width:40px;height:40px;color:var(--frost);border-radius:50%;flex:none;place-items:center;font-size:20px;display:grid}.pencil.nudge{animation:pop .45s var(--spring) .8s}.name-field{border-radius:999px;align-items:center;gap:8px;width:min(360px,90vw);height:48px;padding:0 5px 0 18px;display:flex}.name-field.small{flex:1;width:auto;height:40px}.name-field input{min-width:0;color:var(--frost);caret-color:var(--lime);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;flex:1;font-size:20px;font-weight:800}.name-field:focus-within{box-shadow:inset 0 3px 6px #00000073,0 0 0 3px #8cff3f}.name-count{color:#fff3dc80}.save-pill{--c:var(--lime);height:46px;font-family:var(--display);color:var(--frost);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;border-radius:999px;padding:0 16px;font-size:20px}.save-pill:before,.save-pill:after{display:none}.over-buttons{flex-direction:column;align-items:center;gap:14px;margin-top:6px;display:flex}.over-buttons .btn-lg{min-width:280px;height:64px}.over-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.confetti{pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti i{width:8px;height:22px;box-shadow:0 0 0 2px var(--ink);border-radius:4px;animation:linear infinite confetti;position:absolute;top:-20px}@media (height<=560px){.over-panel{gap:6px}.over-title{font-size:38px}.over-score{font-size:26px}.stat-row{height:26px}.stat-val .display{font-size:20px}.over-stats{gap:2px;padding:6px 14px}.over-payout{height:32px}.over-payout .display{font-size:28px}.over-buttons .btn-lg{height:52px;font-size:26px}}.shop-overlay{z-index:25;background:#2a1420b8;place-items:stretch stretch}.shop{flex-direction:column;gap:16px;width:min(1100px,100%);height:100%;min-height:0;margin:0 auto;display:flex}.shop-head{align-items:center;gap:14px;display:flex}.shop-title{margin-right:auto;font-size:32px}.play-again{height:48px;font-size:20px}.shop-body{flex:1;gap:24px;min-height:0;display:flex}.shop-grid{overscroll-behavior:contain;scrollbar-width:none;flex:1.6;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:18px 14px;min-width:0;padding:14px 10px 32px;display:grid;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0,#000 24px calc(100% - 40px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 24px calc(100% - 40px),#0000 100%)}.shop-grid::-webkit-scrollbar{display:none}.tile{min-width:0;min-height:166px;transition:transform .45s var(--spring);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 8px 26px;display:flex}@media (hover:hover){.tile:hover{transform:translateY(-6px)scale(1.03,.97)}}.tile:active{transition-duration:80ms;transform:scale(1.08,.9)}.tile.sel{outline:4px solid var(--frost);outline-offset:4px;transform:translateY(-6px)}.tile.poor .tile-icon img{filter:saturate(.35)brightness(.8)}.tile.maxed{background:var(--lemon);box-shadow:inset 0 -8px 0 #e0a800, 0 6px 0 var(--ink)}.tile.maxed .tile-name{color:var(--ink)}.tile.jiggle{animation:jiggle .45s var(--spring)}@keyframes jiggle{25%{transform:scale(1.1,.9)}55%{transform:scale(.95,1.05)}}.tile-icon{flex:none;width:58px;height:58px;position:relative}.tile-icon img{width:100%;height:100%}.tile-icon.wrapped:after{content:"";opacity:.85;background:radial-gradient(circle at 38% 30%,#ffa3dc,#ff4fb8 55%,#b8267f);border-radius:50%;position:absolute;inset:4px;box-shadow:-14px 0 0 -6px #ff4fb8,14px 0 0 -6px #ff4fb8}.tile-name{text-transform:none;letter-spacing:0;text-align:center;text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-bottom:2px;font-size:20px;font-weight:800;line-height:1.2;display:-webkit-box;overflow:hidden}.crown-badge{background:var(--lemon);width:34px;height:34px;color:var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:50%;place-items:center;font-size:20px;display:grid;position:absolute;top:-10px;right:-10px}.price-chip{white-space:nowrap;background:var(--lemon);color:var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:999px;align-items:center;gap:4px;padding:3px 10px 1px 6px;font-size:20px;font-weight:800;line-height:1.2;display:flex;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.price-chip.poor{background:var(--ink);color:#fff3dc99;box-shadow:0 3px #2a1420}.shop-section{flex-wrap:wrap;grid-column:1/-1;align-items:baseline;gap:12px;padding:4px 2px 0;display:flex}.shop-section .display{font-size:24px}.shop-section:not(:first-child){margin-top:14px}.charm-tile.charm-on{box-shadow:inset 0 0 0 3px var(--lime), 0 6px 0 var(--ink)}.slot-badge{z-index:2;background:var(--lime);width:30px;height:30px;color:var(--ink);border:3px solid var(--ink);box-shadow:0 2px 0 var(--ink);animation:badgeIn .4s var(--spring) both;border-radius:50%;place-items:center;font-size:20px;display:grid;position:absolute;top:-10px;right:-10px}.slot-badge.shake{animation:.24s linear badgeShake}@keyframes badgeIn{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes badgeShake{0%,to{transform:none}17%,50%,83%{transform:translate(-4px)}33%,67%{transform:translate(4px)}}.price-chip.charm-state{padding:4px 12px}.price-chip.charm-state.off{background:var(--frost)}.price-chip.charm-state.on{background:var(--lime)}.charm-kind{color:var(--latte);font-size:20px}.detail-down{color:var(--cherry);font-size:22px;font-weight:800;line-height:1.2}.charm-note{min-height:26px;color:var(--latte);font-size:20px;line-height:1.3}.shop-detail{flex:1;align-self:start;min-width:0;padding:24px;position:sticky;top:0}.detail{text-align:center;animation:detailSwap .12s var(--out);flex-direction:column;align-items:center;gap:12px;display:flex}@keyframes detailSwap{0%{opacity:.6;transform:scale(1.04,.96)}}.detail-well{border-radius:50%;place-items:center;width:136px;height:136px;display:grid}.detail-name{font-size:32px}.detail-now{color:#fff3dcbf;font-size:26px;line-height:1.2}.detail-now em{color:var(--frost)}.detail-next{font-size:26px;line-height:1.2}.buy-btn{width:200px;height:64px;margin-top:8px;font-size:24px}.buy-btn.poor{color:#fff3dc99}.buy-btn.maxed{cursor:default}.buy-price{color:var(--lemon);align-items:center;gap:4px;font-size:20px;display:inline-flex}.buy-price.deny{color:var(--cherry)}.buy-price img{filter:drop-shadow(0 2px 0 var(--ink))}.shop-foot{justify-content:center;min-height:24px;display:flex}.sheet-backdrop{z-index:30;background:#2a142066;animation:.2s both fadeIn;position:fixed;inset:0}.sheet-backdrop.closing{animation:.22s forwards fadeOut}.sheet{padding:8px 20px calc(24px + var(--safe-b));border-radius:28px 28px 0 0;transition:transform .35s cubic-bezier(.22,1.2,.36,1);animation:.5s cubic-bezier(.22,1.2,.36,1) both sheetIn;position:absolute;bottom:0;left:0;right:0}.sheet.closing{animation:sheetOut .22s var(--out) forwards}@keyframes sheetIn{0%{transform:translateY(100%)}}@keyframes sheetOut{to{transform:translateY(100%)}}.grab-zone{touch-action:none;cursor:grab;place-items:center;height:28px;display:grid}.grabber{background:#fff3dc66;border-radius:3px;width:44px;height:5px}.sheet .buy-btn{width:100%;height:60px}@media (width<=760px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}.shop-title{font-size:24px}.tile-icon{width:48px;height:48px}.play-again{display:none}}@media (height<=520px) and (width>=761px){.shop-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.detail-well{width:90px;height:90px}.detail-well img{width:70px;height:70px}.shop-detail{padding:14px}.detail{gap:6px}.detail-now,.detail-next{font-size:22px}}.board-overlay{z-index:25}.board{flex-direction:column;gap:12px;width:min(640px,100%);height:min(760px,100%);padding:20px;display:flex}.board-list{flex-direction:column;flex:1;gap:8px;padding:6px 4px 24px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 24px),#0000);mask-image:linear-gradient(#000 calc(100% - 24px),#0000)}.top-row{border-radius:24px;flex:none;align-items:center;gap:14px;height:72px;margin-bottom:6px;padding:0 18px;display:flex}.top-row{--pad:12px;--medal:40px;padding:0 var(--pad)}.top-row:before{left:var(--pad);width:18px;height:5px;top:3px}.top-row:after{left:calc(var(--pad) + 23px);width:5px;height:5px;top:3px}.top-row.mine{outline:3px solid var(--lime);outline-offset:3px}.medal{z-index:2;width:var(--medal,44px);height:var(--medal,44px);background:var(--ink);color:var(--c);border-radius:50%;flex:none;place-items:center;font-size:22px;display:grid;position:relative}.crown{color:var(--lemon);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:20px;position:absolute;top:-18px}.top-mid{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.top-name{white-space:nowrap;text-overflow:ellipsis;margin:-3px;padding:3px;font-size:20px;line-height:1.15;overflow:hidden}.top-title{font:800 20px/1.1 var(--body);text-transform:uppercase;letter-spacing:.02em;color:#2a1420b8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.top-time{color:#2a1420bf;margin-top:4px;font-size:20px}.top-score{font-size:26px}.row{background:#fff3dc0f;border-radius:18px;flex:none;grid-template-columns:44px 1fr auto 90px;align-items:center;gap:10px;height:52px;padding:0 16px;display:grid}.row.mine{outline:3px solid var(--lime)}.row-rank{color:#fff3dc99;font-size:20px;font-weight:800}.row-name{white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:800;overflow:hidden}.row-time{color:#fff3dc99;font-size:20px}.row-score{text-align:right;color:var(--lemon);font-size:20px;font-weight:800}.own-row{border-radius:22px;flex:none;align-items:center;gap:10px;height:60px;padding:0 16px;display:flex}.own-row:before,.own-row:after{display:none}.own-rank{font-size:20px}.own-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:20px;overflow:hidden}.you-pill{background:var(--ink);color:var(--lime);border-radius:999px;padding:3px 8px;font-size:20px}.own-score{margin-left:auto;font-size:20px}.own-gd{margin-left:4px}.skeleton{flex-direction:column;gap:8px;display:flex}.sk-row{background:#fff3dc0f;border-radius:18px;flex:none;justify-content:space-between;align-items:center;height:52px;padding:0 18px;animation:1.2s ease-in-out infinite pulse;display:flex}.sk-top{background:#fff3dc1a;border-radius:24px}.sk-row i{background:#fff3dc1a;border-radius:99px;height:12px}.board-error{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.board-empty{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px 16px;font-size:20px;display:flex}.waddle{animation:1.4s ease-in-out infinite waddle}@media (width<=520px){.row{grid-template-columns:34px 1fr 76px}.row-time{display:none}.top-score{font-size:20px}}.xp-bar{animation:hudDown .5s var(--snap) backwards}.hud-left{animation:hudLeft .55s var(--snap) 80ms backwards}.hud-timer{animation:slam .4s var(--snap) .15s backwards}.hud-right{animation:hudRight .55s var(--snap) .12s backwards}.abilities{animation:pop .5s var(--snap) .25s backwards}@keyframes hudDown{0%{opacity:0;transform:translateY(-40px)}}@keyframes hudLeft{0%{opacity:0;transform:translate(-40px)scale(.9,1.1)}}@keyframes hudRight{0%{opacity:0;transform:translate(40px)scale(.9,1.1)}}.pause-btn:focus-visible,.ab-btn:focus-visible,.tile:focus-visible,.icon-btn:focus-visible,.pill-btn:focus-visible{outline:3px solid var(--frost);outline-offset:3px}@media (hover:hover){.icon-btn:hover,.pill-btn:hover{transform:translateY(-2px)scale(1.05,.96)}.ab-btn:not(.locked):hover{transform:scale(1.06,.95)}.row:hover{background:#fff3dc1a}.build-slot:hover{box-shadow:inset 0 3px 6px #00000073,0 0 0 2px #fff3dc4d}}.row{transition:background .15s}@media (prefers-reduced-motion:reduce){.xp-bar,.hud-left,.hud-timer,.hud-right,.abilities,.logo{animation-duration:10ms!important}.sheen,.confetti i{animation:none}}.charm-chips{pointer-events:none;gap:6px;display:flex}.charm-chip{width:28px;height:28px;display:block;position:relative}.charm-chip img{filter:drop-shadow(0 2px #2a142099);width:28px;height:28px;display:block}.charm-ring{--p:0;background:conic-gradient(var(--frost) calc(var(--p) * 360deg), transparent 0);border-radius:50%;position:absolute;inset:-5px;-webkit-mask:radial-gradient(circle,#0000 15.5px,#000 16px 18.5px,#0000 19px);mask:radial-gradient(circle,#0000 15.5px,#000 16px 18.5px,#0000 19px)}.charm-slot{box-shadow:none;background:0 0}.topping-chips{pointer-events:none;flex-wrap:wrap;gap:6px 12px;max-width:290px;padding-bottom:6px;display:flex}.topping-chip{width:28px;height:28px;display:block;position:relative}.topping-chip img{filter:drop-shadow(0 2px #2a142099);width:28px;height:28px;display:block}.topping-n{background:var(--aqua);min-width:22px;height:22px;box-shadow:0 0 0 2px var(--ink);color:var(--ink);font:800 20px/22px var(--body);font-variant-numeric:tabular-nums;text-align:center;animation:nUp .18s var(--out) both;border-radius:999px;padding:0 5px;position:absolute;bottom:-8px;right:-10px}@keyframes nUp{0%{opacity:0;transform:translateY(6px)}}.momentum-ring{box-shadow:0 0 0 2px var(--lime);opacity:0;border-radius:50%;position:absolute;inset:-3px}.tip-down{color:var(--cherry);font-weight:800}.over-toppings{max-width:420px;animation:pop .4s var(--snap) both .5s;flex-wrap:wrap;justify-content:center;gap:6px 14px;display:flex}.over-topping{align-items:center;gap:2px;display:flex}.over-topping img{width:34px;height:34px}.over-topping b{color:var(--aqua);font-size:20px;font-weight:400}.shop-tabs{background:var(--ink);-webkit-user-select:none;user-select:none;border-radius:20px;align-self:flex-start;gap:4px;padding:6px;display:flex}.shop-tab{height:52px;color:var(--latte);font:800 20px/1 var(--body);letter-spacing:.02em;text-transform:uppercase;border-radius:14px;align-items:center;gap:8px;padding:0 18px;transition:color .15s;display:flex;position:relative}.shop-tab>svg{z-index:1;stroke:currentColor;stroke-width:1.75px;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px;position:relative}.shop-tab-lbl{z-index:1;white-space:nowrap;position:relative}@media (hover:hover){.shop-tab:not(.on):hover{color:var(--frost)}}.shop-tab.on{color:var(--ink)}.shop-tab-ind{z-index:0;background:var(--lime);border-radius:14px;position:absolute;inset:0;box-shadow:inset 0 -5px #4fc21e}.shop-tab-ind:after{content:"";opacity:.9;background:#fff;border-radius:3px;width:18px;height:5px;position:absolute;top:6px;left:10px}.shop-tab-dot{z-index:2;background:var(--lemon);border:2.5px solid var(--ink);border-radius:50%;width:12px;height:12px;position:absolute;top:9px;left:32px}.shop-sub{color:var(--latte);grid-column:1/-1;padding:0 2px;font-size:20px}.shop-grid.from-right{animation:.18s ease-out both tabInR}.shop-grid.from-left{animation:.18s ease-out both tabInL}@keyframes tabInR{0%{opacity:0;transform:translate(24px)}}@keyframes tabInL{0%{opacity:0;transform:translate(-24px)}}.shop-grid.tab-weapons{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-grid.tab-weapons .tile{min-height:196px}.shop-grid.tab-weapons .tile-icon{width:76px;height:76px}.shop-detail{scrollbar-width:none;max-height:100%;overflow-y:auto}.shop-detail::-webkit-scrollbar{display:none}.shop-toast{left:50%;bottom:calc(28px + var(--safe-b));z-index:40;font:800 22px var(--body);color:var(--frost);white-space:nowrap;pointer-events:none;border-radius:20px;padding:12px 22px;position:fixed;transform:translate(-50%)}.tank-tile{border-radius:18px;justify-content:flex-start;gap:8px;padding:8px 8px 14px}.tank-tile.sel{outline-offset:3px}.tank-tile.driving{transform:translateY(-4px)}.tank-tile.driving .tank-stage{box-shadow:inset 0 0 0 4px var(--lime), inset 0 -6px 0 #cba37b}.tank-stage{aspect-ratio:1/1.05;background:#ddba93;border-radius:14px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -6px #cba37b}.tank-stage img{object-fit:contain;width:78%;height:78%;position:relative}.tank-shadow{background:#2a142029;border-radius:50%;width:58%;height:12%;position:absolute;bottom:12%;left:21%}.tank-tile.poor .tank-stage img,.tank-tile.poor .tank-shadow{filter:saturate(.25);opacity:.6}.tank-name{font:800 20px/1.1 var(--body);color:var(--frost);text-align:center;text-wrap:balance;align-items:center;min-height:44px;display:flex}.tank-pill{border:3px solid var(--ink);height:34px;font:800 20px/1 var(--body);letter-spacing:.02em;font-variant-numeric:tabular-nums;border-radius:17px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.tank-pill.price{background:var(--lemon);color:var(--ink);box-shadow:inset 0 -3px #e0a800}.tank-pill.price.poor{background:var(--ink);color:var(--latte);box-shadow:none}.tank-pill.owned{background:var(--frost);color:var(--ink);box-shadow:inset 0 -3px #e2c9a0}.tank-pill.driving{background:var(--lime);color:var(--ink);box-shadow:inset 0 -3px #4fc21e}.driving-badge{z-index:3;background:var(--lime);border:4px solid var(--ink);width:40px;height:40px;box-shadow:0 3px 0 var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:-10px;right:-10px}.tank-detail{gap:12px;width:100%}.showroom{background:#ddba93;border-radius:18px;flex:none;place-items:center;width:100%;height:230px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -8px #cba37b}.showroom-swirl{opacity:.6;border:14px solid #efd6b6;border-radius:50%;width:260px;height:120px;position:absolute;transform:rotate(-12deg)}.showroom-shadow{background:#2a142029;border-radius:50%;width:130px;height:24px;position:absolute;bottom:22px}.showroom-full{object-fit:contain;height:80%;position:relative}.showroom-tank{animation:1.6s ease-in-out infinite srBob;position:relative}.showroom-tank.drop{animation:srDrop .6s var(--spring) both, srBob 1.6s ease-in-out .6s infinite}.showroom-tank img{max-width:none;position:absolute;top:0;left:0}.sr-turret{animation:3.2s ease-in-out infinite srSweep}.sr-fleck{border:2px solid var(--ink);width:10px;height:10px;animation:srFleck .7s var(--out) forwards;border-radius:3px;margin:-5px;position:absolute;top:50%;left:50%}@keyframes srBob{50%{transform:translateY(-3px)}}@keyframes srSweep{0%,to{transform:rotate(-22deg)}50%{transform:rotate(22deg)}}@keyframes srDrop{0%{opacity:0;transform:translateY(-40px)scaleY(.8)}55%{opacity:1;transform:translateY(0)scaleY(1.1)}to{transform:none}}@keyframes srFleck{to{transform:rotate(var(--a)) translateY(-90px) rotate(90deg);opacity:0}}.role-pill{background:var(--ink);height:32px;font:800 20px/32px var(--body);letter-spacing:.02em;border-radius:16px;padding:0 12px}.tank-blurb{font:600 20px/1.3 var(--body);color:var(--latte)}.stat-sheet{border-radius:14px;flex-direction:column;align-self:stretch;gap:8px;padding:12px 14px;display:flex}.stat-line{text-align:left;grid-template-columns:96px 1fr;align-items:center;display:grid}.stat-k{font:800 20px var(--body);letter-spacing:.02em;color:var(--latte)}.stat-pips{gap:5px;display:flex;position:relative}.stat-pips i{background:#4a2616;border-radius:7px;width:36px;height:14px}.stat-pips i.f{background:var(--lime);box-shadow:inset 0 -3px #4fc21e}.stat-pips i.d{box-shadow:inset 0 0 0 3px var(--cherry);background:0 0}.stat-base{background:var(--frost);opacity:.5;border-radius:2px;width:3px;height:22px;position:absolute;top:-4px;left:121px}.kit-label{font:800 20px var(--body);letter-spacing:.02em;color:var(--latte);align-self:flex-start}.kit-row{flex-wrap:wrap;align-self:flex-start;gap:12px;display:flex}.kit-item{width:60px;height:60px;position:relative}.kit-item img{width:100%;height:100%}.kit-item em{background:var(--lemon);border:3px solid var(--ink);min-width:26px;height:26px;color:var(--ink);font:800 16px/20px var(--body);text-align:center;border-radius:13px;padding:0 6px;font-style:normal;position:absolute;bottom:-6px;right:-8px}.perk-list{text-align:left;flex-direction:column;align-self:flex-start;gap:2px;display:flex}.perk{font:700 20px/1.3 var(--body)}.perk.up{color:var(--lime)}.perk.down{color:var(--cherry)}.tank-btn{width:100%;height:68px;font-size:30px}.tank-btn.selected{cursor:default;box-shadow:inset 0 -7px 0 var(--cd), 0 2px 0 var(--ink);transform:translateY(4px)}@media (width<=760px){.shop-tabs{justify-content:space-between;align-self:stretch}.shop-tab{padding:0 14px}.shop-tab .shop-tab-lbl{opacity:0;max-width:0;transition:max-width .45s var(--spring), opacity .2s;overflow:hidden}.shop-tab.on .shop-tab-lbl{opacity:1;max-width:130px}.shop-tab-dot{left:28px}.shop-grid.tab-weapons{grid-template-columns:repeat(2,minmax(0,1fr))}.showroom{height:170px}.sheet .tank-detail{scrollbar-width:none;max-height:72dvh;padding-bottom:4px;overflow-y:auto}.sheet .tank-btn{position:sticky;bottom:0}}.tank-detail{gap:8px}.showroom{height:180px}.tank-detail .detail-name{font-size:30px}.stat-sheet{gap:5px;padding:10px 14px}.kit-head{align-self:stretch;align-items:center;gap:12px;display:flex}.kit-head .kit-row{flex:1}.kit-item{width:48px;height:48px}.kit-item em{min-width:24px;height:24px;font-size:15px;line-height:18px;bottom:-5px;right:-7px}.perk{font-size:20px;line-height:1.2}.shop-detail .tank-btn{z-index:2;position:sticky;bottom:0}@media (height<=820px) and (width>=761px){.showroom{height:140px}.tank-blurb{display:none}}@media (height<=960px) and (width>=761px){.showroom{height:150px}.tank-blurb{display:none}.stat-sheet{gap:3px;padding:8px 14px}}@media (height<=820px) and (width>=761px){.showroom{height:128px}}.board-overlay{padding:max(16px, var(--safe-t)) 16px max(16px, var(--safe-b));grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.board{height:min(760px,100%);min-height:0;max-height:100%}.board-list{min-height:0}.auth-overlay{z-index:45;grid-template-rows:minmax(0,1fr);overflow-y:auto}.auth-overlay.closing{animation:.22s forwards fadeOut}.auth-card{border-radius:28px;align-self:center;width:min(440px,100%);margin-top:56px;padding:72px 24px 18px;position:relative}.auth-card.in{animation:land .62s var(--snap) both}.auth-card.out{transition:transform .22s var(--out), opacity .22s;opacity:0;transform:scale(.92)}.auth-art{pointer-events:none;width:120px;height:120px;margin-left:-60px;position:absolute;top:-62px;left:50%}.auth-art img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.15)}.auth-art img.pop{animation:pop .45s var(--spring) both}.auth-back,.auth-close{transition:opacity .2s, transform .45s var(--spring);position:absolute;top:14px}.auth-back{left:14px}.auth-close{right:14px}.auth-stack{display:grid}.auth-step{text-align:center;flex-direction:column;grid-area:1/1;align-items:center;gap:10px;min-width:0;display:flex}.auth-step.fwd{animation:stepInR .24s var(--out) 60ms both}.auth-step.back{animation:stepInL .24s var(--out) 60ms both}@keyframes stepInR{0%{opacity:0;transform:translate(28px)}}@keyframes stepInL{0%{opacity:0;transform:translate(-28px)}}.auth-head,.auth-ctl{flex-direction:column;align-items:center;gap:10px;width:100%;min-width:0;display:flex}.auth-step h2{font-size:32px;line-height:.95}.auth-sub{color:var(--latte);text-wrap:balance;flex-direction:column;align-items:center;gap:6px;max-width:100%;min-height:52px;font-size:20px;display:flex}.auth-field{width:100%;height:56px}.auth-field.bad{box-shadow:inset 0 3px 6px #00000073, 0 0 0 3px var(--cherry)}.auth-field input::placeholder{color:#fff3dc66}.auth-field input{box-shadow:none;outline:none}.auth-msg{height:28px;font:800 20px/28px var(--body);color:#ff8a95;transition:opacity .15s}.auth-msg.hint{color:var(--latte)}.auth-btn{width:100%}.auth-btn .loading-tank{margin-top:6px}.auth-foot{justify-content:center;align-items:center;height:44px;display:flex}.auth-link{font:800 20px var(--body);color:var(--latte);padding:6px 10px}.auth-link.lime{color:var(--lime);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:3px}.auth-link:disabled{opacity:.4}.auth-timer{font:800 20px var(--body);color:var(--latte);font-variant-numeric:tabular-nums;min-width:9ch}.auth-sent{font:800 20px var(--body);color:var(--lime)}.email-chip{background:var(--ink);height:40px;color:var(--frost);border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:0 5px 0 14px;font-weight:800;display:inline-flex}.email-txt{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.email-edit{background:var(--ganache);height:30px;color:var(--latte);font:800 20px/30px var(--body);border-radius:999px;flex:none;padding:0 10px}.code-row{gap:10px;margin:6px 0 2px;display:flex;position:relative}.code-input{opacity:0;color:#0000;caret-color:#0000;z-index:2;background:0 0;border:0;outline:none;width:100%;font-size:20px;position:absolute;inset:0}.d{border-radius:16px;place-items:center;width:56px;height:68px;transition:opacity .2s;display:grid;position:relative}.d:nth-of-type(4){margin-left:12px}.d.cur{box-shadow:inset 0 4px 0 #00000059, 0 0 0 3px var(--lime)}.d.cur:after{content:"";background:var(--lime);border-radius:2px;width:4px;height:30px;animation:1s step-end infinite blink}.d b{background:var(--lime);border:4px solid var(--ink);box-shadow:inset 0 -6px 0 #4fc21e, 0 4px 0 var(--ink);font:400 34px/60px var(--display);color:var(--ink);animation:pop .4s var(--spring) both;border-radius:16px;position:absolute;inset:0}.d b:before{content:"";opacity:.9;background:#fff;border-radius:3px;width:12px;height:5px;position:absolute;top:5px;left:7px}.code-row.err b{background:var(--cherry);box-shadow:inset 0 -6px 0 #c41e33, 0 4px 0 var(--ink);color:var(--frost);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill}.code-row.err{animation:.3s linear shakeX}.code-row.verifying b{animation:tileHop .7s var(--out) infinite;animation-delay:calc(var(--i) * 80ms)}.code-row.ok b{animation:tileWave .5s var(--spring) both;animation-delay:calc(var(--i) * 50ms)}.code-row.clearing b{animation:.16s ease-in both tileOut;animation-delay:calc(var(--ri) * 30ms)}.code-row.locked .d{opacity:.5}@keyframes tileHop{40%{transform:translateY(-8px)scale(.95,1.06)}80%{transform:scale(1.06,.94)}}@keyframes tileWave{35%{transform:translateY(-12px)scale(.94,1.08)}70%{transform:scale(1.08,.92)}}@keyframes tileOut{to{transform:scale(0)}}@keyframes blink{50%{opacity:0}}@media (width<=420px){.code-row{gap:7px}.d{width:46px;height:58px}.d b{font-size:30px;line-height:50px}.d:nth-of-type(4){margin-left:10px}}.auth-preview-lbl{color:var(--latte);align-self:flex-start}.auth-preview{width:100%;height:60px;color:var(--ink);border-radius:22px;align-items:center;gap:10px;padding:0 14px;display:flex}.auth-preview:before,.auth-preview:after{display:none}.auth-preview .own-rank{font-size:20px}.auth-preview .own-name{text-align:left;flex:1;font-size:22px}.auth-preview .own-name.empty{opacity:.4}@media (orientation:portrait) and (width<=600px){.auth-overlay{align-items:end;padding:0;overflow:hidden}.auth-card{width:100%;padding:64px 20px calc(18px + var(--safe-b));transform:translateY(calc(var(--kb,0px) * -1));transition:transform .25s var(--out);border-radius:28px 28px 0 0;align-self:end;margin:0}.auth-card.in{animation:.5s cubic-bezier(.22,1.2,.36,1) both sheetIn}.auth-card.out{opacity:1;transform:translateY(100%)}}@media (height<=520px){.auth-overlay{padding-top:8px;padding-bottom:8px}.auth-card{width:min(620px,100%);margin-top:0;padding:16px 64px 12px 20px}.auth-step{text-align:left;grid-template-columns:190px minmax(0,1fr);align-items:center;column-gap:20px;display:grid}.auth-head,.auth-sub{align-items:flex-start}.auth-art{width:72px;height:72px;margin:0 0 6px;position:static}.auth-card>.auth-art{display:none}.auth-step h2{font-size:26px}.auth-back{inset:auto 14px 14px auto}.d{width:44px;height:54px}.d b{font-size:28px;line-height:46px}.code-row{gap:6px}.kb-open .auth-sub{display:none}}@media (prefers-reduced-motion:reduce){.code-row.verifying b,.code-row.ok b{animation:.15s both fadeIn}.auth-step.fwd,.auth-step.back{animation:.2s both fadeIn}}.app-toast{left:50%;top:calc(24px + var(--safe-t));z-index:60;font:400 22px var(--display);color:var(--ink);white-space:nowrap;pointer-events:none;animation:toastIn .5s var(--snap) both, toastOut .22s var(--out) 2s forwards;border-radius:20px;padding:12px 22px;position:fixed;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-30px)scale(.9,1.1)}}@keyframes toastOut{to{opacity:0;transform:translate(-50%,-16px)scale(.9)}}.acct-av{font:400 22px/1 var(--display);color:var(--ink);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.acct-av:before{width:9px;height:5px;top:6px;left:8px}.acct-av:after{display:none}.acct-av .sync-dot{background:var(--cherry);border:3px solid var(--ink);border-radius:50%;width:16px;height:16px;position:absolute;top:-4px;right:-4px}.acct-av.big{flex:none;width:48px;height:48px}.rank-signin{font:700 20px/1.2 var(--body);color:#fff3dcb8;text-align:center;text-wrap:balance;max-width:100%;padding:6px 4px}.rank-signin b{color:var(--lime);text-underline-offset:4px;font-weight:800;text-decoration:underline;text-decoration-thickness:3px}@media (hover:hover){.rank-signin:hover b{color:#b8ff85}}.pill-btn.lime{background:var(--lime);color:var(--ink);font-family:var(--display);letter-spacing:0;box-shadow:inset 0 -5px 0 #4fc21e, 0 4px 0 var(--ink);font-weight:400}.settings-overlay{grid-template-rows:minmax(0,1fr)}.settings-panel{max-height:100%;overflow-y:auto}.acct-sec{flex-direction:column;gap:8px;display:flex}.acct-sec>.tag{color:var(--latte)}.acct-well{flex-direction:column;gap:12px;padding:14px;display:flex}.acct-well.flash{animation:pop .45s var(--spring)}.acct-who{align-items:center;gap:12px;min-width:0;display:flex}.acct-t{flex:1;min-width:0}.acct-name{white-space:nowrap;text-overflow:ellipsis;font-size:22px;overflow:hidden}.acct-email{color:var(--latte);white-space:nowrap;text-overflow:ellipsis;font-size:20px;overflow:hidden}.acct-acts{justify-content:space-between;align-items:center;gap:10px;display:flex}.acct-sync{color:var(--latte);align-items:center;gap:8px;min-width:0;font-size:20px;font-weight:700;display:flex}.acct-sync i{background:var(--lime);border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 0 3px #8cff3f40}.acct-sync i.saving{background:var(--lemon);animation:1s ease-in-out infinite pulse;box-shadow:0 0 0 3px #ffe03a40}.acct-sync i.error{background:var(--cherry);box-shadow:0 0 0 3px #ff3b4e40}.acct-guest{color:var(--latte);font-size:20px;line-height:1.3}.board{min-width:0}.board-head{align-items:baseline;gap:12px;display:flex}.board-head h2{font-size:32px}.board-head .tag{color:var(--latte);white-space:nowrap;margin-right:auto}.board-head .close-btn{align-self:center}.board-list>div{flex-direction:column;gap:8px;display:flex}.top-row{gap:10px;min-width:0;height:72px}.top-row.first{height:80px}.top-score{white-space:nowrap}.top-unit{font-size:.75em}.row{grid-template-columns:44px minmax(0,1fr) minmax(0,auto) auto;min-width:0}.row-title{color:#fff3dc8c;font:700 20px var(--body);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.row-unit{color:var(--latte);margin-left:4px}.row-name{min-width:0;line-height:1.1}.row-sub{text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;display:none;overflow:hidden}.row-score{white-space:nowrap}.own-slot{flex:none;height:60px}.own-slot>*{width:100%;height:100%}.own-row{min-width:0;color:var(--ink)}.own-row .own-name{flex:1}.own-hint{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:auto;font-size:20px;font-weight:700;overflow:hidden}.own-wait{border-radius:22px}.own-mold{cursor:pointer;text-align:left;outline-offset:-7px;color:var(--latte);font:800 20px var(--body);border-radius:22px;outline:3px dashed #d9b48f73;align-items:center;gap:10px;padding:0 8px 0 12px;display:flex}.own-mold>span:first-child{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.own-mold .pill-btn.lime{flex:none;place-items:center;height:44px;padding:0 16px;font-size:20px;display:grid}@media (width<=520px){.board{gap:10px;padding:14px}.board-head h2{font-size:28px}.row{grid-template-columns:32px minmax(0,1fr) auto;gap:8px;height:60px;padding:0 14px}.row-title{display:none}.row-sub{font:700 20px/1.1 var(--body);color:#fff3dc8c;font-variant-numeric:tabular-nums;display:block}.medal{font-size:20px}.top-row{--medal:40px;--pad:10px}.top-row .gd{--s:44px;--f:22px}.own-row .you-pill,.own-mold .mold-gd{display:none}.own-row{padding:0 14px}}@media (height<=520px){.board{gap:8px;padding:12px 14px}.board-head h2{font-size:26px}.top-row,.top-row.first{--medal:34px;height:56px}.top-row .top-title{display:none}.top-row .gd{--s:40px;--f:20px}.crown{display:none}.row{height:48px}.own-slot{height:52px}}.top-time{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=520px){.top-row{gap:8px}}.title-screen{padding:calc(80px + var(--safe-t)) calc(clamp(24px, 4vw, 64px) + var(--safe-r)) calc(24px + var(--safe-b)) calc(clamp(24px, 4vw, 64px) + var(--safe-l));background:linear-gradient(90deg,#2a14208c,#2a142000 42% 62%,#2a142073);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;column-gap:24px;display:grid;position:absolute;inset:0}.title-top{top:calc(16px + var(--safe-t));right:calc(16px + var(--safe-r));animation:pop .45s var(--snap) .4s both;z-index:2;align-items:center;gap:8px;display:flex;position:absolute}.title-menu{flex-direction:column;grid-column:1;justify-self:start;align-items:center;gap:24px;width:min(560px,42vw);min-width:0;display:flex}.logo{object-fit:contain;width:100%;max-height:40vh;animation:slam .38s var(--snap) backwards, bob 3.2s ease-in-out .4s infinite;filter:drop-shadow(0 12px 18px #2a142080)}.title-buttons{flex-direction:column;align-items:center;gap:16px;display:flex}.play-slot{place-items:center;height:84px;display:grid}.play-slot .btn-lg{width:340px;min-width:0}.play-loading{pointer-events:none}.btn-up{width:340px;height:64px;padding:0 28px;font-size:28px}.gummy.pink.btn-up{box-shadow:inset 0 -8px 0 #d62a8c, inset 0 4px 0 #ff9ad6, 0 6px 0 var(--ink)}.btn-up.gummy:active{box-shadow:inset 0 -8px 0 #d62a8c, 0 2px 0 var(--ink)}.up-count{z-index:2;background:var(--lemon);border:3px solid var(--ink);min-width:34px;height:34px;box-shadow:0 3px 0 var(--ink);font:800 20px/28px var(--body);color:var(--ink);-webkit-text-stroke:0;text-align:center;font-variant-numeric:tabular-nums;border-radius:17px;padding:0 8px;position:absolute;top:-12px;right:22px}.best-line{color:#fff3dcb3;letter-spacing:.02em;font-size:20px;font-weight:600}.controls-line{color:#fff3dc80}.title-board{text-align:left;width:clamp(320px,28vw,400px);min-height:0;max-height:100%;color:var(--frost);animation:boardIn .6s var(--snap) .45s backwards;transition:transform .45s var(--spring);flex-direction:column;grid-column:3;justify-self:end;gap:8px;padding:14px;display:flex;overflow:hidden}@media (hover:hover){.title-board:hover{transform:translateY(-4px)scale(1.01,.99)}}.title-board:active{transition-duration:80ms;transform:scale(1.02,.97)}.title-board:focus-visible{outline:4px solid var(--frost);outline-offset:4px}@keyframes boardIn{0%{opacity:0;transform:translate(48px)scale(.94,1.06)}55%{opacity:1;transform:translate(-4px)scale(1.03,.97)}to{transform:none}}.tb-head{flex:none;align-items:center;gap:10px;height:44px;padding-left:4px;display:flex}.tb-head h3{white-space:nowrap;font-size:26px}.tb-head .tag{color:var(--latte);white-space:nowrap;margin-right:auto}.tb-arrow{pointer-events:none;flex:none;place-items:center;display:grid}.title-board .top-row.tb-top{--medal:36px;flex:none;height:60px;margin:0}.tb-top .medal{font-size:20px}.tb-row{background:#fff3dc0f;border-radius:16px;flex:none;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;height:48px;padding:0 14px;font-size:20px;font-weight:800;display:grid}.tb-row .rk{color:#fff3dc8c;font-variant-numeric:tabular-nums}.tb-row .n{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.title-board .sk-row.tb-top{height:60px}.title-board .sk-row.tb-row{height:48px}.tb-msg{color:var(--latte);padding:18px 6px;font-size:20px;font-weight:700}.tb-own{flex:none;height:56px;margin-top:4px}.tb-own>*{width:100%;height:100%}.tb-own .own-row{padding:0 14px}.tb-own .own-mold .pill-btn.lime{height:40px}.tb-top,.tb-row{animation:land .5s var(--snap) backwards;animation-delay:calc(.55s + var(--i,0) * 40ms)}@media (height<=800px){.tb-row:nth-of-type(n+6){display:none}}.rotate-hint{opacity:.8;grid-column:1/-1;justify-self:center;align-items:center;gap:8px;display:flex;position:static}.rotate-hint img{animation:1.4s ease-in-out infinite waddle}@media (height<=520px){.title-screen{padding:calc(68px + var(--safe-t)) calc(16px + var(--safe-r)) calc(12px + var(--safe-b)) calc(20px + var(--safe-l));column-gap:12px}.title-menu{gap:10px;width:min(340px,40vw)}.logo{max-height:30vh}.title-buttons{gap:10px}.play-slot{height:68px}.play-slot .btn-lg,.btn-up{width:280px}.btn-up{height:52px;font-size:24px}.best-line,.controls-line{display:none}.title-board{align-self:stretch;gap:6px;width:300px;padding:10px}.tb-head{height:36px}.tb-head .tag{display:none}.title-board .top-row.tb-top,.title-board .sk-row.tb-top{--medal:30px;height:48px}.tb-top .top-title{display:none}.tb-top .gd{--s:36px}.tb-row{display:none}.tb-own{height:48px;margin-top:auto}}@media (orientation:portrait) and (width<=600px){.title-screen{padding:calc(76px + var(--safe-t)) 16px calc(12px + var(--safe-b));background:linear-gradient(#2a142059,#2a142000 45%,#2a14208c);grid-template-rows:auto auto 1fr auto auto;grid-template-columns:minmax(0,1fr);align-items:start;row-gap:16px}.title-menu{grid-column:1;justify-self:center;gap:16px;width:100%}.logo{width:min(82vw,380px);max-height:24vh}.play-slot{height:72px}.play-slot .btn-lg,.btn-up{width:min(320px,100%)}.btn-up{height:56px;font-size:24px}.title-board{grid-area:4/1;justify-self:stretch;width:100%;max-width:420px;margin:0 auto;animation-name:boardUp}.tb-head{height:40px}.title-board .top-row.tb-top,.title-board .sk-row.tb-top{--medal:30px;height:48px}.tb-top .top-title{display:none}.tb-top .gd{--s:36px}.tb-row{display:none}.tb-own{height:52px}.rotate-hint{grid-row:5}}@keyframes boardUp{0%{opacity:0;transform:translateY(40px)scale(.94,1.06)}55%{opacity:1;transform:scale(1.03,.97)}to{transform:none}}@media (prefers-reduced-motion:reduce){.title-board,.tb-top,.tb-row{animation:.16s both fadeIn}}.lu-cards.portrait{gap:16px;width:min(440px,100vw - 32px)}.lu-cards.portrait .lu-card{text-align:left;grid-template-columns:72px minmax(0,1fr);grid-template-areas:"well mid""desc desc";align-items:center;gap:10px 12px;height:auto;min-height:0;padding:24px 14px 14px;display:grid}.lu-cards.portrait .lu-well{grid-area:well}.lu-cards.portrait .lu-well,.lu-cards.portrait .lu-well img{width:72px;height:72px}.lu-cards.portrait .lu-mid{grid-area:mid;align-items:flex-start;gap:6px;min-width:0}.lu-cards.portrait .lu-name{text-align:left;place-items:start;min-height:0;font-size:24px}.lu-cards.portrait .lu-desc{text-align:left;grid-area:desc;place-items:start;height:auto;min-height:0;margin:0;padding:10px 12px}.lu-cards.portrait .lu-tags{width:auto;position:absolute;top:-10px;left:12px;right:12px}.gd{--gc:var(--frost);--gcd:#e2c9a0;--s:40px;--f:20px;min-width:var(--s);height:var(--s);border:4px solid var(--ink);background:var(--gc);box-shadow:inset 0 -5px 0 var(--gcd), 0 3px 0 var(--ink);font:400 var(--f)/1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums;-webkit-text-stroke:0;border-radius:50% 50% 40% 40%/60% 60% 40% 40%;flex:none;place-items:center;padding:5px 5px 0;display:grid;position:relative}.gd:before{content:"";opacity:.9;background:#fff;border-radius:50%;width:20%;height:14%;position:absolute;top:13%;left:20%}.gd-n{animation:slam .38s var(--snap) backwards;display:inline-block;position:relative}.gd.you{--gc:var(--lime);--gcd:#4fc21e}.gd.s36{--s:36px;--f:20px}.gd.s40{--s:40px;--f:20px}.gd.s48{--s:48px;--f:24px}.gd.s52{--s:52px;--f:26px}.gd.hero{--s:132px;--f:64px;box-shadow:inset 0 -10px 0 var(--gcd), 0 6px 0 var(--ink);border-width:5px}.gd.pop{animation:gdPop .5s var(--spring)}@keyframes gdPop{35%{transform:scale(1.35,1.2)}to{transform:none}}.rbar{background:var(--ink);border-radius:8px;flex:1;min-width:0;height:16px;padding:3px;display:block;box-shadow:inset 0 3px #00000059}.rbar i{height:100%;width:calc(var(--p) * 100%);background:var(--lime);min-width:6px;transition:width .9s var(--out);border-radius:5px;display:block;position:relative;box-shadow:inset 0 -3px #4fc21e}.rbar i:before{content:"";opacity:.9;background:#fff;border-radius:2px;width:10px;height:3px;position:absolute;top:2px;left:4px}.rank-chip{z-index:2;top:calc(16px + var(--safe-t));left:calc(clamp(24px, 4vw, 64px) + var(--safe-l));width:380px;height:76px;color:var(--frost);text-align:left;transition:transform .45s var(--spring);grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px;padding:0 14px 4px 10px;display:grid;position:absolute}@media (hover:hover){.rank-chip:hover{transform:translateY(-4px)scale(1.02,.98)}}.rank-chip:active{transition-duration:80ms;transform:translateY(4px)scale(1.04,.94)}.rank-chip:focus-visible{outline:4px solid var(--frost);outline-offset:4px}.rc-col{flex-direction:column;gap:6px;min-width:0;display:flex}.rc-title{white-space:nowrap;text-overflow:ellipsis;margin:-3px;padding:3px;font-size:20px;line-height:1.15;overflow:hidden}.rc-bar{align-items:center;gap:8px;display:flex}.rc-xp{font:800 20px/1 var(--body);color:var(--latte);font-variant-numeric:tabular-nums;white-space:nowrap}.title-screen{padding-top:calc(104px + var(--safe-t))}@media (height<=520px){.title-screen{padding-top:calc(76px + var(--safe-t))}.rank-chip{top:calc(10px + var(--safe-t));left:calc(20px + var(--safe-l));width:260px;height:56px}.rank-chip .gd{--s:40px;--f:20px}.rc-xp{display:none}.rc-col{gap:4px}.rank-chip .rbar{height:14px}}@media (orientation:portrait) and (width<=600px){.title-screen{padding-top:calc(76px + var(--safe-t));grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,1fr);align-items:start;row-gap:12px}.title-menu{grid-row:1}.rank-chip{grid-area:2/1;justify-self:center;width:min(320px,100vw - 48px);height:68px;position:static}.rank-chip .gd{--s:48px;--f:24px}.title-board{grid-row:4;max-height:none}.logo{max-height:16vh}.rotate-hint{display:none}.play-slot .btn-lg,.btn-up{width:320px;max-width:calc(100vw - 48px)}}@media (orientation:portrait) and (width<=600px) and (height<=740px){.tb-top[data-i="1"],.tb-top[data-i="2"]{display:none}}.over-rank{border-radius:18px;flex:none;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px;width:100%;height:76px;padding:0 14px 0 10px;display:grid;position:relative}.or-col{min-width:0}.or-l1{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.or-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:-3px;padding:3px;font-size:20px;line-height:1.15;overflow:hidden}.or-plus{color:var(--lime);text-align:right;white-space:nowrap;min-width:7ch;font-size:20px}.or-plus:not(:empty){animation:pop .4s var(--snap) both}.or-l2{align-items:center;gap:8px;margin-top:6px;display:flex}.or-l2 .rbar{height:18px}.or-xp{font:800 20px/1 var(--body);color:var(--latte);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;min-width:6ch}.rank-pill{z-index:3;color:var(--frost);background:var(--pink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);animation:pillIn .45s var(--snap) both;pointer-events:none;border-radius:999px;padding:4px 12px;font-size:20px;position:absolute;top:-20px;left:-4px}.rank-pill.still{animation:none;transform:rotate(-6deg)}@keyframes pillIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:rotate(-6deg)}}.confetti.once i{animation-iteration-count:1;animation-fill-mode:both}.rankup-stage{z-index:40;cursor:pointer;background:#2a1420d1;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;animation:.2s both fadeIn;display:flex;position:fixed;inset:0}.ru-eyebrow{font:800 20px/1 var(--body);letter-spacing:.12em;color:var(--lemon);animation:pop .4s var(--snap) both}.ru-name{font-size:clamp(40px,9vw,72px)}.ru-hint{font:800 20px/1 var(--body);color:var(--latte);animation:.3s 1.2s both fadeIn}@media (width<=520px){.over-panel{gap:10px}.stat-row{height:30px}.over-stats{gap:4px;padding:10px 16px}}@media (height<=560px){.over-rank{height:64px}.over-rank .gd{--s:44px;--f:22px}}@media (prefers-reduced-motion:reduce){.rbar i{transition-duration:.16s!important}.gd.pop,.gd-n,.rank-pill,.rank-chip,.or-plus:not(:empty){animation:.16s both fadeIn}.rank-pill{transform:rotate(-6deg)}.rankup-stage .bi-letter{animation:.16s both fadeIn;animation-delay:0s!important}}.over-col{display:contents}@media (height<=560px) and (width>=700px){.over-panel{grid-template-columns:1fr 1fr;align-items:center;column-gap:28px;width:min(900px,100%);display:grid}.over-col{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}}
