*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{color:#fff;background-color:#0b1118;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,#182638 0%,#060a10 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:3.5px;text-transform:uppercase;background:linear-gradient(90deg,#fa0,#ffea70,#00f0ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:30px;font-weight:900}.loader-subtitle{color:#8fa0b5;letter-spacing:1.5px;font-size:14px}#error-msg{z-index:2000;background:#dc2626f2;border-radius:8px;padding:12px 24px;font-weight:600;display:none;position:absolute;top:20px;left:50%;transform:translate(-50%)}#menu-overlay{-webkit-backdrop-filter:blur(16px);z-index:100;background:#080e16d1;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s,visibility .4s;display:flex;position:absolute;top:0;left:0}#menu-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.menu-card{background:#101a2ad9;border:1px solid #00f0ff40;border-radius:20px;flex-direction:column;gap:24px;width:90%;max-width:580px;padding:36px 44px;display:flex;box-shadow:0 16px 48px #0009,0 0 30px #00f0ff26}.menu-header{text-align:center}.game-logo{letter-spacing:3px;background:linear-gradient(135deg,#f90,#fd5,#00f0ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:34px;font-weight:900}.game-tagline{color:#7b9ab8;letter-spacing:2px;text-transform:uppercase;font-size:13px}.menu-section{flex-direction:column;gap:12px;display:flex}.section-title{letter-spacing:1.5px;color:#8faec9;text-transform:uppercase;font-size:11px;font-weight:800}.color-palette{justify-content:center;gap:14px;display:flex}.color-swatch{cursor:pointer;border:3px solid #fff3;border-radius:50%;width:44px;height:44px;transition:all .2s}.color-swatch:hover{border-color:#fff;transform:scale(1.15)}.color-swatch.selected{border-color:#00f0ff;transform:scale(1.15);box-shadow:0 0 16px #00f0ffb3}.mode-buttons{flex-direction:column;gap:12px;display:flex}.mode-btn{color:#fff;cursor:pointer;text-align:left;background:#18263cb3;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:16px;padding:14px 20px;transition:all .2s;display:flex}.mode-btn:hover{background:#243c60e6;border-color:#00f0ff;transform:translate(4px);box-shadow:0 0 18px #00f0ff40}.mode-btn.primary{background:linear-gradient(90deg,#ff8c0059,#00f0ff40);border-color:#00f0ff80}.mode-icon{font-size:28px}.mode-text{flex-direction:column;display:flex}.mode-name{letter-spacing:.8px;font-size:15px;font-weight:800}.mode-desc{color:#9cb3cc;font-size:11px}.menu-footer{text-align:center;color:#6b849e;border-top:1px solid #ffffff14;padding-top:16px;font-size:12px}#countdown-overlay{color:#fa0;text-shadow:0 0 35px #fa0c,0 0 70px #fa06;z-index:50;pointer-events:none;font-family:Impact,Segoe UI,sans-serif;font-size:120px;font-weight:900;animation:1s ease-in-out infinite countdownPulse;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}#countdown-overlay.go{color:#00f0ff;text-shadow:0 0 40px #00f0ffe6,0 0 80px #00f0ff80;font-size:130px}#countdown-overlay.hidden{display:none}@keyframes countdownPulse{0%{opacity:.2;transform:translate(-50%,-50%)scale(.7)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}to{opacity:.9;transform:translate(-50%,-50%)scale(1)}}#pause-overlay,#finish-overlay{-webkit-backdrop-filter:blur(14px);z-index:200;background:#060a10d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#pause-overlay.hidden,#finish-overlay.hidden{display:none}.modal-dialog{text-align:center;background:#101a2ae6;border:1px solid #00f0ff59;border-radius:18px;flex-direction:column;gap:22px;width:90%;max-width:440px;padding:32px 40px;display:flex;box-shadow:0 16px 40px #0009}.modal-title{letter-spacing:2px;font-size:26px;font-weight:900}.gold-title{color:#fc0;text-shadow:0 0 20px #fc09}.results-grid{background:#0000004d;border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}.result-row{justify-content:space-between;font-size:14px;display:flex}.modal-actions{gap:12px;display:flex}.modal-btn{color:#fff;cursor:pointer;background:#19263cb3;border:1px solid #fff3;border-radius:8px;flex:1;padding:12px;font-size:13px;font-weight:800;transition:all .2s}.modal-btn:hover{background:#2d466ee6;border-color:#00f0ff}.modal-btn.primary{color:#05101a;background:#00f0ff;border-color:#00f0ff}#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:24px;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:10px;font-weight:700}.info-value{color:#fff;font-family:Courier New,monospace;font-size:20px;font-weight:800}.info-value.gold{color:#fc0;text-shadow:0 0 10px #fc06}.info-value.cyan{color:#00f0ff;text-shadow:0 0 10px #00f0ff66}.rank-value{color:#fa0;text-shadow:0 0 12px #ffaa0080;font-size:24px}.top-buttons{align-items:center;gap:8px;display:flex}.badge{letter-spacing:.8px;text-transform:uppercase;border-radius:20px;padding:6px 12px;font-size:11px;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 12px;font-size:11px;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:#0a121ee0;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:90px;left:50%;transform:translate(-50%);box-shadow:0 0 25px #00f0ff59}#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:152px;height:152px;padding:4px;display:flex;position:relative}#minimap-canvas{border-radius:50%;width:144px;height:144px}.instrument-cluster{flex-direction:column;gap:8px;min-width:250px;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:52px;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:14px;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}.drift-meter-container{pointer-events:none;z-index:15;flex-direction:column;align-items:center;gap:6px;transition:opacity .15s;display:flex;position:absolute;bottom:115px;left:50%;transform:translate(-50%)}.drift-badge{letter-spacing:1.5px;text-transform:uppercase;color:#fff;background:#08101cd9;border:1px solid #ffffff40;border-radius:20px;padding:4px 16px;font-size:13px;font-weight:800;transition:all .15s;box-shadow:0 4px 16px #00000080}.drift-badge.tier-1{color:#00f0ff;border-color:#00f0ff;box-shadow:0 0 16px #00f0ffb3}.drift-badge.tier-2{color:#fa0;border-color:#fa0;transform:scale(1.05);box-shadow:0 0 20px #ffaa00d9}.drift-badge.tier-3{color:#ff1493;border-color:#ff1493;animation:.2s infinite alternate pulse-drift;transform:scale(1.12);box-shadow:0 0 26px #ff1493f2}@keyframes pulse-drift{0%{filter:brightness();transform:scale(1.08)}to{filter:brightness(1.3);transform:scale(1.16)}}.drift-bar-track{background:#000000a6;border:1px solid #fff3;border-radius:4px;width:190px;height:8px;overflow:hidden}.drift-bar-fill{background:linear-gradient(90deg,#00f0ff,#fa0 50%,#ff1493 90%);border-radius:4px;width:0%;height:100%;transition:width 50ms linear}