:root{--sodium:#ff9a3c;--lime:#c5ff61;--cyan:#26c6ff;--pink:#ff2f86;color:#f1e9e1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#050308;font-family:Consolas,Courier New,monospace}*{box-sizing:border-box}body{background:#050308;height:100dvh;margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{letter-spacing:.5px;color:#f1e4d6;cursor:pointer;touch-action:manipulation;background:#140e0bdd;border:1px solid #4a3a2e;border-radius:5px;padding:13px 16px;font:700 10px Consolas,monospace}button:hover{border-color:var(--sodium);color:var(--sodium)}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--sodium);outline-offset:4px}button.primary{background:var(--sodium);color:#1d0f04;border:0;padding:17px 30px;font-size:13px;box-shadow:0 0 28px #ff9a3c30}a{color:inherit;text-decoration:none}#arena{position:absolute;inset:0}canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}header{z-index:5;justify-content:space-between;align-items:center;display:flex;position:absolute;top:18px;left:24px;right:24px}h1{letter-spacing:-1px;text-shadow:0 2px 12px #000;margin:8px 0 0;font:900 24px Segoe UI,sans-serif}h1 span,h2 span{color:var(--sodium)}.back{letter-spacing:1.5px;color:#c9b3a0;font-size:9px}nav{gap:8px;display:flex}.hud{z-index:2;pointer-events:none;letter-spacing:1.5px;color:#cdb5a1;text-shadow:0 1px 8px #000;gap:30px;font-size:9px;display:flex;position:absolute;top:96px;left:25px;right:25px}.hud strong{letter-spacing:0;color:#fff4ea;margin-top:7px;font-size:20px;font-style:italic;display:block}#hull{color:#ff6a4d}.heat{text-align:right;margin-left:auto}.segments{justify-content:flex-end;gap:4px;margin-top:9px;display:flex}.segments i{background:#1a0f0acc;border:1px solid #6d4a33;width:22px;height:9px;display:block;transform:skew(-18deg)}.segments i.on{background:var(--sodium);border-color:var(--sodium);box-shadow:0 0 10px #ff9a3c90}.segments.hot i.on{background:#ff4a3a;border-color:#ff4a3a;box-shadow:0 0 12px #ff4a3aa0}.segments.chase i{animation:.5s steps(2,end) infinite strobe}.segments.chase i:nth-child(odd){animation-delay:.25s}@keyframes strobe{0%{background:#ff2a2a;border-color:#ff2a2a}to{background:#2a5cff;border-color:#2a5cff}}.heat small{color:#ff7a5c;min-height:10px;margin-top:7px;font-size:9px;display:block}.chip{z-index:2;letter-spacing:1.3px;color:#d9c3b0;pointer-events:none;white-space:nowrap;background:#0b0708cc;border:1px solid #3b2a20;border-radius:6px;align-items:center;gap:10px;padding:9px 14px;font-size:9px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.chip[hidden]{display:none}#drop{border-color:#5b7a2a;top:98px}#drop b{color:var(--lime)}#drop strong{color:#f4ffe0;text-align:right;min-width:30px;font-size:13px}.lanes{gap:3px;display:flex}.lanes i{border:1px solid #4e5f37;border-radius:2px;width:12px;height:16px;display:block}.lanes i.on{background:var(--lime);border-color:var(--lime);box-shadow:0 0 10px #c5ff6190}.timer{background:#26301b;width:70px;height:4px;display:inline-block}.timer i{background:var(--lime);width:100%;height:100%;display:block}#chase{border-color:#2c3f6e;top:140px}#chase b{color:var(--cyan)}.gap,.bust{background:#18203a;width:70px;height:5px;display:inline-block}.gap i{background:var(--cyan);height:100%;display:block}.bust{background:#3a1418;width:40px}.bust i{background:#ff3a3a;width:0;height:100%;display:block}.pips{gap:4px;display:flex}.pips i{border:1px solid var(--cyan);border-radius:50%;width:10px;height:10px;display:block}.pips i.on{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}body.chasing .hud strong{color:#eaf6ff}body.chasing h1 span{color:var(--pink)}footer{bottom:max(20px,env(safe-area-inset-bottom));pointer-events:none;z-index:2;justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:absolute;left:24px;right:24px}footer button{pointer-events:auto}.keyboard-hint{color:#b39c89;text-align:center;letter-spacing:.7px;text-shadow:0 1px 6px #000;margin:0 auto;font-size:9px;line-height:1.9}.touch-steer,.touch-pedals{gap:8px;display:none}.touch-steer button{width:64px;height:58px;padding:0;font-size:20px}.touch-pedals button{width:78px;height:58px;padding:0;font-size:11px}.touch-pedals button[data-hold=boost]{border-color:var(--sodium);color:var(--sodium)}.touch-pedals button.held{background:#3a200d}#toast{text-align:center;width:100%;color:var(--sodium);pointer-events:none;letter-spacing:1px;z-index:3;text-shadow:0 1px 10px #000;margin:0;padding:0 12px;font-size:12px;position:absolute;top:182px}#toast:empty{display:none}body.chasing #toast{color:var(--cyan)}#overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:4;background:#05030899;place-items:center;padding:95px 20px 20px;display:grid;position:absolute;inset:0;overflow:auto}#overlay[hidden]{display:none}.panel{text-align:center;background:linear-gradient(145deg,#1d130dee,#0c0808f5);border:1px solid #4d3727;border-radius:12px;width:min(520px,100%);max-height:calc(100dvh - 115px);padding:30px;overflow:auto;box-shadow:0 25px 100px #000a}.eyebrow{letter-spacing:2.5px;color:#b8997f;margin:0 0 18px;font-size:9px}h2{letter-spacing:-1.3px;margin:0 0 16px;font:900 clamp(25px,4vw,38px)/1.07 Segoe UI,sans-serif}#overlay-copy{color:#d2bba8;white-space:pre-line;margin-bottom:21px;font:13px/1.7 Segoe UI,sans-serif}.legend{color:var(--sodium);justify-content:center;gap:26px;margin-bottom:22px;font-size:11px;display:flex}.legend b{color:#b8997f;margin-top:8px;font-size:8px;display:block}.sound-note{color:#a8917f;margin:16px 0 0;font-size:10px}.sound-note[hidden]{display:none}#leaderboard{text-align:left;border-top:1px solid #4a3627;margin-top:24px;padding-top:18px}#leaderboard h3{letter-spacing:1px;margin:0 0 10px;font-size:11px}#leaderboard h3 span{float:right;color:#b39a86;font-size:8px;font-weight:400}#leaderboard [role=status]{color:#c7ae9a;font-size:10px;line-height:1.5}table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:10px}th{color:#b39a86;text-align:left;padding:8px 2px;font-size:8px}td{overflow-wrap:anywhere;border-top:1px solid #3a2a20;padding:7px 2px}th:first-child{width:9%}th:nth-child(2){width:47%}th:nth-child(3){width:26%}th:last-child{width:18%}th:nth-child(n+3),td:nth-child(n+3){text-align:right}.your-score{color:var(--sodium)}form label{margin:12px 0 9px;font-size:11px;display:block}.save-row{gap:7px;display:flex}input{color:#fff;background:#140c09;border:1px solid #6a4c36;border-radius:4px;flex:1;min-width:0;padding:10px;font:16px Segoe UI,sans-serif}form small{color:#b8a08c;margin:8px 0;font-size:9px;display:block}dialog{color:#eadbcd;background:#140d0a;border:1px solid #5a412f;border-radius:10px;width:min(560px,100% - 28px);max-height:85dvh;padding:30px;overflow:auto}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#030102c9}dialog p,dialog li{color:#d0baa7;font:13px/1.7 Segoe UI,sans-serif}dialog li{margin:10px 0}dialog ul{padding-left:18px}.close{float:right;padding:8px 10px}.fine{color:#a8907c!important;font-size:11px!important}body.menu .hud,body.menu .keyboard-hint,body.menu .chip{visibility:hidden}@media (width>=1000px){#overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg,#050308d0 0,#05030860 45%,#05030800 70%);place-items:center start;padding-left:6vw}}@media (pointer:coarse){.touch-steer,.touch-pedals{display:flex}.keyboard-hint{display:none}}@media (width<=650px){header{top:12px;left:14px;right:14px}h1{font-size:20px}nav{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:190px}nav button{padding:9px;font-size:8px}#info{flex-basis:100%;padding:7px}.hud{letter-spacing:1px;gap:16px;font-size:8px;top:92px;left:14px;right:14px}.hud strong{font-size:15px}.hud .best{display:none}.segments i{width:14px;height:8px}#drop{top:150px}#chase{gap:7px;padding:8px 10px;top:190px}#chase b:first-child{display:none}.gap{width:50px}#toast{font-size:11px;top:228px}.keyboard-hint{display:none}.touch-steer,.touch-pedals{display:flex}footer{left:12px;right:12px}.panel{padding:24px 18px}.legend{gap:18px}dialog{padding:22px}}@media (height<=540px) and (width>=651px){header{top:8px}.hud{gap:22px;top:64px}.hud strong{font-size:15px}#drop{top:64px}#chase{top:104px}#toast{top:140px}footer{bottom:10px}.panel{padding:20px}#overlay{padding-top:60px}.panel{max-height:calc(100dvh - 70px)}}@media (prefers-reduced-motion:reduce){.segments.chase i{background:#ff2a2a;animation:none}}