:root{color-scheme:dark;--paper:#eef2ee;--muted:#9aa8b3;--faint:#647581;--line:#b6d9ee26;--panel:#071017ed;--cyan:#a2e7f2;--red:#ff4860;font-family:Arial,Helvetica,sans-serif;background:#030609;color:var(--paper)}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;overflow:hidden}button,select,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button,select{transition:background .16s,border-color .16s,color .16s}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{opacity:.32;cursor:default}button svg{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}button:hover:not(:disabled){color:#fff;border-color:#d5eaf36b}button:active:not(:disabled){background:#bdddeb18}small{font-size:10px;color:var(--muted)}kbd{font-family:inherit;font-size:10px;font-weight:400;color:#d3dfe5}#game{position:fixed;inset:0;width:100%;height:100%;display:block}#game.exterior{cursor:grab;touch-action:none}#game.dragging{cursor:grabbing}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(#000b,transparent 20%,transparent 71%,#000c),radial-gradient(ellipse,transparent 51%,#0004);z-index:1}
header{position:fixed;top:24px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:3}.brand{width:215px;height:30px;overflow:hidden;display:flex;align-items:center;flex-shrink:0}.brand img{width:132%;height:auto;max-width:none;margin-left:-16%;display:block}.locations{display:flex;gap:5px;align-items:center;padding:4px;background:#050a0d70;border:1px solid #b6d9ee16;backdrop-filter:blur(12px)}.locations button{min-width:101px;height:39px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:9px;background:transparent;border:1px solid transparent;color:#b1bdc6;font-size:12px;white-space:nowrap}.location-number{font-size:9px;letter-spacing:.6px;color:#718590}.locations button.active{border-color:#a2e7f261;background:#a2e7f210;color:#effbff}.locations button.active .location-number{color:var(--cyan)}.locations button[data-location=race].active{border-color:#bba5f76b;background:#bba5f712}.locations button[data-location=race].active .location-number{color:#cbb4ff}.utilities{display:flex;gap:5px;align-items:center}.utilities button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 9px;background:transparent;border:1px solid transparent;color:#aab8c1;font-size:11px}.utilities #sound[aria-pressed=true]{color:#778996}.utilities #music[aria-pressed=true]{color:#d1c1ff}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8197a6}
.entry-actions{position:fixed;bottom:92px;left:50%;transform:translateX(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:15px}.enter,.primary-button{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#e6eeeb;color:#10202a;border:1px solid #e6eeeb;padding:16px 22px;min-width:190px;font-size:13px;letter-spacing:.3px}.enter:hover,.primary-button:hover{background:white;color:#10202a!important}.enter span,.primary-button span{font-size:20px}.skip-intro{padding:7px 12px;background:#08121aa6;border:1px solid #a7c6d735;color:#b6c9d5;font-size:11px}.skip-intro span{margin-left:13px}body[data-phase=drive] .entry-actions{display:none}
.hud{position:fixed;inset:0;pointer-events:none;z-index:3;transition:opacity .6s}.hud-bar{position:absolute;bottom:27px;left:32px;right:32px;display:grid;grid-template-columns:172px minmax(300px,1fr) 303px;align-items:end;gap:24px}.speed-panel{width:172px}.speed-row{display:flex;align-items:baseline;gap:10px}#speed{font-size:62px;line-height:.96;font-weight:300;letter-spacing:-3px;font-variant-numeric:tabular-nums}.unit{font-size:10px;letter-spacing:1.5px;color:#a0b0ba}.speed-line{height:2px;background:#b4d1df26;margin:13px 0 10px}.speed-line i{display:block;height:100%;background:#e7f2f5;width:0;box-shadow:0 0 8px #d0f1ff33}.small-stat{display:flex;justify-content:space-between;color:#91a5b2;font-size:10px;letter-spacing:1px}.small-stat b{font-weight:400;color:#c4d4dd}.small-stat #gear{color:var(--paper)}.drive-actions{display:flex;flex-direction:column;align-items:center;gap:13px;padding-bottom:1px}.bottom-controls{display:flex;justify-content:center;align-items:center;gap:5px;pointer-events:auto}.bottom-controls button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 10px;background:#08121c80;border:1px solid #c3dceb22;color:#b7c7d0;font-size:11px;white-space:nowrap;backdrop-filter:blur(8px)}#car-controls-toggle[aria-expanded=true],#recenter.active{color:var(--cyan);border-color:#a2e7f269;background:#a2e7f217}.key-hints{display:flex;align-items:center;justify-content:center;gap:13px;color:#8297a5;font-size:9px;white-space:nowrap}.key-hints span{display:flex;align-items:center;gap:5px}.key-hints kbd{font-size:9px;color:#b2c4ce;letter-spacing:.4px}.power-panel{display:flex;align-items:flex-end;justify-content:flex-end;gap:18px}.drive-modes{display:flex;gap:6px;padding-bottom:1px}.mode-button{min-width:65px;min-height:52px;padding:8px 11px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;background:#071018c4;border:1px solid #b6d9ee2b;pointer-events:auto;font-size:12px;color:#b4c6d0;backdrop-filter:blur(8px)}.mode-state::before{content:'OFF';font-size:8px;font-weight:500;letter-spacing:1px;color:#8296a4}[aria-pressed=true] .mode-state::before{content:'ON';color:var(--cyan)}.mode-button[aria-pressed=true]{border-color:#a2e7f27a;background:#70cfe121;color:#e0fbff;box-shadow:0 0 16px #75dbf00a}#drift[aria-pressed=true]{border-color:#e2ba757a;background:#e2ba7517;color:#f0d6ac}#drift[aria-pressed=true] .mode-state::before{color:#eac58a}.power-data{width:138px}.gas-heading,.altitude-row{display:flex;align-items:baseline;justify-content:space-between;font-size:10px;letter-spacing:.8px;color:#a0b3bf}.gas-heading b{font-size:17px;font-weight:400;letter-spacing:0;color:#e4eff1;font-variant-numeric:tabular-nums}.gas-heading small{margin-left:2px}#power-symbol{font-size:12px;color:var(--cyan);margin-right:4px}.fuel{height:3px;background:#aadcee24;margin:10px 0 12px}.fuel i{height:100%;width:100%;display:block;background:var(--cyan);box-shadow:0 0 10px #b7f4ff33;transition:width .08s}#altitude{font-size:12px;color:#c2d1da;font-variant-numeric:tabular-nums;letter-spacing:0}#altitude small{font-size:9px;margin-left:2px}
#race-telemetry{position:absolute;top:91px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:19px;padding:10px 16px;background:#061019bd;border:1px solid #b6d9ee20;backdrop-filter:blur(10px);white-space:nowrap}.current-lap{display:flex;align-items:center;gap:12px}#lap{font-size:10px;letter-spacing:1px;color:#bacbd5}#lap-time{font-size:22px;letter-spacing:.2px;color:var(--paper);font-variant-numeric:tabular-nums}.lap-history{display:flex;gap:12px;padding-left:15px;border-left:1px solid var(--line)}.lap-history>span{display:flex;flex-direction:column;gap:4px;font-size:8px;letter-spacing:1px;color:#849ba9}.lap-history output{font-size:11px;letter-spacing:0;font-variant-numeric:tabular-nums;color:#c6d8e2}#lap-validity{font-size:9px;color:#a6d6c6;letter-spacing:.2px}#lap-validity.invalid{color:#f3b59e}
.car-controls-panel{position:absolute;right:32px;bottom:117px;width:340px;padding:18px;background:var(--panel);border:1px solid #b6d9ee36;box-shadow:0 12px 45px #0005;pointer-events:auto;backdrop-filter:blur(16px)}.panel-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading{margin-bottom:16px}.panel-heading h2{margin:0;font-size:14px;font-weight:400;color:#e0eaf0}.panel-heading>span{font-size:9px;letter-spacing:1px;color:#7f97a6}.car-toggles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.car-toggles button{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px;background:#a2c4da06;border:1px solid var(--line);font-size:11px;color:#b8cad6}.car-toggles button[aria-pressed=true]{background:#a2e7f211;border-color:#a2e7f259;color:#d8f4f9}.car-toggles .mode-state,.door-state{margin-left:auto}.door-state::before{content:'CLOSED';font-size:8px;letter-spacing:.4px;color:#7e94a2}#doors[aria-pressed=true] .door-state::before{content:'OPEN';color:var(--cyan)}.fan.locked svg{animation:spin 3s linear infinite}.aero-controls{margin-top:19px}.section-heading{margin-bottom:9px;font-size:10px;color:#9eb3c2}.section-heading button{background:transparent;border:0;padding:3px;color:#a4c8d7;font-size:10px}.section-heading button span{font-size:14px;margin-left:5px}.wing-positions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.wing-positions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:65px;padding:8px 3px;background:#ffffff03;border:1px solid #b6d9ee21;color:#9eb2c1;font-size:9px;line-height:1.3;text-align:center}.wing-positions button[aria-pressed=true]{color:#d9f9ff;border-color:#a2e7f27a;background:#a2e7f214}.wing-positions svg{width:23px;height:23px}#wing-adjustment{display:flex;align-items:center;justify-content:space-between;margin-top:12px;border-top:1px solid #b6d9ee1c;padding-top:12px;font-size:10px;color:#9eb3c2}#wing-adjustment>div{display:flex;align-items:center;gap:9px}#wing-adjustment button{display:grid;place-items:center;width:29px;height:27px;background:#a2e7f209;border:1px solid var(--line);font-size:16px}#wing-angle{min-width:29px;text-align:center;color:#e0edf2;font-size:12px;font-variant-numeric:tabular-nums}.panel-note{margin:15px 0 0;color:#7f97a7;font-size:10px;line-height:1.5}
#race-music{position:fixed;right:30px;top:108px;width:320px;background:#060d15ed;border:1px solid #b6d9ee2c;z-index:4;box-shadow:0 10px 30px #0004}.music-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px}.music-heading>div{display:flex;flex-direction:column;gap:5px;min-width:0}.music-heading a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c8d6df;text-decoration:none;font-size:11px}.music-heading button{flex-shrink:0;width:26px;height:28px;padding:0;background:transparent;border:1px solid transparent;color:#a3b7c5;font-size:22px;line-height:1}#music-player,#race-music iframe{display:block;width:100%;height:200px;min-height:200px;border:0}#music-play{margin:10px 12px;padding:8px 12px;background:#a2e7f214;border:1px solid #a2e7f25e;color:#dceff5;font-size:11px}
#notice{position:fixed;top:151px;left:50%;transform:translateX(-50%);max-width:460px;z-index:4;color:#c7eaf4;background:#07131bba;border:1px solid #bddfeb26;padding:9px 14px;font-size:11px;letter-spacing:.6px;text-align:center;opacity:0;transition:opacity .2s;pointer-events:none}#notice.visible{opacity:1}#status-dot{position:fixed;bottom:11px;left:50%;width:3px;height:3px;border-radius:50%;background:#b7d5e0;opacity:.3;z-index:4}body[data-phase=intro] .hud,body[data-phase=intro] .locations{opacity:0;pointer-events:none}body[data-phase=intro] .hud button{pointer-events:none}body.is-boosting .vignette{box-shadow:inset 0 0 100px #62caff13}body.is-boosting #speed{color:#d5f5fc}body.is-boosting .fuel i{background:#e9fcff}
#pause{position:fixed;inset:0;display:grid;place-items:center;background:#020609b3;z-index:6;backdrop-filter:blur(9px);padding:24px}.pause-card{width:min(386px,90vw);max-height:90vh;overflow:auto;background:#08131bed;border:1px solid #bdd9eb36;padding:29px;box-shadow:0 24px 90px #0006}.pause-heading{margin-bottom:25px}.pause-heading h1{font-size:27px;font-weight:400;letter-spacing:-.4px;margin:9px 0 0}.primary-button{width:100%;min-height:48px;padding:12px 15px}.pause-actions{display:flex;gap:8px;margin:9px 0 24px}.pause-actions button{flex:1;min-height:39px;padding:8px;background:#b4d7e808;border:1px solid #b6d9ee2c;color:#b8cbd8;font-size:11px}.pause-settings{display:flex;flex-direction:column;gap:18px;padding-top:21px;border-top:1px solid var(--line)}.quality-row,.volume-row{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#aabecb;font-size:11px}.quality-row select{width:117px;min-height:33px;background:#101d28;border:1px solid #b6d9ee32;padding:5px 9px;color:#d8e8ef;font-size:11px}.volume-row input{width:130px;height:18px;margin:0;accent-color:#a2e7f2;cursor:pointer}.pause-hint{display:flex;align-items:center;justify-content:center;gap:7px;margin:23px 0 0;color:#758c9b;font-size:10px}.pause-hint kbd{border:1px solid #b6d9ee24;padding:3px 5px;font-size:9px;color:#9db3c1}
dialog{padding:28px;background:#08131bf5;border:1px solid #bdd9eb36;color:#b9cbd7;backdrop-filter:blur(18px);width:min(430px,90vw);max-height:88vh;overflow:auto;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#020609b3}dialog h1{font-size:19px;font-weight:400;margin:0 0 25px;color:#e3edf2}dialog .close{position:absolute;right:13px;top:10px;width:30px;height:30px;background:transparent;border:1px solid transparent;font-size:23px;font-weight:400;color:#a6bac8}.control-grid{display:grid;grid-template-columns:1fr auto;gap:11px 22px;font-size:11px}.control-grid kbd{text-align:right;font-size:10px;color:#d3e3ec}dialog p{font-size:11px;line-height:1.65;color:#a0c6d6;border-top:1px solid var(--line);margin:23px 0 18px;padding-top:18px}dialog footer{font-size:10px;line-height:1.9;color:#7c96a7}dialog a{color:#a3c7d8;text-decoration:none}#error{position:fixed;z-index:10;top:40%;left:10%;right:10%;padding:30px;background:#111c25;border:1px solid #738595;color:#fff;line-height:1.6;text-align:center}.fade{position:fixed;inset:0;z-index:8;background:#020508;pointer-events:none;opacity:0;transition:opacity .25s}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1180px){header{left:24px;right:24px;gap:16px}.brand{width:185px}.locations button{min-width:87px;padding:0 9px;gap:6px}.utilities button span{display:none}.utilities button{width:35px;padding:6px}.hud-bar{left:25px;right:25px;grid-template-columns:145px minmax(280px,1fr) 270px;gap:18px}.speed-panel{width:145px}.power-panel{gap:12px}.power-data{width:120px}.mode-button{min-width:61px;padding:8px}.key-hints{gap:9px}.key-hints span{font-size:0}.key-hints kbd{font-size:9px}.bottom-controls button{padding:8px;font-size:10px;gap:6px}.car-controls-panel{right:25px}#race-music{right:24px;width:288px}#race-telemetry{left:43%}}
@media(max-width:920px){header{top:18px;left:21px;right:21px;align-items:flex-start}.brand{width:172px;height:31px}.locations{position:absolute;top:50px;left:50%;transform:translateX(-50%)}.locations button{min-width:90px}.utilities{padding-top:1px}.hud-bar{grid-template-columns:125px 1fr 250px;gap:12px;left:22px;right:22px;bottom:22px}.speed-panel{width:125px}#speed{font-size:53px}.drive-actions{gap:10px}.bottom-controls{flex-wrap:wrap;gap:4px;max-width:220px}.bottom-controls button{min-height:33px}.bottom-controls button svg{width:16px;height:16px}.key-hints{display:none}.power-panel{gap:9px}.mode-button{min-width:57px;padding:8px 6px}.power-data{width:111px}.car-controls-panel{right:22px;bottom:116px;width:330px}#race-telemetry{top:122px;left:50%;gap:14px;padding:9px 12px}#race-music{right:21px;top:188px;width:260px}#notice{top:176px}.entry-actions{bottom:75px}}
@media(max-height:650px){header{top:17px}.hud-bar{bottom:18px}.entry-actions{bottom:63px}.car-controls-panel{bottom:105px;padding:15px}.panel-heading{margin-bottom:12px}.aero-controls{margin-top:14px}.panel-note{margin-top:11px}.pause-card{padding:22px}.pause-heading{margin-bottom:18px}.pause-actions{margin-bottom:17px}.pause-settings{padding-top:16px;gap:14px}#race-music{top:98px}#race-telemetry{top:81px}#notice{top:140px}}
@media(max-width:740px){header{left:16px;right:16px}.locations button{min-width:79px;font-size:11px}.hud-bar{left:17px;right:17px;grid-template-columns:110px 1fr 236px}.speed-panel{width:110px}.bottom-controls button span{display:none}.bottom-controls #car-controls-toggle span{display:inline}.bottom-controls #car-controls-toggle{font-size:9px}.power-data{width:103px}.power-panel{gap:6px}.mode-button{min-width:55px}.lap-history{gap:8px;padding-left:11px}#race-telemetry{gap:11px}#lap-time{font-size:19px}#race-music{width:240px;right:16px}.car-controls-panel{right:17px;width:326px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.locations{position:absolute;left:50%;transform:translateX(-50%)}
.intro-screen{position:fixed;inset:0;z-index:2;overflow:hidden;background:#030609;pointer-events:none}.intro-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:brightness(.72) saturate(.72)}.intro-screen::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#02070b66,transparent 25%,#02070b1a 55%,#02070bcc),linear-gradient(90deg,#02070b3d,transparent 62%)}.intro-caption{position:absolute;left:40px;bottom:105px;z-index:1;max-width:310px}.intro-caption .eyebrow{color:#a7bdc9;font-size:9px;letter-spacing:2px}.intro-caption h1{margin:10px 0 12px;font-size:34px;font-weight:400;letter-spacing:-.6px;color:#edf2ef}.intro-caption p{margin:0;max-width:260px;font-size:12px;line-height:1.7;color:#9fb3c0}body[data-phase=drive] .intro-screen{display:none}
@media(max-width:920px){.intro-caption{left:25px;bottom:190px}.intro-caption h1{font-size:29px}.intro-caption p{font-size:11px}.intro-screen img{object-position:58% center}}
@media(max-height:650px){.intro-caption{bottom:77px;left:30px}.intro-caption h1{font-size:28px}}

#pause-courses{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:-12px 0 20px;padding:10px;background:#01080e60;border:1px solid #b6d9ee20}#pause-courses button{display:flex;align-items:center;gap:9px;min-height:37px;padding:8px 10px;background:transparent;border:1px solid #b6d9ee21;color:#b9cbd7;font-size:11px;text-align:left}#pause-courses button.active{color:#e0f6fc;border-color:#a2e7f26b;background:#a2e7f210}#pause-courses button.active .location-number{color:var(--cyan)}

.utilities #about-open{width:auto;padding:7px 10px;color:#aab8c1;font-size:11px}#about-dialog{width:min(600px,91vw);padding:31px 34px 28px;scrollbar-color:#36515f transparent}#about-dialog h2{margin:11px 0 9px;color:#e9f0f2;font-weight:400;font-size:28px;letter-spacing:-.4px}#about-dialog .about-lead{font-size:14px;line-height:1.6;color:#c4e0e9;margin:0 0 20px}#about-dialog p{border:0;padding:0;margin:10px 0 18px;font-size:12px;line-height:1.8;color:#a8bdca}#about-dialog h3{margin:25px 0 12px;font-size:14px;line-height:1.5;font-weight:400;color:#d9e9ef}#about-dialog h4{margin:21px 0 7px;font-size:12px;line-height:1.6;font-weight:400;color:#c8dce6}#about-dialog kbd{display:inline-block;font-size:10px;padding:0 4px;border:1px solid #b6d9ee24;background:#b6d9ee06;color:#d6e8ee;white-space:nowrap}#about-dialog .about-faq{border-top:1px solid var(--line);margin-top:24px}#about-dialog footer{padding-top:18px;border-top:1px solid var(--line);margin-top:23px;font-size:11px}#about-dialog a{text-decoration:underline;text-underline-offset:3px}#about-dialog a:hover{color:#dbf7ff}@media(max-width:740px){#about-dialog{padding:27px 23px 24px}}

/* Keep the road clear; Garage is the one prominent setup action. */
:root{--panel:#111417f5;--line:#ffffff21;--cyan:#dce8eb}
.locations{background:#090b0dcc;border-color:#ffffff14;backdrop-filter:blur(8px)}
.locations button.active{border-color:#ffffff30;background:#ffffff0a}
.locations button.active .location-number{color:#ff5364}
.hud-bar{grid-template-columns:150px minmax(340px,1fr) 210px;gap:24px}
.speed-panel{width:150px}
.bottom-controls{gap:6px;flex-wrap:nowrap;max-width:none}
.bottom-controls button{border-color:transparent;background:#0b0e10a8;border-radius:5px;min-height:40px;padding:10px}
.bottom-controls button:hover{background:#ffffff12}
.bottom-controls #car-controls-toggle{gap:11px;min-height:52px;margin-left:7px;padding:10px 17px;background:#eeeae3;border:1px solid #eeeae3;color:#15191c;border-radius:5px;box-shadow:0 4px 16px #0003}
.bottom-controls #car-controls-toggle:hover,.bottom-controls #car-controls-toggle[aria-expanded=true]{background:#fff;border-color:#fff;color:#111}
#car-controls-toggle>svg{width:22px;height:22px;stroke-width:1.5}
.garage-trigger-label{display:flex;flex-direction:column;gap:4px;text-align:left}
.garage-trigger-label strong{font-size:13px;font-weight:600;letter-spacing:.15px}
.garage-trigger-label small{font-size:9px;color:#555b61;letter-spacing:.1px}
.power-panel{gap:11px;align-items:center}
.power-data{width:100px;flex-shrink:0}
.mode-summary{display:flex;flex-direction:column;gap:7px;align-items:flex-end;text-align:right;font-size:10px;color:#a5afb5;line-height:1.3;max-width:100px}
.mode-summary .enabled{color:#f3d7b1}
#wing-summary{font-size:9px;color:#a5afb5}
.fuel i{box-shadow:none;background:#e4e8e9}
.key-hints{color:#a5afb5;gap:13px}
.key-hints kbd{color:#d6dde0}
.car-controls-panel{right:auto;left:30px;bottom:125px;width:352px;max-height:calc(100dvh - 213px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4a5055 transparent;padding:18px;border:1px solid #ffffff24;border-radius:9px;background:#111416f5;backdrop-filter:blur(16px);box-shadow:0 18px 60px #0006}
.panel-heading{margin-bottom:16px}
.panel-heading h2{font-size:22px;font-weight:500;letter-spacing:-.5px;color:#f1f0ed}
#car-controls-close{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff1c;border-radius:50%;background:transparent;color:#b8bec2;font-size:22px;line-height:1}
#car-controls-close:hover{background:#ffffff12;color:#fff}
.garage-section+.garage-section{border-top:1px solid #ffffff16;margin-top:14px;padding-top:14px}
.garage-section .section-heading{margin-bottom:10px}
.garage-section h3{margin:0;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:1.3px;color:#b3babf}
.garage-section .section-heading>span{font-size:9px;color:#939da4}
.car-toggles{display:flex;flex-direction:column;gap:0}
.car-toggles button{flex-direction:row;justify-content:space-between;align-items:center;min-height:49px;border:0;border-radius:4px;border-bottom:1px solid #ffffff0b;background:transparent;padding:7px 0;gap:12px;color:#dbe0e3;text-align:left;backdrop-filter:none;box-shadow:none}
.car-toggles button:hover{background:#ffffff08}
.car-toggles button[aria-pressed=true],#drift[aria-pressed=true]{background:transparent;border-color:#ffffff0b;color:#eee;box-shadow:none}
.setting-label{display:flex;flex-direction:column;gap:5px}
.setting-label strong{font-size:12px;font-weight:500}
.setting-label small{font-size:10px;color:#8f9aa2}
.car-toggles .mode-state{position:relative;width:32px;height:18px;flex-shrink:0;border-radius:20px;background:#383e43;border:1px solid #535b60}
.car-toggles .mode-state::before{content:'';position:absolute;left:3px;top:3px;width:10px;height:10px;border-radius:50%;background:#8c969c;transition:transform .16s}
.car-toggles [aria-pressed=true] .mode-state{background:#e8e7e2;border-color:#e8e7e2}
.car-toggles [aria-pressed=true] .mode-state::before{content:'';transform:translateX(13px);background:#1a2024}
.aero-controls{margin-top:0}
.section-heading button{color:#b7c1c6}
.wing-positions{grid-template-columns:repeat(5,1fr);gap:4px}
.wing-positions button{min-height:58px;border-color:#ffffff19;border-radius:4px;background:#ffffff03;color:#a0adb5;font-size:9px;gap:6px}
.wing-positions button[aria-pressed=true]{background:#e8e7e2;color:#171d21;border-color:#e8e7e2}
.wing-positions button[aria-pressed=true]:hover{color:#111;background:#fff}
.panel-note{font-size:10px;color:#929da4;margin-top:11px;line-height:1.5}
.door-controls button{min-height:43px;border:0;justify-content:flex-start;font-size:11px}
.door-state::before{color:#a4afb6}
#wing-adjustment{border-color:#ffffff16}
#status-dot{display:none}
body[data-phase=intro] .hud,body[data-phase=intro] .locations{visibility:hidden}
body[data-phase=intro] .utilities #help{display:none}
.intro-caption{left:40px;bottom:165px;max-width:400px}
.intro-caption h1{font-size:42px;font-weight:500;letter-spacing:-1.4px;margin:10px 0}
.intro-caption p{font-size:14px;color:#c0c7cb}
.entry-actions{left:40px;bottom:86px;transform:none;align-items:flex-start}
.enter{min-width:227px;padding:16px 19px;border-radius:4px;font-weight:500;background:#eeeae3;border-color:#eeeae3;color:#15191c}
body:has(#intro-screen[hidden]) .entry-actions{left:50%;transform:translateX(-50%);align-items:center}
@media(max-width:1180px){.hud-bar{grid-template-columns:130px minmax(310px,1fr) 190px;left:25px;right:25px;gap:15px}.speed-panel{width:130px}.power-data{width:92px}.mode-summary{max-width:92px}.bottom-controls button{padding:8px}.car-controls-panel{left:25px}.garage-trigger-label small{font-size:8px}}
@media(max-width:920px){.hud-bar{grid-template-columns:110px 1fr 170px;gap:10px;left:22px;right:22px}.speed-panel{width:110px}.bottom-controls button:not(#car-controls-toggle) span{display:none}.bottom-controls #car-controls-toggle{padding:9px 11px;margin-left:3px;min-height:47px}.garage-trigger-label strong{font-size:12px}.power-panel{gap:9px}.power-data{width:85px}.mode-summary{font-size:8px;max-width:80px}.car-controls-panel{left:22px;bottom:113px;max-height:calc(100dvh - 232px);width:340px;padding:19px}.intro-caption{left:25px;bottom:160px}.intro-caption h1{font-size:37px}.entry-actions{left:25px;bottom:82px}.intro-caption p{font-size:13px}}
@media(max-width:740px){.hud-bar{grid-template-columns:85px 1fr 87px;left:16px;right:16px;gap:8px}.speed-panel{width:85px}#speed{font-size:43px}.power-panel{display:block}.mode-summary{display:none}.bottom-controls #car-controls-toggle span{display:flex}.bottom-controls #car-controls-toggle{gap:7px;padding:9px 12px}.bottom-controls #car-controls-toggle>svg{display:none}.garage-trigger-label small{display:none}.bottom-controls button{min-width:32px;padding:6px}.car-controls-panel{left:16px;right:16px;width:min(340px,calc(100% - 32px))}.intro-caption h1{font-size:34px}}
@media(max-height:650px){.car-controls-panel{bottom:100px;max-height:calc(100dvh - 181px);padding:17px}.panel-heading{margin-bottom:15px}.garage-section+.garage-section{margin-top:14px;padding-top:13px}.car-toggles button{min-height:49px}.intro-caption{bottom:130px;left:30px}.intro-caption h1{font-size:32px}.entry-actions{bottom:55px;left:30px}}