:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#f7faff;background:#0c1728;color-scheme:dark;--mint:#a9e6d6;--gold:#ffce63;--muted:#b8c6d8;--line:#304054}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0%,#16435380,transparent 48%),#0c1728}a{color:var(--mint);text-decoration:none}button,select{font:inherit}button{cursor:pointer;touch-action:manipulation}main{max-width:1240px;margin:auto;padding:38px 22px 24px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:var(--mint)}h1{font-size:clamp(36px,5vw,54px);color:var(--gold);letter-spacing:-1.8px;margin:12px 0}h1 span{font-size:.65em}p{color:var(--muted);line-height:1.65}.heading p{margin:0}.heading>a{font-size:13px;white-space:nowrap}.race-shell{background:#152338;border:1px solid var(--line);border-radius:22px;overflow:hidden}.stage{height:clamp(390px,55vw,600px);position:relative;background:#aad8cc;isolation:isolate}#scene{width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;top:18px;left:18px;right:18px;display:flex;gap:10px;pointer-events:none;z-index:1}.hud>div{background:#0c1728d9;border:1px solid #a9e6d644;border-radius:12px;padding:10px 16px;min-width:105px;font-size:10px;color:#c4d8e5}.hud strong{display:block;font-size:22px;color:var(--gold);margin-top:3px;font-variant-numeric:tabular-nums}.boost-meter{position:absolute;left:20px;bottom:20px;max-width:220px;background:#0c1728d9;padding:12px 16px;border-radius:12px;pointer-events:none;z-index:1}.boost-meter span{display:block;font-size:11px;color:var(--mint);margin-bottom:7px}progress{width:170px;height:8px;appearance:none;border:0;background:#20324a;border-radius:99px;overflow:hidden}progress::-webkit-progress-bar{background:#20324a}progress::-webkit-progress-value{background:#ffce63;border-radius:99px}progress::-moz-progress-bar{background:#ffce63}#minimap{position:absolute;bottom:16px;right:16px;width:130px;height:130px;background:#0c1728cf;border-radius:50%;border:1px solid #a9e6d650;pointer-events:none;z-index:1}.overlay{position:absolute;inset:0;z-index:3;background:linear-gradient(100deg,#0c1728f5,#0c1728c9);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px;text-align:center}.overlay[hidden]{display:none}.overlay h2{font-size:clamp(28px,4vw,42px);letter-spacing:-1.4px;margin:14px 0 4px}.overlay p{font-size:14px;max-width:530px;margin:10px 0 18px}.setup{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:min(100%,490px);margin-bottom:22px;text-align:left}.setup label{font-size:12px;color:#c6d5e7}select{display:block;width:100%;margin-top:8px;background:#152338;color:#f7faff;border:1px solid #4c6179;padding:12px;border-radius:10px}.primary{background:var(--gold)!important;color:#102443!important;border-color:var(--gold)!important;padding:14px 24px!important}.best{font-size:11px!important}.race-bar{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.race-bar p{font-size:12px;color:var(--mint);margin:0;flex:1 1 180px}.race-bar>div{display:flex;flex-wrap:wrap;gap:7px}button{background:#20324a;color:#f7faff;border:1px solid #405268;padding:11px 14px;border-radius:10px;min-height:44px;font-size:12px;font-weight:700}button:hover{filter:brightness(1.12)}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true]{background:var(--mint);color:#102443}.touch-controls{display:flex;justify-content:center;gap:10px;padding:18px 0}.touch-controls button{min-width:85px;font-size:18px;user-select:none;-webkit-user-select:none}.touch-controls button.held{background:#a9e6d6;color:#102443}.boost-button{color:var(--gold)}.under{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;margin:18px 0 30px}.under h2{font-size:21px;letter-spacing:-.5px}.under p{font-size:13px}.keys{color:var(--mint)}.auto{font-size:13px;display:flex;gap:9px;align-items:center;color:#dbe7f5}.auto input{width:18px;height:18px;accent-color:#a9e6d6}.small{font-size:11px!important}#standings{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:7px}#standings li{border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-size:12px;color:#c6d5e7}#standings li.player{color:#ffce63;border-color:#8c7546;background:#ffce6308}#race-cue{position:absolute;top:42%;left:0;right:0;text-align:center;pointer-events:none;color:#fff8dd;font-size:70px;font-weight:900;text-shadow:0 3px 18px #173b34;z-index:2}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px 0 0;font-size:11px;color:var(--muted)}button:focus-visible,select:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.stage:fullscreen{height:100vh;width:100vw}.stage:fullscreen .overlay{height:100%}@media(max-width:700px){main{padding:25px 12px}.heading{align-items:flex-start;flex-direction:column;gap:8px}.stage{height:480px}.hud{left:10px;right:10px;top:10px;gap:5px}.hud>div{min-width:0;flex:1;padding:8px;font-size:9px}.hud strong{font-size:18px}.boost-meter{left:10px;bottom:12px;padding:10px}progress{width:125px}#minimap{width:95px;height:95px;bottom:10px;right:10px}.race-bar{padding:12px}.race-bar>div{width:100%}.race-bar button{flex:1;font-size:10px;padding:9px}.setup{grid-template-columns:1fr;gap:9px;margin-bottom:16px}.overlay{padding:20px}.overlay>.eyebrow{font-size:9px;letter-spacing:1px}.overlay h2{font-size:28px;margin-top:12px}.overlay p{font-size:12px;margin:8px 0 12px}.overlay select{font-size:12px;padding:10px}.touch-controls{gap:7px}.touch-controls button{min-width:0;flex:1;padding:12px 6px;font-size:15px}.under{grid-template-columns:1fr;gap:12px}.best{margin-bottom:0!important}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.auto{margin-top:10px}.fullscreen-controls{display:none}.stage:fullscreen .fullscreen-controls{position:absolute;display:flex;gap:8px;bottom:20px;left:50%;transform:translateX(-50%);z-index:2}.fullscreen-controls button{background:#0c1728dc}.fullscreen-controls button.held{background:#a9e6d6;color:#102443}@media(max-width:700px){.stage:fullscreen .fullscreen-controls{bottom:120px;gap:4px;width:calc(100% - 20px);justify-content:center}.fullscreen-controls button{padding:10px 7px;font-size:11px;flex:1}}