:root{color-scheme:dark;--ink:#eff6f8;--muted:#91a6b6;--lime:#ceff68;--panel:#10202bee;--border:#ffffff1a}*{box-sizing:border-box}body{margin:0;background:#101e2a;color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button:hover{filter:brightness(1.15)}#game,#game canvas,#vignette{position:fixed;inset:0;width:100%;height:100%}#vignette{pointer-events:none;background:linear-gradient(180deg,#03111c75,transparent 25%,transparent 66%,#03111caa)}header{position:absolute;top:28px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:25px;font-weight:850;letter-spacing:5px;display:flex;align-items:center;gap:13px}.brand-icon{background:var(--lime);color:#13222c;font-size:28px;font-style:italic;letter-spacing:-3px;clip-path:polygon(23% 0,100% 0,78% 100%,0 100%);width:43px;text-align:center;padding:5px 5px 5px 0}.brand-sub{display:block;font-size:8px;letter-spacing:2.3px;color:#c0d0d9;margin-top:3px}.session{position:absolute;left:50%;transform:translateX(-50%);height:42px;background:#0c1d2cbb;backdrop-filter:blur(15px);border:1px solid var(--border);border-radius:6px;padding:0 21px;display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:2px;font-weight:650}.session i,.eyebrow span{height:6px;width:6px;border-radius:50%;background:var(--lime)}.session strong{font-size:25px;font-weight:400}.divider{height:18px;width:1px;background:var(--border);margin:0 5px}.glass{background:#10202bc9;backdrop-filter:blur(15px);border:1px solid #c4dbe32b;border-radius:6px}.icon-button{padding:12px 15px;display:flex;align-items:center;gap:10px;font-size:20px}.icon-button span{font-size:10px;letter-spacing:1.5px;font-weight:600}.location{position:absolute;top:119px;left:36px;display:grid;gap:7px}.tiny{font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:600}.location b{font-size:12px;letter-spacing:2px}.location>span:last-child{font-size:9px;letter-spacing:1.4px;color:#d5e2e8}.location i{font-style:normal;padding:0 5px;color:var(--lime)}.welcome{position:absolute;left:7%;top:31%;max-width:470px}.eyebrow{display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:2.3px;color:#e4f1df}.welcome h1{font-size:clamp(45px,5.4vw,82px);line-height:1.02;letter-spacing:-3.5px;margin:24px 0;font-weight:750}.welcome em{font-style:normal;color:var(--lime)}.welcome p{font-size:14px;line-height:1.8;color:#d0dde4;margin:0 0 28px}.primary{background:var(--lime);color:#17242b;border-radius:4px;padding:18px 21px;display:flex;align-items:center;gap:65px;font-size:11px;font-weight:800;letter-spacing:1.5px;min-width:260px;justify-content:space-between}.primary:disabled{opacity:.65;cursor:wait}.primary>span:last-child{font-size:22px;line-height:12px}.welcome-foot{font-size:10px;color:#c2d0da;margin-top:17px;letter-spacing:.5px}.bottom-left{position:absolute;bottom:43px;left:36px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.garage-button{display:flex;align-items:center;gap:16px;padding:13px 18px;min-width:209px;text-align:left}.garage-button small{font-size:8px;letter-spacing:1.8px;display:block;color:#a4b9c7;margin-bottom:4px}.garage-button b{font-size:12px;letter-spacing:1.6px}.car-icon{font-size:26px;color:var(--lime);transform:skew(-15deg)}.switch-icon{margin-left:auto;font-size:22px;color:#a4b9c7}.camera-button{background:transparent;display:flex;align-items:center;gap:10px;padding:0;font-size:10px;letter-spacing:1.5px}.camera-button>span{width:7px;height:7px;border:1px solid var(--lime);border-radius:50%;background:var(--lime)}kbd{font-family:inherit;border:1px solid #ffffff35;background:#16273599;font-size:9px;padding:4px 6px;border-radius:3px;font-weight:500;white-space:nowrap}.camera-button kbd{margin-left:8px}.controls-hint{position:absolute;bottom:49px;left:50%;transform:translateX(-50%);display:flex;gap:17px;color:#d9e5e9;white-space:nowrap}.controls-hint span{display:flex;flex-direction:column;gap:8px;align-items:center;font-size:8px;letter-spacing:1px}.boost-widget{position:absolute;right:40px;bottom:46px;text-align:center}.boost-ring{width:139px;height:139px;border-radius:50%;padding:4px;background:conic-gradient(from 220deg,var(--lime) 0deg 280deg,#ffffff18 280deg 360deg);box-shadow:0 0 30px #c6ff4d0d}.boost-ring>div{border:5px solid #10202b;background:#10202bd9;border-radius:50%;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.boost-ring strong{font-size:48px;font-weight:300;line-height:1.05;letter-spacing:-3px}.boost-ring span{font-size:10px;letter-spacing:3px;margin:5px 0;color:#daeaee}.boost-ring small{font-size:7px;letter-spacing:1.5px;color:var(--lime)}.speed{margin-top:12px;font-size:8px;letter-spacing:1.7px;color:#bcccd6}.speed b{color:white;font-size:13px;font-weight:500}.engine-label{position:absolute;bottom:13px;right:36px;display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:1.2px;color:#9db3c3}.engine-label i{height:3px;width:3px;border-radius:50%;background:var(--lime)}#toast{position:absolute;left:50%;top:120px;transform:translateX(-50%);padding:12px 22px;background:#10202bd9;border:1px solid var(--border);border-radius:5px;font-size:12px;letter-spacing:1px;opacity:0;transition:opacity .2s;pointer-events:none}.jump-status{position:absolute;bottom:137px;left:50%;transform:translateX(-50%);color:var(--lime);font-size:10px;letter-spacing:2px;text-shadow:0 1px 5px #000}.welcome-active #vignette{background:linear-gradient(90deg,#081a2dde,transparent 80%),linear-gradient(0deg,#06151caa,transparent 30%)}.welcome-active .controls-hint{opacity:.55}dialog{background:var(--panel);color:var(--ink);backdrop-filter:blur(25px);border:1px solid #c9e3f22b;border-radius:14px;padding:32px;box-shadow:0 24px 100px #0007;max-height:85vh;overflow:auto}dialog::backdrop{background:#06101988;backdrop-filter:blur(7px)}#garage{width:min(920px,92vw)}#settings{width:min(560px,94vw)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top h2{font-size:34px;letter-spacing:-1px;font-weight:600;margin:8px 0}.dialog-top h2 span{color:var(--lime)}.close:not(.text-button){background:#ffffff0a;border:1px solid var(--border);border-radius:50%;height:34px;width:34px;color:#c4d6df}.muted{font-size:13px;color:var(--muted);margin:7px 0 28px}.car-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.car-card{border:1px solid var(--border);border-radius:7px;overflow:hidden;background:linear-gradient(145deg,#244557,#122430);padding:0;text-align:left;position:relative}.car-card.selected{border-color:var(--lime)}.car-card img{width:100%;aspect-ratio:1.45;object-fit:contain;display:block}.car-card .card-copy{padding:17px;border-top:1px solid var(--border)}.car-card h3{margin:0 0 8px;font-size:18px}.car-card p{font-size:11px;color:var(--muted);margin:0;line-height:1.6}.car-card .tag{display:inline-block;margin-top:18px;color:var(--lime);font-size:9px;letter-spacing:1px}.dialog-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);margin-top:27px;padding-top:22px;font-size:10px;color:var(--muted);gap:16px}.text-button{color:var(--lime);background:transparent;padding:0;font-size:10px;letter-spacing:1px}.tabs{display:flex;border-bottom:1px solid var(--border);margin:18px 0 20px;gap:25px}.tabs button{background:transparent;color:var(--muted);padding:10px 0 13px;font-size:12px}.tabs .active{color:var(--lime);border-bottom:2px solid var(--lime)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #ffffff08;font-size:12px}.setting-row label{flex:1}.setting-row output{min-width:36px;text-align:right;color:var(--lime);font-variant-numeric:tabular-nums}.setting-row input[type=range]{width:170px;accent-color:var(--lime)}.setting-row input[type=checkbox]{accent-color:var(--lime);width:17px;height:17px}.setting-row select{max-width:190px;background:#1c3343;border:1px solid var(--border);padding:7px;border-radius:4px}.bind{background:#223847;border:1px solid #ffffff20;min-width:100px;padding:6px 12px;border-radius:4px;font-size:11px}.help{font-size:11px;color:var(--muted);line-height:1.7;margin:16px 0}.training-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.training-actions button{padding:14px;background:#253c49;border-radius:5px;font-size:11px}.settings-sub{color:var(--lime);font-size:10px;letter-spacing:1px;margin:24px 0 4px}#pauseOverlay{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#091c2b55;gap:12px}#pauseOverlay[hidden]{display:none}#pauseOverlay b{letter-spacing:4px;font-size:25px}#pauseOverlay span{font-size:12px;color:#d3e0e7}@media(max-width:1000px){.controls-hint{display:none}.welcome{left:6%}.boost-ring{width:116px;height:116px}.boost-ring strong{font-size:38px}}@media(max-width:650px){header{left:18px;right:18px;top:18px}.brand{font-size:19px;gap:8px}.brand-sub{display:none}.session{padding:0 10px;gap:5px;font-size:8px;height:34px}.icon-button span{display:none}.icon-button{padding:7px 10px}.location{left:18px;top:92px}.bottom-left{left:18px;bottom:35px}.garage-button{min-width:165px;padding:10px}.boost-widget{right:18px;bottom:35px}.boost-ring{width:98px;height:98px}.boost-ring strong{font-size:31px}.engine-label{right:18px;font-size:6px}.welcome{top:28%}.welcome h1{font-size:49px}.welcome p{font-size:12px}.car-cards{grid-template-columns:1fr}.car-card{display:flex}.car-card img{width:43%;aspect-ratio:1.2}.car-card .card-copy{border:0}dialog{padding:22px}.setting-row input[type=range]{width:115px}.dialog-foot{font-size:9px}.jump-status{bottom:180px;font-size:9px}}
@media(max-height:650px){.welcome{top:25%}.welcome h1{font-size:42px;margin:12px 0;letter-spacing:-2px}.welcome p{font-size:12px;line-height:1.5;margin-bottom:14px}.welcome .primary{padding:14px 18px}.welcome-foot{margin-top:10px}.welcome-active .location{display:none}}@media(max-height:550px){.welcome p{display:none}.welcome h1{font-size:36px}.welcome-foot{display:none}.welcome{top:26%}}