*{box-sizing:border-box} :root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#f2f6ff;background:#090f1b}body{margin:0;min-height:100svh;padding:28px 20px 48px;background:radial-gradient(ellipse at 20% 0%,#23364a 0%,transparent 55%),#090f1b}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #79e7ff;outline-offset:4px}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:active{transform:translateY(1px)}[hidden]{display:none!important}.wrap{max-width:1020px;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.brand{display:flex;align-items:center;gap:10px}.brand canvas{width:38px;height:38px}.brand small,.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:800;color:#8aabbd}.brand h1{margin:2px 0 0;font-size:25px;font-weight:900;letter-spacing:-1px}.brand h1 span{color:#ffd342}.tools{display:flex;gap:7px}.tools button{font-size:10px;letter-spacing:.6px;font-weight:800;border:1px solid #385063;color:#c8d8e5;background:#182635;border-radius:8px;padding:10px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}.play-area{max-width:580px;width:100%;margin:auto}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.stat{display:flex;align-items:center;gap:10px;background:#142130;border:1px solid #2b3b4c;padding:11px 14px;border-radius:12px}.stat canvas{width:26px;height:26px}.stat small{display:block;color:#8fa8ba;font-size:9px;font-weight:800;letter-spacing:1px}.stat b{font-size:20px;font-variant-numeric:tabular-nums}.panel{position:relative;border:1px solid #4a5966;border-radius:16px;overflow:hidden;background:#192936;box-shadow:0 18px 60px #0005}#game{display:block;width:100%;height:auto;aspect-ratio:460/650;touch-action:none}#hud{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none}.hud-box{background:#091522df;border:1px solid #a0c5df25;border-radius:9px;padding:8px 10px}.hud-box strong{font-size:12px;display:block}.hud-box small{color:#b1c8d8;font-size:10px}.lives{color:#ff6e88;font-size:17px;line-height:1.1}.hud-right{text-align:right;width:126px}.nitro-label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:900;letter-spacing:1px}.nitro-label canvas{width:17px;height:17px}.meter{height:7px;background:#263a50;border-radius:9px;overflow:hidden;margin:5px 0}.meter>div{height:100%;width:100%;background:linear-gradient(90deg,#32b5df,#8bfff0)}#chase{font-size:8px;letter-spacing:.5px;color:#97e7dd}.overlay{position:absolute;inset:0;background:linear-gradient(180deg,#091522ed,#091522c7 70%,#091522b5);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px}.overlay .eyebrow{color:#70d5e4;font-size:9px;margin-bottom:9px}.overlay h2{font-size:clamp(25px,4vw,43px);letter-spacing:-1.5px;margin:0 0 8px;font-weight:950}.overlay p{max-width:330px;color:#b8ccdc;font-size:13px;line-height:1.65;margin:0 0 15px}.garage{display:flex;gap:8px;width:100%;max-width:330px;margin:5px 0 18px}.garage button{flex:1;min-width:0;border:1px solid #3d5266;border-radius:11px;background:#1c2d40;padding:10px 5px;color:#c8d4e5;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px;font-weight:800}.garage canvas{width:43px;height:80px}.garage button.selected{background:#41452a;border-color:#ffd342;color:#fff2c4;box-shadow:0 0 20px #ffd34216}.primary{border:0;border-radius:10px;background:#ffd342;color:#162332;padding:15px 24px;font-weight:900;font-size:12px;letter-spacing:.3px;box-shadow:0 4px 0 #9c751b}.overlay .subtle{color:#849aaa;font-size:9px;margin-top:14px}.actions{display:grid;grid-template-columns:1fr 1.55fr 1fr .8fr;gap:8px;margin-top:12px}.actions button{border-radius:10px;border:1px solid #3e566a;background:#1d3042;color:#e9f3fb;min-height:51px;font-weight:900;font-size:21px;display:flex;align-items:center;justify-content:center;gap:7px;touch-action:none}.actions .nitro{background:#193f4d;border-color:#4a9eb0;font-size:11px;color:#9cf3ff}.actions .nitro canvas{width:23px;height:26px}.actions .nitro.active{background:#256b7d;box-shadow:0 0 18px #6ce8ff44}.hint{text-align:center;color:#91a9ba;font-size:10px;line-height:1.7;margin:11px 0}.sidebar{padding-top:2px}.sidebar h2{font-size:31px;letter-spacing:-1.3px;line-height:1.15;margin:12px 0}.sidebar h2 em{font-style:normal;color:#ffd342}.sidebar>p{color:#9bb2c4;font-size:13px;line-height:1.8}.legend{border-top:1px solid #2b3d4e;margin-top:25px;padding-top:20px}.legend-row{display:flex;align-items:center;gap:12px;margin:14px 0}.legend-row canvas{width:34px;height:34px;flex:none}.legend-row b{display:block;font-size:11px;color:#e0eaf6}.legend-row span{font-size:10px;color:#90a9bd;line-height:1.5}.note{padding:14px;border:1px solid #314454;border-radius:10px;color:#9fb4c5;font-size:11px;line-height:1.8;margin-top:22px}.level{display:flex;align-items:center;gap:7px;font-size:10px;color:#b4cbd8;margin-top:16px}.level i{width:6px;height:6px;background:#6be6bf;border-radius:50%}dialog{width:min(430px,calc(100% - 28px));border:1px solid #40566b;border-radius:16px;background:#142332;color:#e7f2ff;padding:25px;box-shadow:0 20px 90px #0008}dialog::backdrop{background:#060c16c9}dialog h2{margin-top:0}dialog p{font-size:13px;line-height:1.8;color:#b7cada}dialog .primary{width:100%;margin-top:12px}kbd{display:inline-block;border:1px solid #52687d;border-radius:4px;padding:0 5px;color:#edf5ff;font:11px system-ui} @media(max-width:760px){body{padding:16px 14px 38px}.layout{display:block}.sidebar{display:none}.wrap{max-width:480px}.topbar{margin-bottom:14px}.brand h1{font-size:22px}.brand canvas{width:30px;height:30px}.brand small{font-size:8px}.tools button{padding:9px 7px;font-size:9px}.stat{padding:9px 10px;gap:7px}.stat b{font-size:17px}.stat canvas{width:22px;height:22px}.overlay{padding:18px}.overlay h2{font-size:29px}.overlay p{font-size:11px;margin-bottom:12px}.garage{max-width:290px;margin-bottom:16px}.garage canvas{height:69px;width:38px}.garage button{font-size:10px}.primary{padding:13px 20px}.overlay .subtle{font-size:8px;margin-top:12px}.actions button{min-height:52px}.level{justify-content:center;margin-top:11px}.hud-box{padding:6px 8px}#hud{top:9px;left:9px;right:9px}}@media(max-width:350px){body{padding:12px 10px 35px}.brand h1{font-size:18px}.brand canvas{display:none}.tools button{font-size:8px;padding:9px 6px}.overlay h2{font-size:24px}.garage canvas{height:56px}.garage button{padding:8px 4px}.overlay p{font-size:10px}.overlay .subtle{display:none}.stat{padding:8px}.stat canvas{width:18px;height:18px}.stat b{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.lives{display:flex;gap:3px;margin-bottom:3px}.lives canvas{width:17px;height:17px}

