:root{font-family:SFMono-Regular,Consolas,monospace;color:#d9f8ff;background:#02030a}*{box-sizing:border-box}html,body,#game{position:fixed;inset:0;width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body{background:radial-gradient(circle at 50% 38%,#19244a,#030611 65%)}#game{display:block}#hud{position:fixed;inset:0;pointer-events:none;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));text-shadow:0 0 12px #46eaff80}.brand{font-size:10px;letter-spacing:.28em;opacity:.55}.brand b{color:#ff4058}.score{position:absolute;top:max(38px,calc(env(safe-area-inset-top) + 28px));right:max(18px,env(safe-area-inset-right));display:flex;flex-direction:column;text-align:right}.score span{font-size:clamp(25px,7vw,50px);font-weight:800;line-height:1}.score small{font-size:9px;letter-spacing:.24em;opacity:.48;margin-top:5px}.position{position:absolute;top:max(92px,calc(env(safe-area-inset-top) + 82px));right:max(18px,env(safe-area-inset-right));display:flex;align-items:baseline;gap:5px}.position span{font-size:22px;font-weight:900;color:#ff5267}.position small{font-size:8px;letter-spacing:.15em;opacity:.5}.lap{position:absolute;top:max(38px,calc(env(safe-area-inset-top) + 28px));left:50%;transform:translate(-50%);font-size:9px;letter-spacing:.2em;opacity:.65}.lap span{font-size:23px;font-weight:900;color:#86f5ff}.lap small{font-size:8px}.speed{position:absolute;left:50%;transform:translate(-50%);bottom:max(20px,calc(env(safe-area-inset-bottom) + 14px));width:min(34vw,180px);filter:drop-shadow(0 0 9px #37e9ff55);text-align:center}.speed>small{display:block;font-size:8px;letter-spacing:.3em;opacity:.5;margin-bottom:2px}.speed div{display:flex;align-items:end;gap:6px}.speed span{font-size:clamp(38px,11vw,65px);font-weight:900;line-height:.86;letter-spacing:-.09em;font-variant-numeric:tabular-nums}.speed em{font-size:8px;font-style:normal;letter-spacing:.15em;opacity:.55;margin-bottom:5px}.speed i{display:block;height:3px;margin-top:8px;background:#17303c;transform:skew(-28deg);overflow:hidden}.speed i b{display:block;width:0;height:100%;background:linear-gradient(90deg,#28dcfa 60%,#ff3856);box-shadow:0 0 10px #36eaff;transition:width .08s linear}#status{position:absolute;top:19%;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.24em;color:#ff5a68;opacity:0;transition:opacity .2s;white-space:nowrap}#radioCall{position:absolute;left:max(18px,env(safe-area-inset-left));top:18%;min-width:210px;padding:9px 14px 10px;border-left:1px solid #ff5675;background:linear-gradient(90deg,#170711dd,#07101b55 72%,transparent);opacity:0;transform:translate(-18px);transition:opacity .32s,transform .32s;overflow:hidden}#radioCall:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff08 3px 4px);pointer-events:none}#radioCall.show{opacity:.9;transform:translate(0)}#radioCall small{display:block;margin-bottom:5px;color:#ff6680;font-size:6px;letter-spacing:.28em;opacity:.7}#radioCall b{display:block;color:#d8faff;font-size:10px;letter-spacing:.2em;text-shadow:0 0 13px #61eaff88}#minimap{position:absolute;left:max(24px,calc(env(safe-area-inset-left) + 6px));bottom:max(108px,calc(env(safe-area-inset-bottom) + 102px));width:114px;opacity:.72;text-align:center}#minimap svg{display:block;width:100%;height:82px;filter:drop-shadow(0 0 6px #42eaff88)}#minimapTrack{fill:none;stroke:#8eefff77;stroke-width:1.25;vector-effect:non-scaling-stroke}#minimapPlayer{fill:#ff4968;filter:drop-shadow(0 0 3px #ff294e)}#minimapLead{fill:#d8fbff}#minimap small{font-size:5px;letter-spacing:.2em;opacity:.55}#overload{position:absolute;right:max(17px,env(safe-area-inset-right));bottom:max(192px,calc(env(safe-area-inset-bottom) + 186px));width:105px;height:72px;padding:0;pointer-events:auto;border:1px solid #ffb35c88;background:radial-gradient(circle,#3b1c0dcc,#100a0cdd);color:#ffd39b;touch-action:none}#overload b,#overload small{display:block}#overload b{font-size:10px;letter-spacing:.14em}#overload small{margin-top:7px;font:700 7px/1 monospace;letter-spacing:.12em;opacity:.65}#overload.active{color:#fff5d8;border-color:#fff0ad;background:#6b240ecc;box-shadow:0 0 28px #ff7a24aa;animation:overloadPulse .18s infinite alternate}#overload.spent{opacity:.3;filter:grayscale(1)}@keyframes overloadPulse{to{transform:scale(1.04);box-shadow:0 0 38px #ffcf5acc}}#offroadVignette{position:fixed;inset:-8px;background:radial-gradient(circle,transparent 45%,#ff365922 78%,#ff214b55);opacity:0;transition:opacity .12s;mix-blend-mode:screen}#announcement{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%) scale(.85);font-size:clamp(64px,20vw,145px);font-weight:900;letter-spacing:-.08em;color:#f1fdff;text-shadow:0 0 18px #4ceaff,0 0 50px #4ceaff88;opacity:0;transition:opacity .12s,transform .12s;white-space:nowrap}#announcement.show{opacity:1;transform:translate(-50%,-50%) scale(1)}#announcement.final{font-size:clamp(28px,10vw,72px);letter-spacing:.06em;color:#ff526c;text-shadow:0 0 20px #ff244e,0 0 55px #ff244e88}#skipReplay{display:none;position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(28px,calc(env(safe-area-inset-bottom) + 22px));pointer-events:auto;border:1px solid #ff587488;background:#220914cc;color:#ffc4cd;padding:11px 15px;font:700 9px/1 monospace;letter-spacing:.16em}#skipReplay.show{display:block}#restartRace{display:none;position:absolute;left:50%;bottom:max(90px,calc(env(safe-area-inset-bottom) + 82px));transform:translate(-50%);pointer-events:auto;border-color:#ff587488;background:#220914dd;color:#ffc4cd;font-size:9px}#restartRace.show{display:block}#audioToggle{position:absolute;left:max(18px,env(safe-area-inset-left));top:max(42px,calc(env(safe-area-inset-top) + 34px));pointer-events:auto;padding:8px 10px;border-color:#7befff55;background:#071424bb;font-size:7px;opacity:.7}#pauseButton{position:absolute;left:max(18px,env(safe-area-inset-left));top:max(74px,calc(env(safe-area-inset-top) + 66px));pointer-events:auto;padding:8px 10px;border-color:#ff668055;background:#1d0912bb;font-size:7px;opacity:.7}#settingsScreen{display:none;position:fixed;inset:0;z-index:20;align-items:center;justify-content:center;padding:20px;background:#020611b8;backdrop-filter:blur(8px);pointer-events:auto}#settingsScreen.show{display:flex}.settings-card{width:min(360px,88vw);padding:18px;background:linear-gradient(145deg,#0b1728f5,#080b18f5);border:1px solid #79efff77;box-shadow:0 0 50px #25dfff26}.settings-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:#91f5ff;font-size:13px;letter-spacing:.22em}.settings-head button{padding:8px 9px;font-size:7px}.settings-card label{display:block;margin:16px 0}.settings-card label span{display:flex;justify-content:space-between;margin-bottom:9px;font-size:8px;letter-spacing:.16em;color:#d9f8ffbb}.settings-card output{color:#ff6980}.settings-card input{width:100%;accent-color:#55eaff;touch-action:pan-x}.settings-card small{display:block;margin-top:20px;font-size:7px;letter-spacing:.12em;opacity:.38}#pauseScreen{display:none;position:fixed;inset:0;z-index:19;align-items:center;justify-content:center;background:#02040bb8;backdrop-filter:blur(6px);pointer-events:auto}#pauseScreen.show{display:flex}.pause-card{display:flex;flex-direction:column;gap:12px;width:min(300px,82vw);padding:24px;border:1px solid #ff617877;background:#120711ee;box-shadow:0 0 60px #ff31502b;text-align:center}.pause-card b{margin-bottom:9px;font-size:24px;letter-spacing:.22em;color:#ff7187;text-shadow:0 0 20px #ff3150}.pause-card button{width:100%}#steering{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));width:126px;height:78px;border:1px solid #6deeff55;border-radius:42px;background:linear-gradient(90deg,#07101baa,#10283aaa,#07101baa);box-shadow:inset 0 0 20px #35ddff18,0 0 18px #35ddff18;pointer-events:auto;touch-action:none}#steering:before{content:"";position:absolute;left:50%;top:12px;bottom:12px;width:1px;background:#75efff33}#steeringKnob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px;border:1px solid #80f3ff99;border-radius:50%;background:#123348dd;box-shadow:0 0 18px #36eaff55;transform:translate(0);transition:transform .08s ease-out}#steering.active #steeringKnob{transition:none;background:#194a63ee;box-shadow:0 0 24px #36eaff99}#steering small{position:absolute;left:50%;bottom:-13px;transform:translate(-50%);font-size:7px;letter-spacing:.2em;opacity:.42}#pedals{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(20px,calc(env(safe-area-inset-bottom) + 14px));display:flex;align-items:end;gap:10px;pointer-events:auto}#pedals button{border:1px solid #76edff66;border-radius:50%;background:#07101b99;color:#d9fbff;width:58px;height:58px;padding:0;font:700 8px/1 monospace;letter-spacing:.12em;opacity:.55;touch-action:none}#pedals #gas{width:76px;height:76px;border-color:#ff496688;color:#ff9aaa}#pedals button.active{opacity:1;background:#173649cc;box-shadow:0 0 22px #36eaff55}#pedals #gas.active{background:#491124cc;box-shadow:0 0 25px #ff294b66}#title,#courseSelect{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#02030a22,#02030a99);transition:opacity .5s;touch-action:manipulation;pointer-events:auto}#title.hidden,#courseSelect.hidden{opacity:0;pointer-events:none}#courseSelect{gap:0}h1{margin:0;text-align:center;font-size:clamp(45px,13vw,90px);line-height:.82;letter-spacing:-.08em;color:#83f4ff;text-shadow:0 0 25px #22dcff80}h1 b{color:#ff3852;text-shadow:0 0 28px #ff183b99}#title p{margin:28px 0 45px;font-size:10px;letter-spacing:.3em;opacity:.72}#courseSelect h1{margin-bottom:18px}#stageSelect{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(96vw,720px);margin:-22px 0 20px;pointer-events:auto}.stage-card{display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0;padding:14px 7px;opacity:.48}.stage-card.selected{opacity:1;border-color:#ff5874aa;background:#210a16dd;box-shadow:0 0 28px #ff315033}.stage-card b{font-size:9px}.stage-card small{font-size:6px;letter-spacing:.08em;opacity:.6}button{position:relative;z-index:1;border:1px solid #75edff88;background:#07101bbb;color:#d8fbff;padding:13px 24px;font:700 11px/1 monospace;letter-spacing:.2em;box-shadow:0 0 24px #2de5ff22;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#title small,#courseSelect small{margin-top:18px;font-size:8px;letter-spacing:.2em;opacity:.42}#goCourseSelect,#backToTitle{margin-top:8px}@media(max-width:620px){#stageSelect{grid-template-columns:repeat(2,minmax(0,1fr));width:min(92vw,440px)}}@media(max-height:500px){#title p{margin:15px 0 22px}h1{font-size:52px}#stageSelect{margin:-12px 0 10px}.stage-card{padding:9px 5px}.stage-card b{font-size:8px}#steering{width:110px;height:66px}.speed{bottom:10px}}:root{--ink:#f3eee6;--amber:#ffb35c;--red:#ff5267;--line:#ffb35c66;--panel:#090b15cc;--mono:"SFMono-Regular",Consolas,monospace;font-family:Avenir Next Condensed,Trebuchet MS,Segoe UI,sans-serif;color:var(--ink)}#hud{font-style:italic;text-shadow:0 0 12px #ffb35c35}.brand{letter-spacing:.18em;border-top:1px solid var(--line);padding-top:6px}.brand b,.lap span,.score small,.speed em{color:var(--amber)}.score span,.position span,.lap span,.speed span{font-family:var(--mono);font-style:italic}.lap{letter-spacing:.12em;border-bottom:1px solid var(--line);padding:0 20px 5px}.speed em{font-style:italic;letter-spacing:.1em;opacity:.72}.speed i{height:1px;background:#ffb35c42}.speed i b{background:linear-gradient(90deg,var(--amber) 60%,var(--red));box-shadow:0 0 10px #ffb35c}#announcement{transform:translate(-70%,-50%);font-size:clamp(36px,11vw,86px);font-weight:700;font-style:italic;letter-spacing:0;color:#fffaf2;text-shadow:0 0 18px #ffb35c88;transition:opacity .25s,transform .38s,letter-spacing .5s;border-bottom:1px solid var(--line)}#announcement.show{transform:translate(-50%,-50%);letter-spacing:.24em}#title,#courseSelect{background:linear-gradient(120deg,#02030a33,#090713b5 72%)}h1{text-align:left;font-weight:300;font-style:italic;letter-spacing:-.1em;color:#f4efe7;text-shadow:0 0 25px #ffb35c45;border-left:1px solid var(--amber);padding-left:18px}h1 b{font-weight:800;color:var(--amber);text-shadow:0 0 28px #ff8f3866}#timeSelect,#carSelect{display:flex;gap:7px;margin:4px 0 12px;pointer-events:auto}.time-card,.car-card{min-width:90px;padding:8px 16px;opacity:.45}.time-card.selected,.car-card.selected{opacity:1;color:var(--amber);border-color:var(--amber)}.car-card{display:flex;flex-direction:column;gap:4px}.car-card small{margin:0!important;font-size:6px!important}#stageSelect{margin:-12px 0 20px}.stage-card{padding:14px 10px;text-align:left;border-width:1px 0 0}.stage-card.selected{border-color:var(--amber);background:linear-gradient(120deg,#24160dcc,transparent);box-shadow:none}.stage-card b{font-size:10px;font-style:italic}button{border-color:var(--line);background:var(--panel);color:var(--ink);font-family:Avenir Next Condensed,Trebuchet MS,Segoe UI,sans-serif;font-style:italic;letter-spacing:.12em;box-shadow:none}.dusk{--amber:#ffb06a;--line:#ffb06a70;--panel:#24130dcc}.dusk #title,.dusk #courseSelect{background:linear-gradient(120deg,#24152a33,#170b12c9 72%)}.dusk #minimapTrack{stroke:#ffb06a88}.dusk #radioCall{border-left-color:var(--amber)}#game{image-rendering:pixelated}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:3;opacity:.055;background:repeating-linear-gradient(0deg,#000 0 1px,transparent 1px 3px)}#hud{z-index:4}#timing{position:absolute;left:20px;top:118px;min-width:165px;padding:10px 12px;background:#07101bb3;border-left:2px solid var(--amber);font:11px/1.8 var(--mono);font-style:normal}#timing div{display:flex;justify-content:space-between;gap:20px;color:#b9b5ae}#timing b{color:#fff;font-variant-numeric:tabular-nums;font-weight:500}#corner{position:absolute;left:50%;top:86px;transform:translate(-50%);font-size:16px;font-weight:800;letter-spacing:.12em;color:#e0eee7;background:#0b111caa;padding:8px 18px;border-bottom:2px solid #96dcc0}#corner.sharp{color:#ffcd74;border-color:#ffad57}#combo{position:absolute;left:50%;top:66%;transform:translate(-50%,-50%);font:italic 800 24px var(--mono);color:#ffd88a;opacity:0;text-shadow:2px 2px #28100a}#combo.show{opacity:1}#radioCall{top:230px}#keyHint{position:absolute;bottom:18px;left:20px;font-size:10px;color:#fff9;letter-spacing:0;font-style:normal}#driftButton{position:absolute;right:20px;bottom:126px;width:105px;height:52px;pointer-events:auto;background:#48233fbb;border-color:#ff99d4;color:#ffd5ef;font-weight:800}#driftButton.active{background:#aa3c72}#overload{bottom:195px;height:60px}#steering,#pedals,#driftButton{display:none}#title,#courseSelect{backdrop-filter:blur(2px)}#courseSelect{padding:24px 12px;overflow-y:auto;justify-content:flex-start;touch-action:pan-y}#courseSelect h1{font-size:clamp(28px,6vw,50px);margin:12px 0 20px;letter-spacing:-.04em}#courseSelect>small{margin-top:8px}#modeSelect,#difficultySelect{display:flex;gap:7px;margin-bottom:10px}.mode-card,.difficulty-card{padding:10px 18px;opacity:.5;font-size:11px}.mode-card.selected,.difficulty-card.selected{opacity:1;border-color:var(--amber);color:var(--amber);background:#3c2819cc}#stageSelect{margin:12px 0 14px}#stageSelect small{margin:0;font-size:8px}#drivingHelp{font:12px/1.8 Segoe UI,sans-serif;letter-spacing:0;text-align:center;color:#e8dbcb;margin:14px 0 8px}#results{display:none;position:fixed;inset:0;z-index:35;align-items:center;justify-content:center;padding:20px;background:#040711b8;backdrop-filter:blur(6px)}#results.show{display:flex}.results-card{width:min(540px,96vw);max-height:92vh;overflow-y:auto;background:linear-gradient(135deg,#15202df5,#180f1bf5);border-top:3px solid var(--amber);padding:28px;text-align:center;box-shadow:0 20px 90px #0008}.results-card>small{font:10px var(--mono);letter-spacing:.18em;color:#d0a976}.results-card h2{font-style:italic;font-size:clamp(32px,7vw,56px);margin:18px 0 4px;color:#ffcf89}.results-card p{font:11px var(--mono);color:#b4bec9;margin-bottom:24px}#resultStats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}#resultStats div{font:9px var(--mono);color:#9ba5b4}#resultStats b{display:block;margin-top:8px;font-size:17px;color:#fff}#resultLaps{padding:10px 0;list-style:none;border-block:1px solid #ffffff20;margin:22px 0}#resultLaps li{display:flex;justify-content:space-between;padding:6px 8px;font:12px var(--mono);color:#cbd2dc}#resultLaps b{color:#ffcf89}.results-card button{margin:4px;padding:14px 20px}button{cursor:pointer}button:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(pointer:coarse){#steering,#driftButton{display:block}#pedals{display:flex}#keyHint{display:none}.speed{bottom:22px}#overload{bottom:195px}#driftButton{bottom:126px}}@media(pointer:fine){#overload{bottom:92px;right:24px}#minimap{bottom:80px}#overload b:after{content:" [N]"}}@media(max-width:620px){#timing{top:112px;left:14px;font-size:9px;min-width:135px;padding:7px 9px}#radioCall{top:210px;left:14px;min-width:180px}#corner{top:75px;font-size:12px;padding:6px 10px}#stageSelect{gap:6px}#courseSelect h1{margin:2px 0 12px}#courseSelect{padding-top:max(18px,env(safe-area-inset-top))}.mode-card,.difficulty-card{padding:9px 13px;font-size:10px}#drivingHelp{font-size:10px}#combo{font-size:16px}#keyHint{max-width:45%;font-size:8px}#resultStats b{font-size:13px}.results-card{padding:20px}}@media(max-height:500px){#courseSelect{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;align-content:start;padding:12px 28px}#courseSelect h1{font-size:28px;grid-column:1/-1;text-align:center;padding:0;margin:0;border:0}#modeSelect,#difficultySelect,#timeSelect,#carSelect{margin:0;justify-content:center}#stageSelect{width:100%;grid-column:1/-1;grid-template-columns:repeat(4,1fr);margin:4px 0}.stage-card{padding:8px}#drivingHelp{grid-column:1/-1;margin:0;font-size:9px}#enterGrid,#backToTitle{margin:0;padding:10px}#timing{top:64px;font-size:9px;min-width:135px}#radioCall{display:none}#corner{top:56px;font-size:11px}#audioToggle,#pauseButton{top:auto;bottom:10px;left:12px}#pauseButton{left:100px}#keyHint{display:none}#minimap{bottom:92px;width:85px}#combo{top:70%;font-size:17px}.results-card{padding:15px}.results-card h2{margin:8px 0;font-size:30px}#resultLaps{margin:10px 0;padding:3px}.results-card p{margin:8px 0}#resultLaps li{padding:3px}#overload{bottom:170px;height:44px}#driftButton{bottom:112px;height:44px}}.in-menu #hud{visibility:hidden}#title.hidden,#courseSelect.hidden{visibility:hidden;transition:opacity .25s,visibility 0s .25s}@media(pointer:coarse)and (max-width:620px){.speed{bottom:124px;width:120px}.speed span{font-size:42px}}#district{position:absolute;left:20px;top:202px;padding:5px 10px;border-left:2px solid #86c7b3;background:#0b1524b3;color:#c1e6d6;font:10px var(--mono);letter-spacing:.1em;font-style:normal}@media(max-width:620px){#district{left:14px;top:183px;font-size:8px;padding:4px 8px}}@media(max-height:500px){#district{top:133px;font-size:8px}}.replay-mode #steering,.replay-mode #pedals,.replay-mode #driftButton,.replay-mode #overload{visibility:hidden}.replay-mode #status{color:#ffdb9a;background:#101925c9;border-left:2px solid #ffb35c;padding:7px 12px;letter-spacing:.25em}