*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#07070d;color:#f5f7fb;font-family:Space Grotesk,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;user-select:none;-webkit-user-select:none}body{overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}h1,h2,h3,h4,p{margin:0}:root{--bg-0: #07070d;--bg-1: #11111c;--bg-2: #1a1a28;--c-accent: #22d3ee;--c-accent-2: #4ade80;--c-accent-3: #c084fc;--c-text: #f5f7fb;--c-text-muted: #9ca3b3;--c-border: rgba(255,255,255,.08);--c-glow: 0 0 24px rgba(34, 211, 238, .45);--f-mono: "JetBrains Mono", ui-monospace, monospace;--f-sans: "Space Grotesk", system-ui, sans-serif;--f-arcade: "Press Start 2P", "JetBrains Mono", monospace;--topbar-h: 78px}.balance,.stat-value,.float-num,.music-note,.upgrade .cost,.upgrade .owned,.settings-value,.spin-start-fx,#preloader-pct{font-family:var(--f-arcade);-webkit-text-stroke:1px #000;paint-order:stroke fill;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;letter-spacing:0}body{background:radial-gradient(ellipse at 20% 0%,rgba(34,211,238,.08),transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(192,132,252,.1),transparent 55%),var(--bg-0)}#bg-3d{position:fixed;inset:0;width:100%;height:100%;z-index:0;cursor:grab}#bg-3d:active{cursor:grabbing}.durability-bar{position:fixed;top:85%;left:50%;transform:translate(-50%,-50%);width:min(240px,60vw);z-index:1;pointer-events:none}.durability-label{font-family:var(--f-arcade);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;text-align:center;color:#fff;-webkit-text-stroke:1px #000;paint-order:stroke fill;margin:0 0 .4rem}.durability-track{width:100%;height:8px;background:#ffffff14;border:1px solid var(--c-border);border-radius:999px;overflow:hidden;box-shadow:0 2px 10px #00000059}.durability-fill{height:100%;width:100%;background:#13ec13;transition:width .2s ease,background .2s ease}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-h);z-index:30;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0e0e16f0,#0e0e16cc);backdrop-filter:blur(10px);border-bottom:1px solid rgba(34,211,238,.22);box-shadow:0 4px 26px #00000073;pointer-events:none}.topbar-brand{display:flex;align-items:center;gap:.7rem;pointer-events:auto}.topbar-logo{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(34,211,238,.5))}.topbar-name{font-family:var(--f-arcade);font-size:1rem;letter-spacing:.1em;color:var(--c-text);text-shadow:0 0 14px rgba(34,211,238,.55);white-space:nowrap}#hud{position:fixed;top:var(--topbar-h);left:0;right:0;bottom:0;z-index:2;pointer-events:none;display:grid;grid-template-columns:minmax(220px,280px) 1fr minmax(280px,360px);grid-template-rows:auto 1fr auto;gap:1.2rem;padding:1.2rem}.balance-row{grid-column:2 / 3;grid-row:1 / 2;justify-self:center;display:flex;align-items:center;gap:.6rem}.balance-bar{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.75rem 1.6rem;background:#11111c8c;border:1px solid var(--c-border);border-radius:999px;backdrop-filter:blur(8px);box-shadow:0 4px 18px #0006,inset 0 0 0 1px #ffffff05}.balance-label{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--c-text-muted)}.balance{font-family:var(--f-mono);font-size:1.7rem;font-weight:700;letter-spacing:-.01em;color:var(--c-text);text-shadow:0 0 12px rgba(34,211,238,.35)}.multiplier-badges{display:flex;align-items:center;gap:.35rem}.multiplier-badges[hidden]{display:none}.multiplier-badge{font-family:var(--f-arcade);font-size:.62rem;letter-spacing:.04em;color:#1a1200;background:linear-gradient(160deg,#ffe27a,#ffb020);border-radius:999px;padding:.25rem .55rem;box-shadow:0 0 14px #ffb020a6;animation:multiplier-badge-pulse 1s ease-in-out infinite}.open-chest-btn{pointer-events:auto;font-family:var(--f-mono);font-size:.68rem;font-weight:700;letter-spacing:.05em;color:#1a1200;background:linear-gradient(160deg,#ffe27a,#ffb020);border:none;border-radius:999px;padding:.3rem .7rem;cursor:pointer;box-shadow:0 0 10px #ffb02066;transition:transform .15s ease,box-shadow .15s ease}.open-chest-btn:hover{transform:translateY(-1px);box-shadow:0 0 14px #ffb02099}@keyframes multiplier-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.panel{grid-row:2 / 3;align-self:start;pointer-events:auto;padding:1.2rem 1.1rem 1.3rem;background:#11111c8c;border:1px solid var(--c-border);border-radius:14px;backdrop-filter:blur(8px);box-shadow:0 6px 24px #00000059;max-height:calc(100vh - 6rem);overflow-y:auto}.panel-left{grid-column:1 / 2}.panel h2{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--c-text-muted);margin-bottom:.85rem}.stat{display:flex;justify-content:space-between;align-items:baseline;padding:.45rem 0;border-bottom:1px dashed var(--c-border)}.stat:last-of-type{border-bottom:0}.stat-label{font-size:.78rem;color:var(--c-text-muted)}.stat-value{font-family:var(--f-mono);font-size:.95rem;font-weight:700;color:var(--c-text)}.hint{margin-top:1rem;font-size:.74rem;color:var(--c-text-muted);line-height:1.5;border-top:1px solid var(--c-border);padding-top:.8rem}.shop-tabs-row{display:flex;align-items:center;gap:.25rem;margin:.4rem 0 .85rem}.shop-tabs{display:flex;align-items:center;gap:.4rem;flex:1 1 auto;min-height:2.35rem;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.shop-tabs::-webkit-scrollbar{display:none}.shop-tabs-arrow{flex:0 0 auto;width:22px;height:2.35rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#22d3ee1a;color:var(--c-accent);font-size:.95rem;line-height:1;cursor:pointer;transition:background .15s ease}.shop-tabs-arrow:hover{background:#22d3ee33}.shop-tabs-arrow[hidden]{display:none}.shop-tab{flex:1 0 auto;min-width:fit-content;white-space:nowrap;padding:.55rem .4rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#14141e8c;color:var(--c-text-muted);font-family:var(--f-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.shop-tab:hover{color:var(--c-text)}.shop-tab.active{color:var(--c-accent);border-color:#22d3ee8c;background:#22d3ee14;box-shadow:0 0 12px #22d3ee2e}.shop-list{display:flex;flex-direction:column;gap:.55rem;touch-action:pan-y}.shop-list[hidden]{display:none}.skin{position:relative}.skin-swatch{width:22px;height:22px;flex-shrink:0;border-radius:50%;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 10px currentColor}.skin.effect .skin-swatch{background:linear-gradient(135deg,#fff7c2,#ff5c1a);color:#ff8a2a}[data-skin=bubbles] .skin-swatch{background:radial-gradient(circle,#e0f2fe,#a5d8ff 45%,#c084fc);color:#93c5fd}[data-skin=mike-mouse] .skin-swatch{background:radial-gradient(circle,#dc2626 0% 28%,#fff 28% 62%,#0a0a0a 62% 100%);color:#dc2626}[data-skin=another-mike] .skin-swatch{background:radial-gradient(circle,#fff 0% 32%,#a3e635 32% 100%);color:#a3e635}[data-skin=cookie-spinner] .skin-swatch{background:radial-gradient(circle,#3d2314 0% 32%,#c68a53 32% 100%);color:#c68a53}[data-skin=pepno-man] .skin-swatch{background:radial-gradient(circle,#fff 0% 28%,#dc2626 28% 62%,#1e4fd6 62% 100%);color:#1e4fd6}[data-skin=donut] .skin-swatch{background:radial-gradient(circle at 35% 30%,#4ea8ff 0 2px,transparent 2px),radial-gradient(circle at 62% 25%,#ffd23f 0 2px,transparent 2px),radial-gradient(circle at 45% 60%,#3ddc97 0 2px,transparent 2px),radial-gradient(circle at 70% 55%,#b46eff 0 2px,transparent 2px),radial-gradient(circle,transparent 0%,transparent 26%,#ff5eb0 26%,#ff8ecf 60%,#ff5eb0 100%);color:#ff5eb0}[data-skin=floating-device] .skin-swatch{background:radial-gradient(circle,transparent 0%,transparent 30%,#ff7a1a 30%,#fff 46%,#2563eb 62%,#fff 78%,#ff7a1a 100%);color:#ff7a1a}[data-skin=hearts] .skin-swatch{background:radial-gradient(circle,#ff6f9c,#ff2d6f);color:#ff2d6f}[data-skin=clover] .skin-swatch{background:radial-gradient(circle,#4fd67f,#22a75d);color:#22a75d}[data-skin=lowrider-wheel] .skin-swatch{background:radial-gradient(circle,#e8e8ec 0% 40%,#161616 40% 70%,#f2f2ee 70% 100%);color:#d8d8dc}[data-skin=spiral] .skin-swatch{background:conic-gradient(from 0deg,#ff7a00,#4a2200,#ff7a00);color:#ff7a00}[data-skin=shuriken] .skin-swatch{background:radial-gradient(circle,#8a1010 0% 22%,#d8d8dc 22% 45%,#111318 45% 100%);color:#d8d8dc}[data-skin=robot] .skin-swatch{background:radial-gradient(circle,#22d3ee 0% 28%,#9096a3 28% 100%);color:#22d3ee}[data-skin=f1-wheel] .skin-swatch{background:radial-gradient(circle,#fc0 0% 22%,#3a3d44 22% 68%,#1c1c1e 68% 100%);color:#fc0}[data-skin=star] .skin-swatch{background:radial-gradient(circle,#ffe27a,#ffd23f 45%,#ff9a00);color:#ffd23f}[data-skin=tractor-wheel] .skin-swatch{background:radial-gradient(circle,#ffb300 0% 45%,#1a1a1a 45% 100%);color:#ffb300}[data-skin=cola-loca] .skin-swatch{background:radial-gradient(circle,#fff 0% 28%,#dc0714 28% 100%);color:#dc0714}[data-skin=spain] .skin-swatch{background:radial-gradient(circle,#f1bf00 0% 28%,#aa151b 28% 100%);color:#aa151b}[data-skin=portugal] .skin-swatch{background:radial-gradient(circle,#fc0 0% 24%,#060 24% 50%,red 50% 100%);color:red}[data-background=synthwave] .skin-swatch{background:radial-gradient(circle,#22d3ee 0% 45%,#c084fc);color:#22d3ee}[data-background=fishtank] .skin-swatch{background:radial-gradient(circle,#4fd6e8,#0a2a30);color:#4fd6e8}[data-background=sunset] .skin-swatch{background:linear-gradient(180deg,#2a1454,#ff7a3d);color:#ffb347}[data-background=cosmos] .skin-swatch{background:radial-gradient(circle at 30% 30%,#d98a4a 0% 22%,#05060f 22% 100%);color:#6fa8dc}[data-background=skyline] .skin-swatch{background:linear-gradient(180deg,#4a90c4,#9dc5e0 55%,#b8c4cf);color:#9fb4c8}[data-background=night-skyline] .skin-swatch{background:linear-gradient(180deg,#1a0f38,#3a1a52 55%,#22d3ee);color:#a855f7}[data-background=jungla] .skin-swatch{background:radial-gradient(circle,#5a8a56,#2a4a30);color:#2f8f4a}[data-background=futbol] .skin-swatch{background:radial-gradient(circle at 50% 70%,#1e7a34 0% 40%,#0a1a33);color:#bfe3ff}[data-background=emojis] .skin-swatch{background:radial-gradient(circle at 35% 35%,#ffe27a,#ffcc2e 55%,#d89a1a);color:#2b2200}[data-background=granja] .skin-swatch{background:linear-gradient(180deg,#4fa8e0,#d8f0c8 55%,#a3241f);color:#a3241f}[data-background=lake] .skin-swatch{background:linear-gradient(180deg,#3f8fd6,#5f7a72 55%,#3a7a8a);color:#9cd2e8}[data-background=route66] .skin-swatch{background:linear-gradient(180deg,#2a1830,#b8451f 55%,#ffb020);color:#ffb020}[data-background=flowership] .skin-swatch{background:radial-gradient(circle at 40% 40%,#ffd23f,#e05fd0 45%,#6a5a8a);color:#ff8a1e}.ticket-row .upgrade-head{display:flex;justify-content:space-between;align-items:center}.ticket-row .ticket-count{font-family:var(--f-mono);font-size:.78rem;font-weight:700;color:var(--c-accent)}.chest-reveal-overlay{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;background:#06060cdb;backdrop-filter:blur(6px);animation:chest-reveal-fade-in .25s ease}@keyframes chest-reveal-fade-in{0%{opacity:0}to{opacity:1}}.chest-reveal-viewport{position:relative;width:min(760px,92vw);height:168px;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0a0a1299;box-shadow:0 20px 60px #0009;mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}.chest-reveal-marker{position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;background:var(--c-accent);box-shadow:0 0 14px #22d3eee6;z-index:3}.chest-reveal-track{position:absolute;top:0;left:0;display:flex;height:100%;padding:14px 0;will-change:transform}.chest-card{flex:0 0 auto;width:120px;height:100%;margin-right:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border-radius:8px;border:2px solid transparent;padding:.5rem;box-sizing:border-box}.chest-card .skin-swatch{width:44px;height:44px;box-shadow:0 0 14px currentColor}.chest-card-name{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.02em;text-align:center;color:var(--c-text);line-height:1.25}.chest-card.winner{border-color:#fff;box-shadow:0 0 22px #ffffff8c}.chest-card.tier-legend{background:linear-gradient(180deg,#dc262659,#3c060680);border-color:#dc262666}.chest-card.tier-elite{background:linear-gradient(180deg,#9333ea59,#22083a80);border-color:#9333ea66}.chest-card.tier-rare{background:linear-gradient(180deg,#22d3ee4d,#052e3480);border-color:#22d3ee66}.chest-card.tier-uncommon{background:linear-gradient(180deg,#2563eb52,#060e3380);border-color:#2563eb66}.chest-reveal-result{display:flex;flex-direction:column;align-items:center;gap:.6rem;animation:chest-reveal-fade-in .3s ease}.chest-reveal-result[hidden]{display:none}.chest-reveal-result-tier{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c-accent)}.chest-reveal-result-name{font-family:var(--f-arcade);font-size:1.1rem;color:var(--c-text);text-align:center;max-width:90vw}.chest-reveal-close{font-family:var(--f-mono);font-size:.78rem;font-weight:700;letter-spacing:.05em;padding:.65rem 1.6rem;border-radius:10px;border:none;cursor:pointer;color:#1a1200;background:linear-gradient(160deg,#ffe27a,#ffb020);box-shadow:0 4px 14px #ffb02066;transition:transform .15s ease}.chest-reveal-close:hover{transform:translateY(-2px)}.skin-state{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase}.skin-state.equipped{color:var(--c-accent-2);font-family:var(--f-arcade);font-size:.6rem}.skin-state.owned{color:var(--c-text-muted)}.shop-category{font-family:var(--f-arcade);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent);margin:.4rem 0 .1rem}.upgrade{display:flex;flex-direction:column;gap:.35rem;width:100%;text-align:left;padding:.7rem .8rem .75rem;border:1px solid var(--c-border);border-radius:10px;background:#1a1a288c;cursor:pointer;transition:border-color .15s ease,transform .12s ease,background .15s ease}.upgrade:hover{border-color:#ffffff2e}.upgrade:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.upgrade.affordable{border-color:#22d3ee8c;background:#22d3ee0f;box-shadow:var(--c-glow)}.upgrade.affordable:hover{transform:translateY(-1px)}.upgrade.disabled{opacity:.6;cursor:not-allowed}.upgrade.just-bought{animation:pop .25s ease}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.04);background:#c084fc2e}to{transform:scale(1)}}.upgrade-head{display:flex;align-items:center;gap:.6rem}.upgrade-icon{width:30px;height:30px;object-fit:contain;flex-shrink:0;border-radius:6px}.upgrade .name{font-family:var(--f-arcade);font-size:.68rem;line-height:1.4;flex:1}.upgrade .owned-tag{font-size:.72rem;color:var(--c-text-muted);flex-shrink:0}.qty-row{display:flex;align-items:center;gap:.5rem;margin-top:.2rem}.qty-input{width:3.4rem;padding:.3rem .4rem;border-radius:6px;border:1px solid var(--c-border);background:#0a0a1099;color:var(--c-text);font-family:var(--f-mono);font-size:.8rem;text-align:center}.qty-input:focus{outline:none;border-color:var(--c-accent)}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input{-moz-appearance:textfield}.qty-max{padding:.3rem .6rem;border-radius:6px;border:1px solid var(--c-border);background:#22d3ee14;color:var(--c-accent);font-family:var(--f-mono);font-size:.68rem;letter-spacing:.08em;cursor:pointer;transition:border-color .15s ease,background .15s ease}.qty-max:hover{border-color:#22d3ee8c;background:#22d3ee29}.admin-custom-row{cursor:default}.admin-custom-actions{display:flex;gap:.5rem;margin-top:.5rem}.admin-custom-actions button{flex:1;padding:.4rem .6rem;border-radius:6px;border:1px solid var(--c-border);background:#22d3ee14;color:var(--c-accent);font-family:var(--f-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .15s ease,background .15s ease}.admin-custom-actions button:hover{border-color:#22d3ee8c;background:#22d3ee29}.qty-row.hidden{display:none}.upgrade .desc{font-size:.78rem;color:var(--c-text-muted);line-height:1.45}.upgrade-foot{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem}.upgrade .cost-label{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c-text-muted)}.upgrade .cost{font-weight:700;color:var(--c-text)}.upgrade.affordable .cost{color:var(--c-accent)}.popups{position:fixed;inset:0;z-index:3;pointer-events:none;display:flex;align-items:center;justify-content:center}.float-num{position:absolute;top:50%;left:50%;--offset-x: 0px;--offset-y: 0px;--drift: 22px;transform:translate(calc(-50% + var(--offset-x)),calc(-50% + var(--offset-y)));font-weight:700;font-size:1.2rem;color:var(--c-accent);text-shadow:0 0 10px currentColor;animation:float-up .95s cubic-bezier(.22,.61,.36,1) forwards;white-space:nowrap;will-change:transform,opacity}.float-num.auto{color:var(--c-accent-2);text-shadow:0 0 14px rgba(74,222,128,.5);font-size:1rem;opacity:.85}@keyframes float-up{0%{transform:translate(calc(-50% + var(--offset-x)),calc(-40% + var(--offset-y))) scale(.3) rotate(-10deg);opacity:0}10%{transform:translate(calc(-50% + var(--offset-x) + var(--drift) * .59),calc(-52% + var(--offset-y))) scale(1.4) rotate(7deg);opacity:1}22%{transform:translate(calc(-50% + var(--offset-x) + var(--drift) * .98),calc(-64% + var(--offset-y))) scale(.92) rotate(3deg)}38%{transform:translate(calc(-50% + var(--offset-x) + var(--drift) * .68),calc(-82% + var(--offset-y))) scale(1.04) rotate(-2deg)}56%{transform:translate(calc(-50% + var(--offset-x) - var(--drift) * .37),calc(-104% + var(--offset-y))) scale(1) rotate(2deg);opacity:1}72%{transform:translate(calc(-50% + var(--offset-x) - var(--drift) * .98),calc(-125% + var(--offset-y))) scale(.97) rotate(-1deg);opacity:.85}86%{transform:translate(calc(-50% + var(--offset-x) - var(--drift) * .78),calc(-148% + var(--offset-y))) scale(.9) rotate(1deg);opacity:.4}to{transform:translate(calc(-50% + var(--offset-x)),calc(-170% + var(--offset-y))) scale(.82) rotate(0);opacity:0}}.spin-start-fx{position:absolute;top:50%;left:50%;z-index:4;font-size:1.6rem;letter-spacing:.08em;color:#ffd447;text-shadow:0 0 16px rgba(255,212,71,.8),0 0 32px rgba(255,180,40,.45);white-space:nowrap;pointer-events:none;animation:spin-start-pop 1.75s cubic-bezier(.22,.61,.36,1) forwards}@keyframes spin-start-pop{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}14%{transform:translate(-50%,-50%) scale(1.25);opacity:1}26%{transform:translate(-50%,-50%) scale(.96);opacity:1}36%{transform:translate(-50%,-50%) scale(1.05)}70%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.15);opacity:0}}.event-toast{position:fixed;top:14%;left:50%;z-index:5;pointer-events:none;font-family:var(--f-arcade);font-size:.78rem;letter-spacing:.06em;text-align:center;color:var(--c-accent-2);background:linear-gradient(160deg,#141420eb,#0e0e16eb);border:1px solid rgba(74,222,128,.55);border-radius:12px;padding:.8rem 1.3rem;animation:event-toast-pop 2.6s cubic-bezier(.34,1.56,.64,1) forwards,event-toast-glow 2.6s ease forwards,event-toast-wiggle 2.6s ease forwards}@keyframes event-toast-pop{0%{transform:translate(-50%) translateY(-16px) scale(.4);opacity:0}10%{transform:translate(-50%) translateY(2px) scale(1.22);opacity:1}20%{transform:translate(-50%) translateY(0) scale(.94)}30%{transform:translate(-50%) translateY(0) scale(1.05)}40%{transform:translate(-50%) translateY(0) scale(1)}85%{transform:translate(-50%) translateY(0) scale(1);opacity:1}to{transform:translate(-50%) translateY(-10px) scale(.9);opacity:0}}@keyframes event-toast-wiggle{0%,40%{rotate:0deg}10%{rotate:-4deg}16%{rotate:3deg}22%{rotate:-2deg}28%{rotate:1deg}34%{rotate:0deg}to{rotate:0deg}}@keyframes event-toast-glow{0%{box-shadow:0 0 #4ade8000}10%{box-shadow:0 0 40px #4ade80e6}30%{box-shadow:0 0 22px #4ade808c}85%{box-shadow:0 0 18px #4ade8073}to{box-shadow:0 0 #4ade8000}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-3px,2px)}50%{transform:translate(2px,-3px)}75%{transform:translate(-2px,-2px)}to{transform:translate(0)}}body.shake #bg-3d{animation:shake .16s ease-in-out}.offline{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;background:#07070dd9;backdrop-filter:blur(6px);text-align:center;cursor:pointer;padding:2rem}.offline[hidden]{display:none}.offline h3{font-size:1.6rem;font-weight:700;letter-spacing:-.01em}.offline p{color:var(--c-text-muted)}.offline .amount{font-family:var(--f-mono);font-size:2.4rem;font-weight:700;color:var(--c-accent);text-shadow:0 0 18px rgba(34,211,238,.5);margin-top:.4rem}.offline .dismiss{margin-top:1rem;font-family:var(--f-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c-text-muted)}.auth-gate{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#07070dd1;backdrop-filter:blur(8px);padding:1.4rem;transition:opacity .3s ease}.auth-gate[hidden]{display:none}.auth-gate.hidden{opacity:0;pointer-events:none}.auth-box{position:relative;width:min(360px,100%);display:flex;flex-direction:column;gap:.9rem;background:#0e0e16f0;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:1.6rem 1.5rem;box-shadow:0 10px 30px #0000008c}.auth-close{position:absolute;top:.7rem;right:.7rem;width:30px;height:30px;border-radius:50%;border:0;background:#ffffff0f;color:var(--c-text-muted);font-size:.85rem;cursor:pointer;transition:color .15s ease,background .15s ease}.auth-close:hover{color:var(--c-text);background:#ffffff1f}.auth-title{text-align:center;font-size:1.3rem;font-weight:700;letter-spacing:-.01em;margin-bottom:.3rem}.auth-tabs{display:flex;gap:.4rem}.auth-tab{flex:1;padding:.55rem .4rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#14141e8c;color:var(--c-text-muted);font-family:var(--f-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.auth-tab:hover{color:var(--c-text)}.auth-tab.active{color:var(--c-accent);border-color:#22d3ee8c;background:#22d3ee14;box-shadow:0 0 12px #22d3ee2e}.auth-form{display:flex;flex-direction:column;gap:.7rem}.auth-form[hidden]{display:none}.auth-form label{display:flex;flex-direction:column;gap:.3rem;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-muted)}.auth-form input{padding:.6rem .7rem;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#14141e99;color:var(--c-text);font-family:var(--f-sans);font-size:.85rem}.auth-form input:focus{outline:none;border-color:#22d3ee80}.auth-error{color:#f87171;font-size:.74rem;line-height:1.4}.auth-error[hidden]{display:none}.auth-submit{padding:.75rem;border-radius:10px;border:0;background:var(--c-accent);color:var(--bg-0);font-weight:700;font-size:.85rem;cursor:pointer;transition:filter .15s ease,opacity .15s ease}.auth-submit:hover{filter:brightness(1.08)}.auth-submit:disabled{opacity:.6;cursor:default}.auth-submit.ghost{background:none;border:1px solid rgba(255,255,255,.14);color:var(--c-text-muted);font-weight:500}.auth-submit.ghost:hover{color:var(--c-text);border-color:#ffffff4d}.auth-pending{text-align:center;display:flex;flex-direction:column;gap:.6rem}.auth-pending[hidden]{display:none}.auth-pending h2{font-size:1.05rem}.auth-pending p{color:var(--c-text-muted);font-size:.85rem}.settings-account{margin-top:.6rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.6rem}.account-guest,.account-logged-in{display:flex;flex-direction:column;gap:.5rem}.account-guest[hidden],.account-logged-in[hidden]{display:none}.account-guest p,.account-logged-in p{font-size:.76rem;color:var(--c-text-muted);line-height:1.4}#account-username{color:var(--c-text);font-weight:600}.preloader{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--bg-0);transition:opacity .6s ease}.preloader.hidden{opacity:0;pointer-events:none}.preloader-stage{display:flex;flex-direction:column;align-items:center;gap:1.3rem}.preloader-spinner{width:62px;height:62px;border:3px solid rgba(34,211,238,.14);border-top-color:var(--c-accent);border-radius:50%;animation:preloader-spin .9s linear infinite;box-shadow:0 0 22px #22d3ee2e}@keyframes preloader-spin{to{transform:rotate(360deg)}}.preloader-label{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--c-text-muted)}.preloader-bar-track{width:220px;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.preloader-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--c-accent),var(--c-accent-2));box-shadow:0 0 14px #22d3ee80;transition:width .2s ease}.preloader-pct{font-family:var(--f-mono);font-size:.7rem;color:var(--c-text-muted);letter-spacing:.1em}.settings-root{position:fixed;left:1.4rem;bottom:1.4rem;z-index:50}.settings-btn{appearance:none;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#121218b3;backdrop-filter:blur(8px);color:var(--c-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.settings-icon{width:22px;height:22px;display:block;object-fit:contain;transition:transform .4s ease}.settings-btn:hover{color:var(--c-text);border-color:var(--c-accent);box-shadow:0 0 18px #22d3ee52;transform:translateY(-1px)}.settings-btn:hover .settings-icon{transform:rotate(45deg)}.settings-btn.active{color:var(--c-accent);border-color:var(--c-accent);box-shadow:0 0 22px #22d3ee73}.settings-btn.active .settings-icon{transform:rotate(90deg)}.settings-panel[hidden],.shop-panel[hidden]{display:none}.shop-root{position:fixed;top:0;right:1.4rem;height:var(--topbar-h);z-index:32;display:flex;align-items:center;gap:.6rem}.login-btn[hidden],.logout-btn[hidden],.admin-btn[hidden]{display:none}.info-root{position:fixed;top:0;left:1.4rem;height:var(--topbar-h);z-index:32;pointer-events:auto;display:flex;align-items:center}.info-panel{left:0;right:auto;width:min(300px,86vw)}.info-panel-text{margin:0;font-family:var(--f-sans);font-size:.85rem;line-height:1.5;color:var(--c-text-muted)}.info-panel-text a{color:var(--c-accent);text-decoration:none}.info-panel-text a:hover{text-decoration:underline}.login-btn:hover{color:var(--c-accent);box-shadow:0 6px 20px #00000080,0 0 22px #22d3ee73}.logout-btn:hover{color:#f87171;box-shadow:0 6px 20px #00000080,0 0 22px #f8717173}.shop-btn{width:52px;height:52px;border-radius:50%;background:#0e0e16c7;border:1px solid rgba(255,255,255,.12);color:var(--c-accent);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px #00000080,0 0 #22d3ee00;transition:transform .18s ease,box-shadow .18s ease,color .18s ease}.shop-btn:hover{transform:translateY(-2px);color:#fff;box-shadow:0 6px 20px #00000080,0 0 22px #22d3ee80}.shop-btn svg{width:26px;height:26px}.shop-btn.active{transform:scale(.96);color:var(--c-accent-2)}.shop-panel{position:absolute;top:calc(var(--topbar-h) + 4px);right:0;width:min(340px,86vw);max-height:70vh;overflow-y:auto;overflow-x:hidden;padding:1.1rem 1.2rem 1.3rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0e0e16f0;backdrop-filter:blur(10px);box-shadow:0 14px 40px #0009;display:flex;flex-direction:column;gap:.8rem;animation:shop-pop .2s ease;scrollbar-width:thin;scrollbar-color:rgba(34,211,238,.5) rgba(255,255,255,.06)}.shop-panel::-webkit-scrollbar{width:8px}.shop-panel::-webkit-scrollbar-track{background:#ffffff0f;border-radius:8px}.shop-panel::-webkit-scrollbar-thumb{background:#22d3ee80;border-radius:8px;border:2px solid transparent;background-clip:padding-box}.shop-panel::-webkit-scrollbar-thumb:hover{background:#22d3eebf;background-clip:padding-box}.shop-title{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c-text-muted);margin:0 0 .3rem}@keyframes shop-pop{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-panel{position:absolute;bottom:60px;left:0;width:240px;padding:1rem 1.1rem 1.2rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0e0e16eb;backdrop-filter:blur(10px);box-shadow:0 10px 30px #0000008c;display:flex;flex-direction:column;gap:.85rem;animation:settings-pop .18s ease}@keyframes settings-pop{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-title{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--c-text-muted);margin:0}.settings-row{display:grid;grid-template-columns:60px 1fr 44px;align-items:center;gap:.6rem}.settings-row label{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-text)}.settings-row input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:4px;background:#ffffff1a;border-radius:999px;outline:none;cursor:pointer}.settings-row input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 10px #22d3ee99;cursor:pointer;border:0}.settings-row input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 10px #22d3ee99;cursor:pointer;border:0}.settings-value{font-family:var(--f-mono);font-size:.68rem;color:var(--c-text-muted);text-align:right}.settings-lang{align-items:center}.lang-flags{display:flex;gap:.4rem}.lang-flag{width:28px;height:28px;border-radius:50%;overflow:hidden;padding:0;border:2px solid transparent;cursor:pointer;background:#0000004d;transition:border-color .15s ease,transform .15s ease}.lang-flag img{width:100%;height:100%;object-fit:cover;display:block}.lang-flag:hover{transform:scale(1.06)}.lang-flag.active{border-color:var(--c-accent);box-shadow:0 0 10px #22d3ee8c}.music-note{position:fixed;pointer-events:none;font-family:JetBrains Mono,monospace;font-weight:700;color:var(--c-accent);transform:translate(-50%,-50%);animation:note-rise var(--dur, 2.2s) linear forwards;will-change:transform,opacity;--drift: 0px;text-shadow:0 0 6px currentColor,0 0 14px currentColor,0 0 26px currentColor;z-index:4}@keyframes note-rise{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}15%{transform:translate(calc(-50% + var(--drift) * .25),-150%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--drift)),-420%) scale(.7);opacity:0}}.stats-toggle{display:none}@media(max-width:960px){.topbar{justify-content:flex-start;padding-left:3.4rem}.topbar-brand{max-width:42%;overflow:hidden;gap:.5rem}.topbar-logo{width:28px;height:28px}.topbar-name{font-size:.62rem;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis}.info-root{left:.4rem}.shop-root{right:.7rem;gap:.4rem}.shop-btn{width:40px;height:40px}.shop-btn svg{width:18px;height:18px}#hud{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;padding:.8rem}.balance-row{grid-column:1 / 2;flex-direction:column}.balance-bar{position:relative;padding-left:60px}.stats-toggle{display:flex;position:absolute;left:7px;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:#0e0e16d9;border:1px solid rgba(255,255,255,.14);color:var(--c-accent);align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,color .15s ease}.stats-toggle svg{width:22px;height:22px}.stats-toggle.active{color:var(--c-accent-2);transform:translateY(-50%) scale(.94)}.panel-left{display:none}.panel-left.open{display:block;position:fixed;top:84px;left:.8rem;right:.8rem;max-height:58vh;z-index:26;animation:stats-pop .18s ease}@keyframes stats-pop{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}}