@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{touch-action:none;background-color:#120e0b;width:100%;height:100%;font-family:Outfit,Inter,-apple-system,sans-serif;overflow:hidden}#canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#hud-root{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.hud-top-left{position:absolute;top:20px;left:24px}.hud-title{letter-spacing:-.5px;color:#fff;text-transform:uppercase;text-shadow:0 2px 8px #0009;font-size:28px;font-weight:900}.hud-subtitle{letter-spacing:1.5px;color:#f97316;text-shadow:0 1px 4px #00000080;margin-top:-2px;font-size:11px;font-weight:700}.hud-top-right{pointer-events:auto;align-items:center;gap:16px;display:flex;position:absolute;top:20px;right:24px}.speed-cluster{backdrop-filter:blur(8px);background:#181412a6;border:1px solid #ffffff1a;border-radius:12px;align-items:baseline;gap:4px;padding:8px 16px;display:flex}.speed-number{color:#fff;text-align:right;font-variant-numeric:tabular-nums;min-width:65px;font-size:38px;font-weight:900;line-height:1}.speed-unit{color:#a8a29e;font-size:13px;font-weight:700}.boost-cluster{flex-direction:column;gap:4px;width:110px;display:flex}.boost-bar-track{background:#00000080;border:1px solid #ffffff26;border-radius:5px;width:100%;height:10px;overflow:hidden}.boost-bar-fill{background:linear-gradient(90deg,#ea580c,#f97316,#fb923c);width:100%;height:100%;transition:width 80ms ease-out;box-shadow:0 0 10px #f97316b3}.boost-bar-fill.boosting{background:linear-gradient(90deg,#0284c7,#38bdf8);box-shadow:0 0 12px #38bdf8e6}.boost-label{letter-spacing:1.2px;color:#f97316;text-align:right;font-size:10px;font-weight:800}.hud-btn-icon{backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#1c1917bf;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:transform .1s,background .1s;display:flex}.hud-btn-icon:active{background:#f9731666;transform:scale(.92)}.hud-stunt-card{backdrop-filter:blur(10px);text-align:right;background:#18141299;border:1px solid #ffffff14;border-radius:14px;min-width:170px;padding:10px 16px;position:absolute;top:90px;right:24px}.stunt-score-header{letter-spacing:1.2px;color:#94a3b8;font-size:10px;font-weight:800}.stunt-score-row{justify-content:flex-end;align-items:center;gap:8px;margin-top:2px;display:flex}.stunt-score-val{color:#fbbf24;font-variant-numeric:tabular-nums;font-size:24px;font-weight:900}.combo-badge{color:#fff;background:#f97316;border-radius:20px;padding:2px 7px;font-size:12px;font-weight:900;animation:.8s infinite alternate pulse}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1);box-shadow:0 0 10px #f97316}}.stunt-notifications-stack{flex-direction:column;align-items:flex-end;gap:4px;margin-top:8px;display:flex}.stunt-pill{color:#fff;background:#f97316e6;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:800;box-shadow:0 2px 8px #0006}.animate-pop{animation:.25s cubic-bezier(.175,.885,.32,1.275) popIn}@keyframes popIn{0%{opacity:0;transform:scale(.6)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}.hud-challenge-card{backdrop-filter:blur(8px);background:#1814128c;border:1px solid #ffffff14;border-radius:14px;max-width:220px;padding:12px 16px;position:absolute;top:90px;left:24px}.challenge-header{letter-spacing:1px;color:#ea580c;margin-bottom:8px;font-size:11px;font-weight:800}.challenge-items{flex-direction:column;gap:6px;display:flex}.challenge-row{color:#e2e8f0;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.challenge-row.completed{color:#22c55e}.challenge-row .chk{font-size:13px;font-weight:800}.hud-minimap-wrapper{pointer-events:auto;position:absolute;bottom:24px;left:24px}#minimap-canvas{border:2px solid #f9731666;border-radius:50%;box-shadow:0 4px 16px #0009}.desktop-controls-bar{backdrop-filter:blur(8px);background:#181412b3;border:1px solid #ffffff1a;border-radius:12px;gap:14px;padding:8px 18px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.key-group{color:#d6d3d1;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.key-box{color:#fff;letter-spacing:.5px;background:#ffffff26;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:800}#mobile-controls-root{z-index:20;pointer-events:none;width:100%;height:100%;display:none;position:absolute;top:0;left:0}@media (pointer:coarse),(width<=900px){#mobile-controls-root{display:block}.desktop-controls-bar{display:none!important}}.touch-btn{backdrop-filter:blur(10px);color:#fff;pointer-events:auto;cursor:pointer;background:#1c1917d1;border:1.5px solid #fff3;flex-direction:column;justify-content:center;align-items:center;transition:transform 60ms,background 60ms,border-color 60ms;display:flex;box-shadow:0 4px 14px #00000080}.touch-btn.active{background:#f97316d9;border-color:#ff9a3d;transform:scale(.92)}.mobile-steer-zone{gap:16px;display:flex;position:absolute;bottom:24px;left:24px}.touch-btn-round{border-radius:50%;width:68px;height:68px}.mobile-drive-zone{flex-direction:column;gap:12px;display:flex;position:absolute;bottom:24px;right:24px}.drive-buttons-row{justify-content:flex-end;gap:12px;display:flex}.touch-btn-action{letter-spacing:.5px;border-radius:50%;gap:2px;width:64px;height:64px;font-size:10px;font-weight:800}.touch-btn-boost{color:#ff8c2b;border-color:#f97316b3}.touch-btn-boost.active{color:#fff;background:#ea580c}.drive-pedals-row{gap:12px;display:flex}.touch-btn-pedal{letter-spacing:.5px;border-radius:14px;width:72px;height:62px;font-size:13px;font-weight:900}.touch-btn-gas{color:#4ade80;background:#22c55e40;border-color:#22c55e99}.touch-btn-gas.active{color:#fff;background:#22c55e}.mobile-thruster-cluster{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:175px;right:24px}.thruster-label{letter-spacing:1px;color:#f97316;text-shadow:0 1px 4px #000c;margin-bottom:4px;font-size:9px;font-weight:800}.thruster-dpad{flex-direction:column;align-items:center;gap:4px;display:flex}.thruster-mid-row{gap:4px;display:flex}.touch-btn-thruster{border-radius:12px;width:48px;height:48px;font-size:14px;font-weight:800}.touch-btn-thruster small{opacity:.8;margin-top:-2px;font-size:7px;font-weight:700}@media (height<=500px){.hud-challenge-card,.hud-minimap-wrapper{display:none}.mobile-thruster-cluster{bottom:120px;right:180px}}