@media(min-width:761px){
body{padding-top:16px;padding-bottom:28px}
.wrap{max-width:900px}
.topbar{margin-bottom:12px}
.layout{grid-template-columns:minmax(0,1fr) 180px;gap:20px}
.play-area{max-width:620px}
.sidebar h2{font-size:23px;letter-spacing:-.7px;margin:9px 0}
.sidebar>p{font-size:11px;line-height:1.6}
.sidebar .eyebrow{font-size:8px;letter-spacing:1.5px}
.legend{margin-top:16px;padding-top:10px}
.legend-row{gap:8px;margin:11px 0}
.legend-row canvas{width:26px;height:26px}
.legend-row b{font-size:10px}
.legend-row span{font-size:9px}
.note{padding:10px;font-size:10px;margin-top:14px}
.hint,.level{display:none}
.stats{margin-bottom:8px}
.stat{padding:8px 12px}
.stat b{font-size:18px}
.actions{margin-top:8px}
.actions button{min-height:46px}
}
@media(min-width:761px) and (min-height:650px){
.play-area{max-width:min(620px,calc(70.769svh - 148px))}
.wrap{max-width:min(900px,calc(70.769svh + 52px))}
}

.run-info{position:absolute;top:76px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}
.mission{width:min(64%,260px);padding:7px 9px;background:#091522e8;border:1px solid #9dcbd52b;border-radius:8px}
.mission>div:first-child{display:flex;gap:7px;justify-content:space-between;color:#d0e4ec;font-size:9px;line-height:1.35}
.mission b{color:#ffe4a0;white-space:nowrap;font-variant-numeric:tabular-nums}
.mission-track,.combo-track{height:3px;overflow:hidden;border-radius:4px;background:#5973804d;margin-top:5px}
.mission-track i{height:100%;display:block;background:#78e9b5;width:0}
.combo-wrap{min-width:86px;text-align:right;background:#091522de;border-radius:7px;padding:7px 9px}
#combo{font-size:9px;letter-spacing:.3px;color:#aac1d1}.combo-track i{display:block;height:100%;background:#ffd342;width:0}
#combo.charged{color:#ffd342}.run-distance{position:absolute;bottom:12px;left:12px;color:#c6dbe5;font-size:9px;letter-spacing:.3px;background:#091522da;border-radius:6px;padding:6px 9px;pointer-events:none;font-variant-numeric:tabular-nums}
.run-results{display:grid;grid-template-columns:repeat(4,1fr);width:100%;max-width:360px;gap:5px;margin:0 0 12px}
.run-results>div{border:1px solid #53728466;background:#192e3ee6;border-radius:7px;padding:9px 4px}
.run-results small{display:block;color:#98b9ca;font-size:7px;letter-spacing:.3px;margin-bottom:4px}.run-results b{font-size:12px;color:#f5e8bf;font-variant-numeric:tabular-nums}
.results-open .garage canvas{height:43px;width:28px}.results-open .garage button{padding:7px 4px;font-size:9px}.results-open .subtle{display:none}
@media(max-width:760px){.run-info{top:69px;left:9px;right:9px;gap:7px}.mission{padding:6px 8px}.mission>div:first-child,#combo{font-size:8px}.combo-wrap{padding:6px 7px;min-width:79px}.run-results b{font-size:11px}.run-results small{font-size:6px}.run-distance{bottom:9px;left:9px;font-size:8px}}
@media(max-width:350px){.run-info{gap:5px}.mission{padding:5px 6px}.mission>div:first-child,#combo{font-size:7px}.combo-wrap{min-width:72px;padding:6px}.results-open .garage{margin-bottom:10px}.results-open h2{font-size:22px}}