:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cyan:#7af6ff;--magenta:#ff3d9a;--amber:#ffc857;--ink:#07040f;--paper:#f4fbff;font-family:Rajdhani,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--paper);touch-action:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}button,kbd{font-family:Orbitron,Rajdhani,sans-serif}#view{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}#vignette{pointer-events:none;z-index:1;background:radial-gradient(#0000 42%,#0000008c 100%);position:fixed;inset:0}#flash{pointer-events:none;z-index:2;opacity:0;background:#fff;position:fixed;inset:0}#hud,#title,#pause,#score,#toasts,#replayTag,#touch,.mute{z-index:3;position:fixed}#hud{pointer-events:none;display:none;inset:0}body.mode-playing #hud,body.mode-paused #hud,body.mode-replay #hud{display:block}body.mode-replay #hud{opacity:.55}.hud-top{padding:calc(64px + env(safe-area-inset-top)) 22px 0;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.stat{flex-direction:column;min-width:90px;display:flex}.stat.right{align-items:flex-end}.label{letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 10px #7af6ff99;font-size:12px}#scoreVal,#distVal{text-shadow:0 2px 10px #000c;font-family:Orbitron,sans-serif;font-size:clamp(18px,2vw,28px)}.speedo{text-align:center}#speedVal{letter-spacing:.04em;text-shadow:0 0 18px #7af6ff8c,0 4px 16px #000000bf;font-family:Orbitron,sans-serif;font-size:clamp(42px,6vw,72px);font-weight:800;line-height:.9}.unit{letter-spacing:.28em;color:var(--magenta);font-size:12px}body.overdrive #speedVal,#hud.overdrive #speedVal{color:#ff7ae0;text-shadow:0 0 22px #ff3d9ad9}#comboWrap{top:calc(156px + env(safe-area-inset-top));text-align:center;opacity:.35;transition:opacity .2s;position:absolute;left:50%;transform:translate(-50%)}#comboWrap.hot{opacity:1}#combo{letter-spacing:.12em;color:var(--cyan);text-shadow:0 0 16px #7af6ffcc;font-family:Orbitron,sans-serif;font-size:clamp(22px,3vw,36px)}#comboWrap.insane #combo{color:var(--amber);text-shadow:0 0 18px #ffc857e6}#combo.pop{animation:.25s pop}@keyframes pop{0%{transform:scale(1.4)}to{transform:scale(1)}}#comboTrack{background:#ffffff1f;width:120px;height:4px;margin:6px auto 0;overflow:hidden}#comboFill{transform-origin:0;background:linear-gradient(90deg, var(--cyan), var(--magenta));width:100%;height:100%}#eventBanner{text-align:center;letter-spacing:.16em;opacity:0;text-shadow:0 0 24px,0 8px 30px #000000a6;pointer-events:none;font-family:Orbitron,sans-serif;font-size:clamp(26px,5vw,64px);position:absolute;top:28%;left:0;right:0;transform:scale(.86)}#eventBanner.show{animation:1.7s forwards slam}@keyframes slam{0%{opacity:0;transform:scale(.8)}12%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(1.04)}}#hint{letter-spacing:.14em;color:var(--amber);text-shadow:0 0 12px #ffc857b3;opacity:0;white-space:nowrap;font-size:13px;position:absolute;bottom:108px;left:50%;transform:translate(-50%)}#hint.show{opacity:1}#radar{background:#05000c59;border:1px solid #7af6ff59;border-radius:12px;width:92px;height:128px;position:absolute;top:50%;right:18px;transform:translateY(-50%);box-shadow:0 0 16px #7af6ff26}#badges{flex-direction:column;gap:8px;display:flex;position:absolute;top:46%;left:22px}#badges span{letter-spacing:.16em;text-transform:uppercase;color:#ffffff59;border:1px solid #ffffff26;padding:4px 8px;font-family:Orbitron,sans-serif;font-size:11px}#shieldBadge.on{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 12px #7af6ff59}#magnetBadge.on{color:var(--magenta);border-color:var(--magenta)}#overdriveBadge.on{color:#ff7ae0;border-color:#ff7ae0;box-shadow:0 0 14px #ff3d9a73}#boostCluster{left:50%;bottom:calc(22px + env(safe-area-inset-bottom));width:min(420px,70vw);position:absolute;transform:translate(-50%)}.boost-label{letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);margin-bottom:4px;font-size:11px}#boostTrack{background:#00000059;border:1px solid #7af6ff8c;height:10px;overflow:hidden}#boostFill{transform-origin:0;background:linear-gradient(90deg,#1ad4ff,#7af6ff 40%,#ff4ad4);width:100%;height:100%;box-shadow:0 0 12px #7af6ff99}#boostCluster.low #boostFill{background:var(--amber)}#boostCluster.low{animation:.6s infinite pulse}@keyframes pulse{50%{opacity:.65}}#pauseBtn{top:calc(14px + env(safe-area-inset-top));pointer-events:auto;position:absolute;right:118px}#qualityBtn{top:calc(14px + env(safe-area-inset-top));pointer-events:auto;z-index:6;position:absolute;right:210px}#qualityBtn.is-medium{color:var(--amber);border-color:var(--amber)}.mute{top:calc(14px + env(safe-area-inset-top));z-index:6;right:16px}.ghost-btn,.mute{color:var(--paper);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#06020e8c;border:1px solid #7af6ff73;padding:8px 12px}.mute.is-muted{color:var(--magenta);border-color:var(--magenta)}body.mode-title #pauseBtn,body.mode-score #pauseBtn{display:none}#toasts{pointer-events:none;flex-direction:column;gap:8px;display:flex;top:42%;left:22px}.toast{letter-spacing:.12em;border-left:3px solid var(--cyan);background:#05000e9e;padding:6px 10px;font-family:Orbitron,sans-serif;font-size:14px;animation:1.2s forwards slide}.toast.epic{border-color:var(--amber);color:var(--amber)}.toast.warn{border-color:var(--magenta);color:#ff8ab8}@keyframes slide{0%{opacity:0;transform:translate(-12px)}12%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}#replayTag{top:calc(18px + env(safe-area-inset-top));letter-spacing:.2em;text-transform:uppercase;color:var(--amber);font-family:Orbitron,sans-serif;font-size:12px;display:none;left:22px}body.mode-replay #replayTag{display:block}#title,#pause,#score{pointer-events:none;display:none;inset:0}body.mode-title #title,body.mode-paused #pause,body.mode-score #score{display:flex}body.beauty #hud,body.beauty #title,body.beauty #toasts,body.beauty .mute,body.beauty #qualityBtn,body.beauty #pauseBtn{display:none!important}#title{align-items:center;padding:6vh 6vw}.title-card,.panel{pointer-events:auto;background:linear-gradient(#080212d1,#0802129e);border:1px solid #7af6ff59;width:min(460px,94vw);padding:26px 26px 22px;box-shadow:0 0 40px #ff3d9a1f,inset 0 0 30px #7af6ff0a}.skin-btn{color:var(--paper);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #f4f1ea59;margin-top:10px;padding:8px 14px;font-family:Orbitron,sans-serif;font-size:11px}.skin-btn.is-locked{opacity:.55}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--cyan);margin:0 0 8px;font-size:13px}h1{letter-spacing:.04em;flex-direction:column;margin:0;font-family:Orbitron,sans-serif;font-size:clamp(40px,6vw,64px);font-weight:900;line-height:.9;display:flex}h1 .accent{color:#0000;background:linear-gradient(90deg, var(--magenta), var(--amber), var(--cyan));text-shadow:none;filter:drop-shadow(0 0 12px #ff3d9a59);-webkit-background-clip:text;background-clip:text}.tag{letter-spacing:.04em;color:#d7e7ff;margin:12px 0 16px;font-size:20px}.help{color:#c9d7ea;margin:0 0 18px;font-size:16px;line-height:1.45}.help p{margin:0 0 4px}#helpTouch,body.touch #helpDesktop{display:none}body.touch #helpTouch{display:block}kbd{min-width:1.4em;color:var(--cyan);letter-spacing:.08em;border:1px solid #7af6ff8c;border-bottom-width:3px;margin:0 3px;padding:2px 6px;font-size:12px;display:inline-block}.start{color:var(--paper);border:1px solid var(--cyan);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;padding:14px 22px;font-size:16px;box-shadow:0 0 18px #7af6ff40,inset 0 0 18px #7af6ff14}.start:hover{background:#7af6ff1f}.best{letter-spacing:.08em;color:#b9c7da;margin:12px 0 0}#pause,#score{background:#02000847;justify-content:center;align-items:center}.panel{text-align:center}.panel h2{margin:0 0 8px;font-family:Orbitron,sans-serif;font-size:clamp(36px,6vw,64px)}.score-panel h2{color:var(--paper);text-shadow:0 0 20px #7af6ff73}.record{color:var(--amber);letter-spacing:.22em;text-transform:uppercase;margin:0 0 10px;font-family:Orbitron,sans-serif;display:none}.record.show{display:block}#scoreGrid{text-align:left;grid-template-columns:1fr 1fr;gap:8px 18px;margin:12px 0;display:grid}#scoreGrid div{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:10px;padding-bottom:4px;display:flex}#scoreGrid span{color:#9fb0c8;letter-spacing:.08em;text-transform:uppercase;font-size:13px}#scoreGrid b{font-family:Orbitron,sans-serif;font-weight:600}.row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}#touch{z-index:4;padding:12px 14px calc(12px + env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:flex-end;display:none;bottom:0;left:0;right:0}body.touch.mode-playing #touch{display:flex}#touch button{pointer-events:auto;touch-action:none;color:#fff;letter-spacing:.08em;background:#0602109e;border:1px solid #7af6ffb3;border-radius:14px;min-width:74px;min-height:64px;font-size:16px}#touch button.held{background:#7af6ff38;box-shadow:0 0 16px #7af6ff66}.touch-left,.touch-right,.touch-small{gap:8px;display:flex}.touch-right{flex-direction:column;align-items:flex-end}#btnJump{border-color:var(--magenta);min-width:156px;min-height:78px;font-size:18px}body.touch #boostCluster{bottom:calc(168px + env(safe-area-inset-bottom))}body.touch #hint{bottom:calc(214px + env(safe-area-inset-bottom))}@media (width<=800px){#radar,#badges{display:none}#title{align-items:flex-end;padding:0}.title-card{border-bottom:0;border-left:0;border-right:0;width:100%}.hud-top{padding-left:12px;padding-right:12px}#pauseBtn,#qualityBtn,.mute{box-sizing:border-box;letter-spacing:.08em;width:86px;padding:8px 4px;font-size:12px}#pauseBtn{right:110px}#qualityBtn{right:204px}#hint{letter-spacing:.08em;font-size:11px}}.credits-link{margin:16px 0 0;font-size:14px;line-height:1.5}.credits-link a{color:var(--cyan);text-underline-offset:3px}.credits-link a:focus-visible{outline:2px solid var(--amber);outline-offset:4px}.title-card,.score-panel{touch-action:pan-y;max-height:calc(100dvh - 80px);overflow-y:auto}.leaderboard{text-align:left;border-top:1px solid #7af6ff66;margin-top:18px;padding-top:12px;font-size:16px}.leaderboard h3{color:var(--cyan);margin:0 0 8px}.leaderboard p{margin:8px 0;line-height:1.35}.leaderboard ol{touch-action:pan-y;max-height:180px;padding-left:30px;overflow-y:auto}.leaderboard li{padding:6px 0}.leaderboard button{background:var(--ink);border:1px solid var(--cyan);min-height:44px;color:var(--paper);cursor:pointer;margin:4px 8px 4px 0;padding:10px;font-size:12px}button:disabled{opacity:.6;cursor:default}button:focus-visible,.leaderboard:focus-visible{outline:3px solid var(--amber);outline-offset:3px}@media (width<=800px){.title-card,.score-panel{max-height:calc(100dvh - 65px);padding:18px}.score-panel{width:100%}}