*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;touch-action:none}html,body{width:100%;height:100%;overflow:hidden;background-color:#09090b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#f3f4f6}#game-container{position:relative;width:100%;height:100%;overflow:hidden}#game-canvas{width:100%;height:100%;display:block}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:16px}.glass-panel{background:#0f172abf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 8px 32px #0006}.top-bar{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:12px}.top-left-cluster{display:flex;flex-direction:column;gap:8px}.track-info-badge{padding:6px 14px;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#38bdf8;display:inline-flex;align-items:center;gap:6px}.radar-card{width:130px;height:130px;padding:6px;display:flex;align-items:center;justify-content:center}#minimap-canvas{width:118px;height:118px;border-radius:8px;background:#02061799}.top-center-timer{padding:8px 24px;text-align:center;display:flex;flex-direction:column;align-items:center}.timer-current{font-size:32px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:1px;color:#fff;text-shadow:0 0 16px rgba(56,189,248,.5)}.timer-sub{font-size:11px;font-weight:600;color:#94a3b8;letter-spacing:.5px;display:flex;gap:12px;margin-top:2px}.top-right-cluster{display:flex;align-items:center;gap:8px;pointer-events:auto}.coins-badge{padding:8px 14px;font-size:14px;font-weight:700;color:#fbbf24;display:flex;align-items:center;gap:6px}.hud-btn{background:#1e293bd9;border:1px solid rgba(255,255,255,.2);color:#f1f5f9;width:42px;height:42px;border-radius:10px;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.hud-btn:hover{background:#334155f2;transform:scale(1.05);border-color:#38bdf8}.hud-btn:active{transform:scale(.95)}.drift-banner{position:absolute;top:170px;left:50%;transform:translate(-50%);padding:6px 20px;background:linear-gradient(90deg,#ef4444cc,#f59e0bcc);border-radius:20px;font-size:14px;font-weight:800;letter-spacing:1px;color:#fff;box-shadow:0 0 20px #f59e0b99;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.drift-banner.active{opacity:1;transform:translate(-50%) scale(1.05)}.bottom-cluster{display:flex;justify-content:space-between;align-items:flex-end;width:100%}.speedometer-card{padding:12px 20px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.speed-value-row{display:flex;align-items:baseline;gap:6px}.speed-number{font-size:48px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1;color:#fff;text-shadow:0 0 20px rgba(14,165,233,.6)}.speed-unit{font-size:14px;font-weight:700;color:#38bdf8;letter-spacing:1px}.nitro-container{width:160px;display:flex;flex-direction:column;gap:3px}.nitro-label-row{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:1px;color:#06b6d4}.nitro-track{width:100%;height:8px;background:#1e293bcc;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.nitro-fill{height:100%;width:20%;background:linear-gradient(90deg,#06b6d4,#3b82f6);border-radius:4px;transition:width .08s linear;box-shadow:0 0 10px #06b6d4}.nitro-fill.ready{background:linear-gradient(90deg,#38bdf8,#a855f7);box-shadow:0 0 14px #38bdf8;animation:pulse-glow 1.2s infinite alternate}@keyframes pulse-glow{0%{filter:brightness(1)}to{filter:brightness(1.4)}}.touch-controls{position:absolute;bottom:16px;left:16px;right:16px;display:flex;justify-content:space-between;pointer-events:none}@media(min-width:901px)and (pointer:fine){.touch-controls{display:none}}.touch-left-steer,.touch-right-actions{display:flex;gap:12px;pointer-events:auto}.touch-btn{width:64px;height:64px;border-radius:50%;background:#1e293ba6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.2);color:#fff;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:pointer;transition:transform .1s ease,background-color .1s ease}.touch-btn:active,.touch-btn.pressed{background:#38bdf8cc;transform:scale(.92);border-color:#38bdf8}.touch-btn.gas-btn{background:#10b98199;border-color:#34d39966}.touch-btn.brake-btn{background:#ef444499;border-color:#f8717166}.touch-btn.drift-nitro-btn{background:#a855f7a6;border-color:#c084fc80;font-size:11px;text-align:center;padding:4px}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#020617cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:50;animation:fade-in .25s ease}@keyframes fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.modal-card{width:90%;max-width:460px;padding:24px;text-align:center;display:flex;flex-direction:column;gap:16px}.modal-title{font-size:26px;font-weight:900;letter-spacing:1px;color:#f8fafc}.modal-stars{font-size:32px;display:flex;justify-content:center;gap:8px}.modal-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#0f172a99;padding:12px;border-radius:8px}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-item .label{font-size:11px;color:#94a3b8;text-transform:uppercase;font-weight:600}.stat-item .val{font-size:18px;font-weight:800;color:#38bdf8}.modal-actions{display:flex;gap:10px;margin-top:8px}.action-btn{flex:1;padding:12px 16px;border-radius:8px;font-size:15px;font-weight:800;border:none;cursor:pointer;transition:all .15s ease}.action-btn.primary{background:linear-gradient(135deg,#0284c7,#06b6d4);color:#fff;box-shadow:0 4px 14px #06b6d466}.action-btn.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.action-btn.secondary{background:#334155cc;color:#f1f5f9}.action-btn.secondary:hover{background:#475569e6}.garage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}.garage-item{background:#1e293b99;border:2px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .15s ease}.garage-item.selected{border-color:#38bdf8;background:#0ea5e926}.garage-item .skin-preview-dot{width:24px;height:24px;border-radius:50%;border:2px solid #ffffff}.track-select-row{display:flex;gap:8px;margin-bottom:8px}.track-btn{flex:1;padding:8px 6px;font-size:12px;font-weight:700;background:#1e293b99;border:1px solid rgba(255,255,255,.15);color:#94a3b8;border-radius:6px;cursor:pointer}.track-btn.selected{background:#0284c7;color:#fff;border-color:#38bdf8}@media(max-width:640px){#ui-overlay{padding:10px}.radar-card{width:90px;height:90px}#minimap-canvas{width:80px;height:80px}.timer-current{font-size:24px}.speed-number{font-size:36px}.speedometer-card{padding:8px 12px}}