:root{--bg: #0a0a12;--bg-elevated: #12121f;--teal: #00f5d4;--pink: #ff2d95;--red: #ff2d55;--gold: #ffd60a;--mint: #7bffb3;--muted: #8892b0;--dim: #5a6478;--line: #1a1a3a;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:var(--font);color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg)}#game-host{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1}#game-host canvas{display:block;touch-action:none;image-rendering:auto;max-width:100vw;max-height:100vh}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;display:flex;align-items:center;justify-content:center}.screen{position:absolute;width:min(100vw,430px);height:min(100vh,900px);max-height:100%;padding:calc(24px + var(--safe-top)) 24px calc(24px + var(--safe-bottom));display:flex;flex-direction:column;align-items:center;pointer-events:none}.screen[hidden]{display:none!important}.screen.is-active{pointer-events:auto}.screen--menu{justify-content:flex-start;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(0,245,212,.12),transparent 60%),linear-gradient(180deg,#0c0c18 0%,var(--bg) 40%,#08080f 100%)}.menu-glow{position:absolute;width:280px;height:280px;top:8%;border-radius:50%;background:radial-gradient(circle,rgba(0,245,212,.18),transparent 70%);filter:blur(8px);pointer-events:none}.logo{margin-top:12vh;font-size:clamp(48px,14vw,72px);font-weight:800;letter-spacing:.04em;color:var(--teal);text-shadow:0 0 40px rgba(0,245,212,.45);position:relative}.tagline{margin-top:8px;font-size:15px;color:var(--muted);letter-spacing:.02em}.stats{margin-top:6vh;text-align:center;width:100%}.stat{margin:10px 0}.stat-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--dim);margin-bottom:2px}.stat-value{font-size:22px;font-weight:700;color:#fff}.stat--gold .stat-value{color:var(--gold)}.stat--teal .stat-value{color:var(--teal)}.regen{margin-top:8px;font-size:13px;color:var(--dim)}.actions{margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:8px}.hint{margin-top:16px;font-size:12px;color:#3d4659;text-align:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-family:inherit;font-weight:800;letter-spacing:.04em;border-radius:14px;min-height:52px;width:min(280px,100%);padding:14px 20px;font-size:17px;transition:transform .08s ease,opacity .15s ease,box-shadow .15s ease;pointer-events:auto;touch-action:manipulation}.btn:active{transform:scale(.98)}.btn:disabled,.btn.is-disabled{opacity:.4;pointer-events:none}.btn--primary{background:var(--teal);color:#0a0a12;box-shadow:0 0 28px #00f5d459}.btn--ghost{background:#2a2a44;color:#fff}.btn--muted{background:#1a1a2e;color:var(--muted);min-height:44px;font-size:14px;font-weight:700}.btn--sm{width:auto;min-width:120px;min-height:44px}.btn--bank{width:min(240px,86%);min-height:64px;font-size:26px;background:var(--pink);color:#fff;box-shadow:0 0 32px #ff2d9566;animation:bank-pulse 1.4s ease-in-out infinite;margin-bottom:calc(12px + var(--safe-bottom))}@keyframes bank-pulse{0%,to{box-shadow:0 0 24px #ff2d9559}50%{box-shadow:0 0 40px #ff2d958c}}.screen--hud{justify-content:space-between;background:transparent;pointer-events:none}.screen--hud.is-active{pointer-events:none}.screen--hud .hud-top,.screen--hud .btn--bank{pointer-events:auto}.heat-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse 70% 60% at 50% 55%,transparent 40%,rgba(255,45,85,.22) 100%);transition:opacity .2s ease}.hud-top{width:100%;text-align:center;padding-top:8px;background:linear-gradient(180deg,rgba(10,10,18,.8) 0%,transparent 100%);padding-bottom:20px;position:relative;z-index:1}.mult{font-size:clamp(48px,13vw,60px);font-weight:800;color:var(--teal);text-shadow:0 2px 0 #0a0a12,0 0 28px rgba(0,245,212,.45);font-variant-numeric:tabular-nums;line-height:1.1;transition:color .15s ease,transform .08s ease,text-shadow .15s ease}.mult.is-tick{transform:scale(1.08)}.mult.is-milestone{transform:scale(1.14);filter:brightness(1.25)}.mult.tier-3{color:var(--mint)}.mult.tier-10{color:var(--teal);text-shadow:0 2px 0 #0a0a12,0 0 36px rgba(0,245,212,.65)}.mult.tier-25{color:var(--pink);text-shadow:0 2px 0 #0a0a12,0 0 40px rgba(255,45,149,.7)}.mult.tier-50{color:var(--gold);text-shadow:0 2px 0 #0a0a12,0 0 48px rgba(255,214,10,.75)}.pts{margin-top:4px;font-size:15px;color:var(--muted);font-variant-numeric:tabular-nums}.heat-track{margin:12px auto 0;width:min(220px,70%);height:6px;border-radius:99px;background:#ffffff14;overflow:hidden}.heat-fill{height:100%;width:0%;border-radius:99px;background:linear-gradient(90deg,var(--teal),var(--gold),var(--pink));transition:width .12s linear;box-shadow:0 0 12px #ff2d9573}.heat-label{margin-top:6px;font-size:10px;letter-spacing:.2em;color:var(--dim);font-weight:700}.toast{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%) scale(.92);padding:10px 18px;border-radius:12px;font-size:18px;font-weight:800;letter-spacing:.06em;color:#0a0a12;background:var(--teal);box-shadow:0 0 40px #00f5d480;opacity:0;pointer-events:none;z-index:5;transition:opacity .12s ease,transform .12s ease}.toast.is-show{opacity:1;transform:translate(-50%,-50%) scale(1)}.toast.is-near{background:#ff6b8a;color:#fff;box-shadow:0 0 36px #ff2d558c}.toast.is-fire{background:var(--gold);box-shadow:0 0 48px #ffd60a99}.screen--hud .btn--bank{align-self:center;position:relative;z-index:1}.screen--hud.heat-high .btn--bank{animation:bank-urgent .7s ease-in-out infinite}@keyframes bank-urgent{0%,to{transform:scale(1);box-shadow:0 0 28px #ff2d9566}50%{transform:scale(1.04);box-shadow:0 0 48px #ff2d95b3}}.screen--result{justify-content:center;background:#0a0a12f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:4px}.result-newbest{font-size:14px;font-weight:800;letter-spacing:.18em;color:var(--gold);text-shadow:0 0 20px rgba(255,214,10,.5);margin-bottom:8px;animation:best-pop .45s ease-out}@keyframes best-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.result-label{font-size:22px;font-weight:800;letter-spacing:.14em;margin-bottom:12px}.result-label.is-bank{color:var(--mint)}.result-label.is-crash{color:var(--red)}.result-label.is-epic{color:var(--teal)}.result-label.is-insane{color:var(--pink)}.result-label.is-legendary{color:var(--gold)}.result-score{font-size:clamp(48px,14vw,64px);font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.result-score.is-crash{color:var(--red)}.result-sub{margin-top:10px;font-size:20px;font-weight:700;color:var(--teal)}.result-sub.is-crash{color:#ff6b8a}.result-meta{margin-top:28px;margin-bottom:28px;font-size:15px;color:var(--muted);text-align:center;line-height:1.5}.screen--result .actions{margin-top:0;width:100%}.modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#0000008c;pointer-events:auto;padding:24px}.modal[hidden]{display:none!important}.modal-card{width:min(320px,100%);background:var(--bg-elevated);border:1px solid rgba(0,245,212,.45);border-radius:16px;padding:28px 22px;text-align:center}.modal-card h2{font-size:20px;margin-bottom:14px}.modal-card p{font-size:14px;color:var(--muted);line-height:1.55;margin-bottom:22px}