@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@500;700&display=swap');
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#07090a;color:#fff;font-family:Inter,Arial,sans-serif}#game{display:block;width:100%;height:100%}.race-top{position:fixed;z-index:5;left:0;right:0;top:0;height:72px;display:grid;grid-template-columns:150px 1fr auto;align-items:center;padding:0 24px;background:linear-gradient(#090b0de8,#090b0d80,transparent);pointer-events:none}.back,.course-select{pointer-events:auto}.back{color:#ffb02e;text-decoration:none;font:700 10px Inter;letter-spacing:1.4px}.race-title span,.race-title b{display:block}.race-title span{font-size:8px;color:#747a7f;letter-spacing:1.5px}.race-title b{font:700 23px 'Barlow Condensed';text-transform:uppercase;margin-top:3px}.course-select{font-size:7px;color:#73797d;letter-spacing:1.2px}.course-select select{display:block;margin-top:4px;border:1px solid #ffffff28;background:#121517;color:#fff;padding:8px 30px 8px 10px;font:600 11px Inter}.telemetry{position:fixed;z-index:5;left:24px;bottom:30px;display:flex;align-items:end;gap:1px}.telemetry>div{height:61px;min-width:100px;padding:11px 14px;background:#090b0dde;border-top:1px solid #ffffff25}.telemetry span{display:block;color:#747a7e;font-size:7px;letter-spacing:1.2px;margin-bottom:8px}.telemetry b{font:600 17px 'Barlow Condensed'}.telemetry .speed{height:86px;min-width:125px;border-top:2px solid #ffb02e;display:flex;align-items:baseline;gap:7px;padding-top:9px}.speed strong{font:800 52px/.9 'Barlow Condensed'}.speed span{color:#ffb02e;margin:0}.physics-card{position:fixed;z-index:5;right:24px;bottom:30px;width:205px;background:#090b0dde;border:1px solid #ffffff18;padding:13px}.physics-card>span{display:block;color:#ffb02e;font-size:7px;letter-spacing:1.4px;margin-bottom:9px}.physics-card div{font:500 9px/1.7 Inter;color:#9ca1a4}.controls{position:fixed;z-index:5;left:50%;bottom:8px;transform:translateX(-50%);white-space:nowrap;color:#666d72;font-size:7px;letter-spacing:.8px}.controls b{color:#d9dcde;margin-left:11px}.countdown{position:fixed;z-index:8;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#080a0b55;pointer-events:none;transition:.3s}.countdown strong{font:800 140px/.8 'Barlow Condensed';color:#ffb02e;text-shadow:0 10px 50px #000}.countdown span{font-size:10px;letter-spacing:4px;margin-top:20px}.countdown.hidden{opacity:0}.webgl-error{position:fixed;z-index:20;inset:0;background:#0b0d0f;display:none;place-content:center;text-align:center}.webgl-error.show{display:grid}.webgl-error b,.webgl-error span,.webgl-error a{display:block}.webgl-error b{font:700 35px 'Barlow Condensed'}.webgl-error span{color:#777;margin:10px}.webgl-error a{color:#ffb02e;margin-top:15px}@media(max-width:720px){.race-top{grid-template-columns:70px 1fr;padding:0 12px}.course-select{position:fixed;right:10px;top:80px}.race-title b{font-size:17px}.telemetry{left:8px;bottom:35px;right:8px}.telemetry>div{min-width:0;flex:1;padding:8px}.telemetry .speed{min-width:90px}.physics-card{display:none}.controls{font-size:6px}.controls b{margin-left:5px}}
.sim-loading{position:fixed;z-index:90;inset:0;display:grid;place-items:center;background:#07090a;transition:.35s}.sim-loading.hidden{opacity:0;pointer-events:none}.sim-loading div{border:1px solid rgba(255,176,46,.35);background:#101315;padding:24px 30px;text-align:center;box-shadow:0 24px 90px #000}.sim-loading span,.sim-loading b,.sim-loading small{display:block}.sim-loading span{color:#ffb02e;font-size:9px;font-weight:900;letter-spacing:2px}.sim-loading b{font:800 38px 'Barlow Condensed';text-transform:uppercase;margin:6px 0}.sim-loading small{color:#888;font-size:10px}
.race-top{grid-template-columns:150px 1fr auto auto auto auto;gap:10px}.camera-button{pointer-events:auto;height:34px;border:1px solid #ffffff28;background:#121517;color:#d6d9da;padding:0 10px;font:700 8px Inter;letter-spacing:1px;cursor:pointer}.camera-button:hover,.radio-toggle.active{border-color:#ffb02e;color:#ffb02e}@media(max-width:1000px){.race-top{grid-template-columns:70px 1fr auto;gap:8px}.course-select{top:122px}.camera-button{font-size:7px;padding:0 7px}}
.radio-card{position:fixed;z-index:5;right:24px;bottom:145px;width:205px;background:#090b0dde;border:1px solid #ffffff18;padding:13px}.radio-card span{display:block;color:#ffb02e;font-size:7px;letter-spacing:1.4px;margin-bottom:8px}.radio-card b{display:block;font:700 14px 'Barlow Condensed';text-transform:uppercase;color:#fff}.radio-card small{display:block;margin-top:5px;color:#8f969b;font-size:8px;line-height:1.4}@media(max-width:720px){.radio-card{display:none}}
.cpu-picker{position:fixed;z-index:15;top:86px;right:24px;width:430px;max-width:calc(100vw - 32px);height:610px;max-height:calc(100vh - 116px);background:#090b0df2;border:1px solid #ffffff20;box-shadow:0 24px 80px #000b;display:none;grid-template-rows:auto auto auto 1fr auto}.cpu-picker.open{display:grid}.cpu-picker-head{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #ffffff12}.cpu-picker-head span{font:800 17px 'Barlow Condensed';letter-spacing:1px;color:#ffb02e}.cpu-picker-head button{background:transparent;border:0;color:#fff;font-size:24px;cursor:pointer}.cpu-picked{padding:12px 14px;border-bottom:1px solid #ffffff12;display:grid;grid-template-columns:112px 1fr;gap:12px;align-items:center}.cpu-picked img{width:112px;height:70px;object-fit:cover;background:#15191c;border:1px solid #ffffff18}.cpu-picked small{display:block;color:#747a7f;font-size:7px;letter-spacing:1.4px}.cpu-picked b{display:block;font:700 19px 'Barlow Condensed';text-transform:uppercase}.cpu-picked em{display:block;margin-top:5px;color:#858b8f;font-style:normal;font-size:8px;line-height:1.35}.cpu-picker input{margin:12px 14px;background:#111518;border:1px solid #ffffff1d;color:#fff;padding:10px;font:700 11px Inter}.cpu-columns{display:grid;grid-template-columns:145px 1fr;min-height:0;border-top:1px solid #ffffff10}.cpu-columns>div{overflow:auto}.cpu-columns button{display:block;width:100%;border:0;border-bottom:1px solid #ffffff0d;background:#101316;color:#cfd3d5;text-align:left;padding:10px 12px;font:700 10px Inter;cursor:pointer}.cpu-columns button:hover,.cpu-columns button.active{background:#ffb02e;color:#111}.cpu-start{margin:12px 14px 14px;border:1px solid #ffb02e;background:#ffb02e;color:#111;padding:12px;font:900 11px Inter;letter-spacing:1px;cursor:pointer}
.race-top{grid-template-columns:150px 1fr repeat(5,auto);height:80px}.minimap{position:fixed;z-index:5;left:24px;top:94px;width:190px;height:190px;background:#07090add;border:1px solid #ffffff20;box-shadow:0 14px 45px #0008}.gauge-panel{position:fixed;z-index:5;left:230px;bottom:30px;display:flex;gap:10px}.round-gauge{position:relative;width:92px;height:92px;border-radius:50%;border:1px solid #ffffff24;background:radial-gradient(circle,#15191d,#080a0c);display:grid;place-content:center;text-align:center;overflow:hidden}.round-gauge span{font-size:7px;color:#7d8388;letter-spacing:1px}.round-gauge b{font:800 28px/.9 'Barlow Condensed';color:#fff}.round-gauge small{font-size:7px;color:#ffb02e}.round-gauge i{position:absolute;left:45px;top:45px;width:2px;height:37px;background:#ffb02e;transform-origin:50% 100%;transform:rotate(-130deg);box-shadow:0 0 10px #ffb02e}.compare-card{position:fixed;z-index:5;right:244px;bottom:30px;width:220px;background:#090b0dde;border:1px solid #ffffff18;padding:13px}.compare-card span{display:block;color:#ffb02e;font-size:7px;letter-spacing:1.4px;margin-bottom:8px}.compare-card div{font:500 9px/1.6 Inter;color:#aeb3b6}.race-results{position:fixed;z-index:30;inset:0;display:none;place-items:center;background:#030405a8;backdrop-filter:blur(7px)}.race-results.open{display:grid}.race-results>div{position:relative;width:min(460px,calc(100vw - 36px));background:#0d1012;border:1px solid #ffffff20;box-shadow:0 30px 90px #000;padding:26px}.race-results button{border:1px solid #ffffff25;background:#151719;color:#fff;cursor:pointer}.race-results>div>button:first-child{position:absolute;right:12px;top:10px;width:34px;height:34px;font-size:22px}.race-results span{color:#ffb02e;font:800 9px Inter;letter-spacing:1.8px}.race-results h2{margin:9px 0 12px;font:800 46px/.9 'Barlow Condensed';text-transform:uppercase}.race-results p{font:500 12px/1.8 Inter;color:#c6c9ca;white-space:pre-line}.race-results #resultRestart{background:#ffb02e;color:#111;border-color:#ffb02e;height:40px;padding:0 18px;font:900 11px Inter;letter-spacing:1px}.rainy #game{filter:saturate(.78) brightness(.82)}@media(max-width:1000px){.minimap,.compare-card{display:none}.gauge-panel{left:auto;right:10px;bottom:100px}.round-gauge{width:72px;height:72px}.round-gauge b{font-size:22px}}
.touch-controls{position:fixed;z-index:12;left:0;right:0;bottom:18px;display:none;pointer-events:none;touch-action:none}.touch-controls button{pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:none;border:1px solid rgba(255,176,46,.55);background:rgba(12,14,15,.78);color:#fff;box-shadow:0 12px 36px #0009;font:900 11px Inter;letter-spacing:1px}.touch-controls button.pressed{transform:translateY(3px) scale(.96);filter:brightness(1.35);box-shadow:0 5px 18px #000b}.touch-steer{position:absolute;left:18px;bottom:0;display:flex;gap:12px}.touch-steer button{width:78px;height:70px;border-radius:18px}.touch-pedals{position:absolute;right:18px;bottom:0;display:flex;gap:12px}.touch-pedals button{width:82px;height:82px;border-radius:50%}.touch-pedals .gas{background:rgba(255,176,46,.88);color:#111}.touch-pedals .brake{background:rgba(255,48,48,.76);border-color:rgba(255,100,100,.75)}.touch-actions{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);display:flex;gap:9px}.touch-actions button{height:44px;min-width:66px;border-radius:999px;color:#ffb02e}@media(pointer:coarse),(max-width:820px){.touch-controls{display:block}.controls{display:none}.telemetry{bottom:116px}.gauge-panel{display:none}.physics-card,.radio-card{display:none}.minimap{width:118px;height:118px;left:10px;top:92px}.race-top{height:86px;grid-template-columns:70px 1fr auto;overflow-x:auto;padding:0 10px}.camera-button{height:32px;min-width:64px}.course-select select{padding:7px 24px 7px 8px}.cpu-picker{top:92px;right:10px;left:10px;width:auto;max-width:none;height:calc(100vh - 118px)}}@media(max-width:520px){.touch-steer{left:10px;gap:8px}.touch-steer button{width:64px;height:62px}.touch-pedals{right:10px;gap:8px}.touch-pedals button{width:70px;height:70px}.touch-actions{bottom:78px}.touch-actions button{height:36px;min-width:58px;font-size:9px}.telemetry{left:8px;right:8px;bottom:154px}.telemetry .speed strong{font-size:38px}.telemetry>div{height:52px}.telemetry .speed{height:68px}.minimap{display:none}}