*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{color:#fff;background-color:#0d131a;width:100%;height:100%;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:absolute;top:0;left:0}#loader{z-index:1000;background:radial-gradient(circle,#1b2838 0%,#080d14 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .6s,visibility .6s;display:flex;position:absolute;top:0;left:0}#loader.fade-out{opacity:0;visibility:hidden;pointer-events:none}.loader-spinner{border:4px solid #00f0ff;border-color:#00f0ff #fa0 #00f0ff33 #00f0ff33;border-radius:50%;width:68px;height:68px;margin-bottom:24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loader-title{letter-spacing:3px;text-transform:uppercase;background:linear-gradient(90deg,#fa0,#fd5,#00f0ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:28px;font-weight:800}.loader-subtitle{color:#8fa0b5;letter-spacing:1.5px;font-size:14px}#error-msg{z-index:2000;background:#dc2626e6;border-radius:8px;padding:12px 24px;font-weight:600;display:none;position:absolute;top:20px;left:50%;transform:translate(-50%)}#hud{pointer-events:none;z-index:10;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:20px 24px;display:flex;position:absolute;top:0;left:0}.hud-top{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.hud-panel{-webkit-backdrop-filter:blur(12px);pointer-events:auto;background:#0c1420a6;border:1px solid #ffffff1f;border-radius:12px;padding:12px 20px;box-shadow:0 8px 32px #0006}.race-info{align-items:center;gap:28px;display:flex}.info-item{flex-direction:column;display:flex}.info-label{color:#7e9bb6;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:700}.info-value{color:#fff;font-family:Courier New,monospace;font-size:22px;font-weight:800}.info-value.gold{color:#fc0;text-shadow:0 0 10px #fc06}.top-buttons{align-items:center;gap:10px;display:flex}.badge{letter-spacing:.8px;text-transform:uppercase;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700}.badge-webgpu{color:#00f0ff;background:#00f0ff33;border:1px solid #00f0ff80;box-shadow:0 0 12px #00f0ff4d}.badge-webgl{color:#fa0;background:#fa03;border:1px solid #ffaa0080}.hud-btn{color:#fff;cursor:pointer;background:#141e30b3;border:1px solid #fff3;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s}.hud-btn:hover{background:#283c5fe6;border-color:#00f0ff;box-shadow:0 0 10px #00f0ff4d}#ui-notification{letter-spacing:2px;color:#00f0ff;text-shadow:0 0 15px #00f0ffb3;background:#0a121ed9;border:2px solid #00f0ff;border-radius:30px;padding:12px 32px;font-size:20px;font-weight:800;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:100px;left:50%;transform:translate(-50%);box-shadow:0 0 25px #00f0ff4d}#ui-notification.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(-20px)scale(.9)}.hud-bottom{justify-content:space-between;align-items:flex-end;width:100%;display:flex}.minimap-container{border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;padding:4px;display:flex;position:relative}#minimap-canvas{border-radius:50%;width:142px;height:142px}.instrument-cluster{flex-direction:column;gap:10px;min-width:240px;display:flex}.speed-row{justify-content:space-between;align-items:baseline;display:flex}.speed-box{align-items:baseline;gap:6px;display:flex}.speed-val{color:#fff;text-shadow:0 0 12px #fff6;font-family:Segoe UI,Impact,sans-serif;font-size:48px;font-weight:900;line-height:1}.speed-unit{color:#7e9bb6;text-transform:uppercase;font-size:14px;font-weight:700}.gear-box{color:#fa0;background:#0006;border:1px solid #ffffff26;border-radius:6px;padding:4px 10px;font-size:18px;font-weight:800}.gauge-bar-container{flex-direction:column;gap:4px;display:flex}.gauge-track{background:#ffffff1a;border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.gauge-fill{width:15%;height:100%;transition:width 50ms linear}.rpm-fill{background:linear-gradient(90deg,#00f0ff 0%,#fa0 70%,#f22 100%);box-shadow:0 0 8px #00f0ff80}.nitro-fill{background:linear-gradient(90deg,#08f,#00f0ff);box-shadow:0 0 10px #00f0ffb3}.controls-hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#9cb5cf;pointer-events:auto;background:#0c1420a6;border:1px solid #ffffff1a;border-radius:8px;gap:16px;padding:8px 16px;font-size:12px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.key-badge{color:#fff;background:#ffffff26;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}#touch-controls{pointer-events:none;z-index:20;justify-content:space-between;width:100%;padding:0 20px;display:none;position:absolute;bottom:85px;left:0}@media (pointer:coarse),(width<=900px){#touch-controls{display:flex}.controls-hint{display:none}}.touch-cluster{pointer-events:auto;gap:12px;display:flex}.touch-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;touch-action:manipulation;background:#101a2abf;border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:20px;font-weight:800;display:flex}.touch-btn:active{background:#00f0ff66;border-color:#00f0ff;transform:scale(.95)}.touch-btn.boost-btn{background:#00a0ff59;border-color:#00f0ff}.touch-btn.brake-btn{background:#ff3c3c59;border-color:#f33}