:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#101513;color:#e9ede4;--muted:#a0aca2;--line:#303b32;--orange:#ff7847;--green:#c6e596}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#29312955,transparent 65%),#101513}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled,select:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--orange);outline-offset:4px}a{color:inherit;text-decoration:none}.drive-shell{max-width:1440px;margin:0 auto;padding:34px 44px 20px}.top-bar{display:flex;align-items:center;gap:48px;padding-bottom:30px;border-bottom:1px solid var(--line)}.wordmark{font-size:23px;font-weight:900;letter-spacing:-1.7px;line-height:.8;transform:skew(-6deg)}.wordmark>span{font-size:26px}.orange{color:var(--orange)}.eyebrow,.instrument-label{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700;color:var(--muted)}h1{font-size:27px;letter-spacing:-1px;margin:7px 0 0}.top-bar nav{margin-left:auto;display:flex;gap:24px;font-size:12px;color:var(--muted)}.top-bar nav a:hover{color:var(--orange)}.drive-layout{display:grid;grid-template-columns:248px minmax(0,1fr);gap:44px;margin-top:38px}.stage-panel h2{font-size:34px;letter-spacing:-1.6px;line-height:1.12;font-weight:600;margin:18px 0 30px}.stage-panel label{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}select{width:100%;background:#1c251f;color:#e9ede4;border:1px solid #435145;border-radius:3px;padding:12px 9px;font-size:12px;min-height:44px}.stage-identity{display:flex;align-items:center;gap:15px;margin:30px 0 14px}.stage-identity>span{font-size:40px;font-weight:300;color:var(--orange);letter-spacing:-2px}.stage-identity p{font-size:10px;text-transform:uppercase;letter-spacing:2px;margin:0 0 5px;color:var(--muted)}h3{margin:0;font-size:16px}.stage-note{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 25px}.build-note{display:flex;gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:25px}.status-dot{width:6px;height:6px;background:var(--green);border-radius:50%;display:inline-block;flex:none;margin-top:5px}.build-note strong{font-size:12px;font-weight:500}.build-note p{font-size:11px;line-height:1.75;color:var(--muted);margin:8px 0 0}.secondary,.primary{min-height:44px;border-radius:3px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:11px 16px}.secondary{background:transparent;border:1px solid #526052;color:#e9ede4;font-size:12px}.secondary:hover{background:#28372d}.stage-panel>.secondary{width:100%}.primary{background:var(--orange);border:0;color:#172218;font-weight:700;font-size:13px}.primary:hover{background:#ff996f}.game-column{min-width:0}.game-frame{position:relative;width:100%;background:#070c09;border:1px solid #49533f;border-radius:5px;overflow:hidden;box-shadow:0 18px 60px #0006}.hud{height:62px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 22px;background:#172019}.instrument-label{display:block;font-size:9px;margin-bottom:5px}#session-time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:21px;letter-spacing:1px;font-variant-numeric:tabular-nums}.speed-instrument{position:relative;width:140px;margin-left:auto;margin-right:8px;padding-right:23px}.speed-track{height:7px;background:#3b4837;margin-top:9px}#speed-bar{height:100%;width:0;background:var(--green)}#gear-label{position:absolute;right:0;bottom:-2px;font:10px ui-monospace,monospace;color:var(--green)}.pause-button{border:1px solid #526052;color:#e9ede4;background:transparent;width:34px;height:34px;font-size:17px;border-radius:2px}#drive-canvas{display:block;width:100%;aspect-ratio:368/232;image-rendering:pixelated;outline-offset:-3px}.drive-overlay{position:absolute;inset:62px 0 0;background:linear-gradient(90deg,#0b140ff0,#0b140f95);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:48px 10%}.drive-overlay h2{font-size:clamp(26px,3vw,42px);letter-spacing:-1.7px;line-height:1.06;max-width:400px;margin:15px 0}.drive-overlay p{font-size:13px;line-height:1.7;max-width:340px;color:#b6c3b8;margin:0 0 28px}.drive-overlay .eyebrow{color:var(--green)}[hidden]{display:none!important}.drive-status{display:flex;justify-content:space-between;padding:14px 2px;font-size:10px;letter-spacing:.5px;color:var(--muted)}.drive-status>span:first-child{display:flex;gap:8px}.drive-status .status-dot{margin-top:3px}.control-guide{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:20px 0 10px;font-size:10px;color:var(--muted);flex-wrap:wrap}kbd{display:inline-block;min-width:20px;text-align:center;font:10px ui-monospace,monospace;border:1px solid #465347;border-radius:3px;padding:3px 4px;margin:0 2px;color:#d3ddcc;background:#1b241d}.cruise-note{font-size:11px;color:var(--muted);line-height:1.6;margin:8px 0 0}.touch-controls{display:flex;justify-content:space-between;gap:16px;margin:7px 0 18px}.steering-buttons{display:flex;gap:10px}.touch-controls button{border:1px solid #4b5b4d;background:#233027;color:#e3ecd9;border-radius:4px;min-width:60px;min-height:48px;font-size:22px;touch-action:none;user-select:none;-webkit-user-select:none}.touch-controls .accelerator{font-size:11px;letter-spacing:1px;padding:0 20px;background:#b7d783;color:#172218;font-weight:700;border-color:#b7d783}.touch-controls button.pressed{background:var(--orange);border-color:var(--orange);color:#172218}footer{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);font-size:9px;letter-spacing:1px;color:#839185;text-transform:uppercase;display:flex;justify-content:space-between;gap:20px}@media(max-width:1000px){.drive-shell{padding:24px}.drive-layout{grid-template-columns:210px minmax(0,1fr);gap:24px}.top-bar{gap:30px}.stage-panel h2{font-size:29px}.drive-overlay{padding:30px 8%}}@media(max-width:740px){.drive-shell{padding:20px 16px}.top-bar{gap:24px;padding-bottom:22px}.wordmark{font-size:18px}.wordmark>span{font-size:21px}h1{font-size:21px}.top-bar nav{flex-direction:column;gap:8px;font-size:10px}.eyebrow{font-size:9px;letter-spacing:1.5px}.drive-layout{display:flex;flex-direction:column;gap:20px;margin-top:22px}.stage-panel{display:grid;grid-template-columns:1fr auto;gap:8px 16px}.stage-panel>.eyebrow,.stage-panel h2,.stage-panel>label,.stage-note,.stage-identity{display:none}.stage-panel select{grid-column:1}.stage-panel .secondary{grid-column:2;grid-row:1;padding:8px 12px}.stage-panel .secondary kbd{display:none}.build-note{grid-column:1/-1;border:0;margin:0;padding:6px 0}.build-note strong{display:none}.build-note p{margin:0;font-size:10px;line-height:1.6}.hud{height:54px;padding:10px 15px;gap:12px}.drive-overlay{inset:54px 0 0}.drive-overlay h2{font-size:30px;margin:10px 0}.drive-overlay p{font-size:11px;margin-bottom:17px}.speed-instrument{width:115px}.instrument-label{font-size:8px;letter-spacing:1px}#session-time{font-size:18px}.touch-controls button{min-width:70px;min-height:56px}.control-guide{font-size:9px;padding-top:16px;gap:10px}footer{font-size:8px;margin-top:26px}.cruise-note{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.auto-throttle{display:flex;align-items:center;gap:8px;font-size:11px;color:#d3ddcc;margin:4px 0 18px;cursor:pointer}.auto-throttle input{accent-color:var(--orange);width:16px;height:16px}.auto-throttle span{font-size:10px;color:var(--muted);margin-left:auto}
.race-options{display:grid;gap:10px}.race-options label{font-size:10px;color:var(--muted)}#rally-choice{display:grid;gap:10px}.text-button{border:0;padding:12px 0;color:var(--muted);background:none;text-align:left;font-size:11px;cursor:pointer}.text-button:hover{color:var(--orange)}.run-results{margin-top:30px;border-top:1px solid var(--line);padding-top:24px}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.results-heading h2{font-size:24px;letter-spacing:-.8px;margin:6px 0 20px}.results-heading .eyebrow{margin:0;font-size:9px}.results-heading>span{font:10px ui-monospace,monospace;color:var(--green);white-space:nowrap}.results-totals{display:flex;flex-wrap:wrap;gap:30px;padding:0 0 20px;font-size:10px;color:var(--muted)}.results-totals strong{display:block;margin-top:6px;font:17px ui-monospace,monospace;color:#e9ede4}.rally-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}.rally-progress>li{border:1px solid var(--line);border-radius:4px;padding:15px;background:#162019}.rally-progress>li.current{border-color:#71885d}.rally-progress>li.completed{border-color:#435b37}.rally-progress header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.rally-progress h3{font-size:13px}.rally-progress header>span{font:9px ui-monospace,monospace;color:var(--muted)}.rally-progress .current header>span,.rally-progress .completed header>span{color:var(--green)}.rally-progress ol{list-style:none;padding:0;display:grid;gap:9px}.rally-progress ol li{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px}.rally-progress ol li.active{color:var(--orange)}.rally-progress output{white-space:nowrap;font:10px ui-monospace,monospace;color:#e9ede4}.save-status{font-size:10px;color:var(--muted);line-height:1.7;margin:14px 0 0}.rally-progress.single-rally{grid-template-columns:1fr}@media(max-width:740px){.stage-panel{grid-template-columns:minmax(0,1fr) auto}.stage-panel .race-options{grid-column:1/-1;grid-row:1;grid-template-columns:1fr 1fr;gap:8px 12px}.race-options>label{display:none}.race-options>select{grid-column:auto}.race-options>select:first-of-type{grid-column:1}.race-options #rally-choice{grid-column:2;grid-row:1}.race-options #rally-choice label{display:none}.race-options:has(#rally-choice:not([hidden])) #stage-select{grid-column:1/-1}.stage-panel .secondary{grid-row:2;grid-column:2}.stage-panel .build-note{grid-column:1;grid-row:2}.stage-panel .text-button{grid-column:1/-1;padding:2px 0}.run-results{margin-top:24px}.results-heading h2{font-size:22px}.results-totals{gap:26px}.rally-progress>li{padding:13px}}@media(max-width:420px){.race-options>select{font-size:10px;padding:10px 7px}.stage-panel .build-note{grid-column:1/-1}.stage-panel .secondary{grid-row:3}.stage-panel .text-button{grid-column:1;grid-row:3}.rally-progress{grid-template-columns:1fr}.results-totals{justify-content:space-between;gap:14px}.results-totals strong{font-size:15px}.results-heading>span{font-size:9px}}
.score-instrument output{font:18px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--green);font-variant-numeric:tabular-nums}.time-warning{color:var(--orange)}.time-expired{color:#ff534b}.route-progress{display:flex;align-items:center;gap:9px;padding:16px 2px 0;color:var(--muted);font:8px ui-monospace,monospace;letter-spacing:.5px}.route-progress progress{appearance:none;-webkit-appearance:none;height:5px;flex:1;max-width:220px;border:0;background:#303b32;border-radius:2px;overflow:hidden}.route-progress progress::-webkit-progress-bar{background:#303b32}.route-progress progress::-webkit-progress-value{background:var(--green)}.route-progress progress::-moz-progress-bar{background:var(--green)}#best-time{margin-left:auto;text-align:right;text-transform:none;font:10px Arial,Helvetica,sans-serif;letter-spacing:0}@media(max-width:420px){.hud{gap:9px;padding:10px}.speed-instrument{width:83px;margin-right:0}.score-instrument output{font-size:14px}#session-time{font-size:18px}.pause-button{flex:none}.route-progress{gap:6px}#best-time{font-size:9px;max-width:90px}}
@media(max-width:420px){.drive-overlay{padding:16px 8%}.drive-overlay h2{font-size:26px;letter-spacing:-1px;margin:7px 0}.drive-overlay p{font-size:10px;margin-bottom:10px}.drive-overlay .eyebrow{font-size:8px}}
.pace-description{height:0;margin:0;overflow:hidden;font-size:0}
.sound-controls{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:10px;color:var(--muted)}.sound-controls button{min-width:80px;min-height:36px;border:1px solid #526052;border-radius:3px;background:#1c251f;color:var(--green);font-size:11px}.sound-controls button[aria-pressed=false]{color:var(--muted)}.sound-controls input{width:100px;min-width:50px;accent-color:var(--orange)}.sound-controls span{margin-left:auto;font-size:9px}.sound-status{font-size:10px;color:var(--orange);margin:0 0 12px}.sound-status:empty{display:none}@media(max-width:420px){.sound-controls{gap:8px}.sound-controls span{max-width:65px;line-height:1.4}.sound-controls input{width:80px}}

.standings{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.standings-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.standings-heading .eyebrow{font-size:9px;margin:0 0 8px}.standings-heading h3{font-size:20px;letter-spacing:-.5px}.standings-heading label{display:grid;gap:6px;color:var(--muted);font-size:10px}.standings-heading select{font-size:11px;min-width:155px}.standings table{width:100%;border-collapse:collapse;font-size:12px}.standings thead th{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:400;padding:10px 8px;text-align:left}.standings td,.standings tbody th{padding:11px 8px;border-top:1px solid var(--line);text-align:left}.standings tbody th{font-weight:400}.standings th strong{display:inline-block;min-width:42px;color:var(--green);font:13px ui-monospace,monospace}.standings th span{color:#c8d2c5}.standings td{font:11px ui-monospace,monospace;color:var(--muted)}.standings tr>*:nth-child(n+3){text-align:right;white-space:nowrap}.standings .player-row{background:#26372b}.standings .player-row strong,.standings .player-row td{color:var(--orange)}@media(max-width:560px){.standings-heading{align-items:flex-start;flex-direction:column;gap:14px}.standings-heading label{width:100%}.standings th span{display:block;font-size:10px;margin-top:4px}.standings td,.standings tbody th{padding:10px 6px}.standings-heading h3{font-size:18px}}