:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a1012;--panel:#090f12c2;--line:#c7edff2e;--line-hot:#ffd54a7a;--text:#f4fbff;--muted:#a7b7bf;--yellow:#ffd54a;--cyan:#60d9ff;--red:#ff5b67;--green:#72e287;--shadow:0 24px 80px #00000085}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);-webkit-user-select:none;user-select:none;touch-action:none;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#game{z-index:0;touch-action:none;position:fixed;inset:0}canvas{width:100%;height:100%;display:block}.hud,.controls,.game-over .modal,.toast{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#081115e0,#080d0fa8)}.hud{z-index:4;top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));border-radius:10px;width:min(340px,100vw - 28px);padding:14px;position:fixed}.hud-title{letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:26px;font-weight:800;line-height:.94}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{background:#ffffff0e;border:1px solid #ffffff14;border-radius:7px;padding:8px}.stat span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:900;display:block}.stat strong{font-size:18px;line-height:1}.hub-link{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:4;border:1px solid var(--line);min-height:44px;color:var(--text);letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080d0fb8;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:12px;font-weight:950;text-decoration:none;display:inline-flex;position:fixed}.toast{z-index:4;left:50%;bottom:max(100px, calc(env(safe-area-inset-bottom) + 100px));width:min(360px,100vw - 32px);color:var(--yellow);letter-spacing:.12em;text-align:center;text-transform:uppercase;opacity:0;border-radius:999px;padding:10px 12px;font-size:12px;font-weight:900;transition:opacity .18s,transform .18s;position:fixed;transform:translate(-50%)}.toast.is-visible{opacity:1;transform:translate(-50%)translateY(-6px)}.controls{z-index:4;left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex;position:fixed}.lane-btn{appearance:none;min-width:0;min-height:50px;color:var(--text);cursor:pointer;font:inherit;letter-spacing:.02em;text-transform:none;background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:0 16px;font-weight:950;display:inline-flex}.lane-btn__glyph{pointer-events:none;font-size:24px;font-weight:700;line-height:1}.lane-btn--next{background:var(--yellow);color:#1a1405;border-color:#ffffff47}button{appearance:none;min-height:50px;color:var(--text);cursor:pointer;font:inherit;letter-spacing:.1em;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;padding:0 18px;font-size:13px;font-weight:950}button.primary{background:var(--yellow);color:#1a1405;border-color:#ffffff47}.game-over{z-index:7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000005c;place-items:center;padding:24px;display:none;position:fixed;inset:0}.game-over:not([hidden]){display:grid}.modal{border:1px solid var(--line-hot);text-align:center;background:#080d0feb;border-radius:12px;width:min(430px,100%);padding:24px}.modal h2{text-transform:uppercase;margin:0 0 8px;font-size:38px;line-height:.95}.modal p{color:var(--muted);margin:0 0 18px}@media (pointer:coarse),(width<=760px){.controls{padding:0 16px max(12px, env(safe-area-inset-bottom));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;justify-content:space-between;gap:28px}.lane-btn{width:min(78px,22vw);height:min(78px,22vw);min-height:unset;border-radius:50%;flex:none;padding:0;box-shadow:0 12px 36px #00000073}.lane-btn__glyph{font-size:clamp(28px,9vw,36px)}.hud{width:min(300px,100vw - 28px);padding:12px}.hud-title{font-size:22px}.stat strong{font-size:16px}}@media (orientation:landscape) and (height<=520px){.hud{width:min(286px,40vw);padding:10px}.hud-title{margin-bottom:8px;font-size:20px}.stat{padding:6px}.stat span{font-size:8px}.stat strong{font-size:14px}.lane-btn{width:min(64px,16vw);height:min(64px,16vw)}}@media (prefers-reduced-motion:reduce){.toast{transition:opacity .14s}.toast.is-visible{transform:translate(-50%)}}