*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{color:#fff;background-color:#000;width:100%;height:100%;font-family:Montserrat,sans-serif;overflow:hidden}#game-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}canvas{display:block}#hud{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#top-left-hud{top:max(16px, env(safe-area-inset-top));left:max(20px, env(safe-area-inset-left));flex-direction:column;gap:4px;display:flex;position:absolute}#district-display{color:#fc0;letter-spacing:2px;text-transform:uppercase;text-shadow:2px 2px 4px #000000e6;font-family:Oswald,sans-serif;font-size:16px;font-weight:700}#mission-objective-hud{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f121ad9;border-left:3px solid #f90;border-radius:2px;max-width:320px;padding:6px 12px}#mission-title-tag{color:#f90;letter-spacing:1.5px;font-size:10px;font-weight:700}#mission-objective-text{color:#fff;margin-top:1px;font-size:12px}#top-right-hud{top:max(16px, env(safe-area-inset-top));right:max(20px, env(safe-area-inset-right));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}.top-row-bar{align-items:center;gap:10px;display:flex}.hud-btn{pointer-events:auto;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141923d9;border:1px solid #ffffff4d;border-radius:4px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.hud-btn:active{color:#000;background:#fa0}#cash-display{color:#5f5;text-shadow:2px 2px #000,0 0 8px #5f59;letter-spacing:1px;font-family:Chakra Petch,sans-serif;font-size:28px;font-weight:700}#wanted-stars{border-radius:4px;gap:5px;padding:3px 6px;display:flex}.star{color:#fff3;text-shadow:1px 1px 2px #000;font-size:24px;transition:color .15s,transform .15s}.star.active{color:#f33;text-shadow:0 0 10px red,1px 1px 2px #000;animation:.6s infinite alternate starBlink;transform:scale(1.15)}.star.evading{color:#aaa;text-shadow:0 0 6px #fff;animation:.8s infinite alternate starEvade}@keyframes starBlink{0%{color:#f33;transform:scale(1.15)}to{color:#fff;transform:scale(1)}}@keyframes starEvade{0%{opacity:1}to{opacity:.2}}#weapon-hud{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#0f0f14d9 0%,#1e1e28b3 100%);border-right:4px solid #fc0;border-radius:4px;flex-direction:column;align-items:flex-end;min-width:140px;padding:8px 14px;display:flex;box-shadow:0 4px 15px #00000080}#weapon-icon-canvas{width:110px;height:48px}#ammo-display{color:#fff;letter-spacing:1px;font-family:Chakra Petch,sans-serif;font-size:20px;font-weight:700}#ammo-divider{color:#888;margin:0 3px}#reserve-ammo{color:#aaa;font-size:16px}#crosshair{pointer-events:none;width:28px;height:28px;transition:transform 80ms ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair.aiming{transform:translate(-50%,-50%)scale(.75)}#crosshair.shooting{transform:translate(-50%,-50%)scale(1.3)}.dot{background-color:#ffffffe6;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 3px #000}.reticle{background:#ffffffd9;position:absolute;box-shadow:0 0 2px #000}.reticle-t{width:2px;height:7px;top:0;left:50%;transform:translate(-50%)}.reticle-b{width:2px;height:7px;bottom:0;left:50%;transform:translate(-50%)}.reticle-l{width:7px;height:2px;top:50%;left:0;transform:translateY(-50%)}.reticle-r{width:7px;height:2px;top:50%;right:0;transform:translateY(-50%)}#hitmarker{opacity:0;pointer-events:none;border:2px solid #f22;width:14px;height:14px;transition:opacity 80ms;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}#hitmarker.active{opacity:1}#interaction-prompt{letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0fd9;border-left:3px solid #fc0;border-radius:3px;align-items:center;gap:10px;padding:8px 18px;font-family:Oswald,sans-serif;font-size:16px;transition:opacity .2s;display:flex;position:absolute;bottom:25%;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #000000b3}.key-badge{color:#111;background:#fff;border-radius:3px;padding:2px 7px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:800}#radio-wheel{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1219e6;border:1px solid #fff3;border-radius:30px;padding:12px 28px;transition:opacity .3s;position:absolute;top:40px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #000c}.radio-header{letter-spacing:2px;color:#f90;font-size:11px;font-weight:700}#radio-current-name{letter-spacing:1px;margin:3px 0;font-family:Oswald,sans-serif;font-size:22px;font-weight:700}.radio-genre{color:#bbb;letter-spacing:1px;font-size:12px}.radio-dots{justify-content:center;gap:8px;margin-top:6px;display:flex}.station-dot{background:#555;border-radius:50%;width:8px;height:8px;transition:background .2s}.station-dot.active{background:#fa0;transform:scale(1.2)}#speedo-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c1016d9;border-left:3px solid #0cf;border-radius:4px;padding:8px 14px;font-family:Chakra Petch,sans-serif;position:absolute;bottom:220px;left:35px}#speed-value{color:#fff;font-size:32px;font-weight:700;line-height:1}#speed-unit{color:#888;letter-spacing:1px;font-size:11px}#gear-display{color:#fc0;font-size:14px;font-weight:700}#car-name{color:#aaa;text-transform:uppercase;margin-top:3px;font-size:12px;font-weight:600}#notification-box{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12161eeb;border-left:4px solid #fa0;border-radius:3px;padding:12px 24px;animation:.3s slideDown;position:absolute;top:100px;left:50%;transform:translate(-50%);box-shadow:0 4px 25px #000c}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}#notif-title{color:#fa0;letter-spacing:1.5px;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:18px;font-weight:700}#notif-desc{color:#eee;margin-top:2px;font-size:14px}#bottom-left-hud{flex-direction:column;gap:8px;display:flex;position:absolute;bottom:24px;left:28px}#minimap-wrapper{background-color:#121820;border:4px solid #282d37f2;border-radius:50%;width:200px;height:200px;position:relative;overflow:hidden;box-shadow:0 6px 20px #000c,inset 0 0 15px #000000b3}#minimap-canvas{width:100%;height:100%;display:block}#minimap-compass{color:#f33;text-shadow:0 0 4px #000;font-family:Oswald,sans-serif;font-size:13px;font-weight:700;position:absolute;top:8px;left:50%;transform:translate(-50%)}#police-evasion-radar{pointer-events:none;background:radial-gradient(circle,#ff000040 0%,#0064ff33 70%,#0000 100%);border-radius:50%;width:100%;height:100%;animation:1.2s ease-out infinite radarPulse;position:absolute;top:0;left:0}@keyframes radarPulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.4)}}#stats-bars{gap:4px;width:200px;display:flex}.stat-bar-container{background:#14191ed9;border:1px solid #000000e6;border-radius:2px;flex:1;height:9px;overflow:hidden;box-shadow:0 2px 5px #0009}.stat-bar{height:100%;transition:width .15s}.health-container #health-bar{background:linear-gradient(90deg,#2a2 0%,#4e4 100%);box-shadow:0 0 6px #2f2}.armor-container #armor-bar{background:linear-gradient(90deg,#08c 0%,#3bf 100%);box-shadow:0 0 6px #3bf}.ability-container #ability-bar{background:linear-gradient(90deg,#d90 0%,#fc0 100%);box-shadow:0 0 6px #fc0}#controls-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .25s;display:flex;position:absolute;top:0;left:0}.controls-content{text-align:center;background:linear-gradient(145deg,#141820 0%,#0a0d12 100%);border:2px solid #fa0;border-radius:8px;width:90%;max-width:780px;padding:32px 40px;box-shadow:0 10px 40px #000000e6,0 0 30px #ffaa0040}.controls-content h2{letter-spacing:2px;color:#fa0;text-transform:uppercase;margin-bottom:24px;font-family:Oswald,sans-serif;font-size:32px}.controls-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px;display:grid}.ctrl-group h3{color:#fc0;letter-spacing:1px;border-bottom:1px solid #fff3;margin-bottom:10px;padding-bottom:6px;font-size:14px}.ctrl-group p{color:#ccc;justify-content:space-between;align-items:center;margin:6px 0;font-size:13px;display:flex}kbd{color:#fff;background:#252b36;border:1px solid #455060;border-radius:4px;margin-right:4px;padding:2px 7px;font-family:Chakra Petch,monospace;font-size:11px;font-weight:700;box-shadow:0 2px #151820}#start-game-btn{color:#fff;letter-spacing:2px;cursor:pointer;background:linear-gradient(90deg,#f90 0%,#f50 100%);border:none;border-radius:4px;padding:14px 40px;font-family:Oswald,sans-serif;font-size:20px;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #ff780080}#start-game-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ff8c00b3}.sub-hint{color:#888;margin-top:14px;font-size:12px}#death-overlay{z-index:200;-webkit-backdrop-filter:grayscale(85%)contrast(140%);backdrop-filter:grayscale(85%)contrast(140%);background:#b4000059;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;animation:.8s ease-out forwards wastedFadeIn;display:flex;position:absolute;top:0;left:0}@keyframes wastedFadeIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}#death-vignette{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 160px #000000f2}#death-title{color:#f11;letter-spacing:8px;text-shadow:0 0 25px red,4px 4px #000;font-family:Oswald,sans-serif;font-size:96px;font-weight:900;animation:.4s cubic-bezier(.18,.89,.32,1.28) forwards stampWasted}@keyframes stampWasted{0%{opacity:0;transform:scale(2.5)}to{opacity:1;transform:scale(1)}}#death-subtitle{color:#eee;letter-spacing:2px;text-transform:uppercase;text-shadow:1px 1px 3px #000;margin-top:16px;font-size:18px}.hidden{display:none!important}#mobile-controls{pointer-events:none;z-index:25;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}#joystick-zone{bottom:max(30px, env(safe-area-inset-bottom));left:max(30px, env(safe-area-inset-left));pointer-events:auto;touch-action:none;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:absolute}#joystick-base{background:radial-gradient(circle,#191e2a99 0%,#0a0e16cc 100%);border:2px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:relative;box-shadow:0 4px 20px #000000b3,inset 0 0 15px #00000080}#joystick-thumb{pointer-events:none;background:radial-gradient(circle,#fa0 0%,#c70 100%);border:2px solid #fff;border-radius:50%;width:56px;height:56px;transition:transform 40ms ease-out;position:absolute;transform:translate(0);box-shadow:0 2px 10px #000c}#touch-look-zone{pointer-events:auto;touch-action:none;width:65%;height:calc(100% - 160px);position:absolute;top:80px;right:0}.action-btn-cluster{bottom:max(25px, env(safe-area-inset-bottom));right:max(25px, env(safe-area-inset-right));pointer-events:auto;grid-template-columns:repeat(3,62px);gap:12px;display:grid;position:absolute}.mobile-action-btn{color:#fff;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;background:#121620d1;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;font-family:Oswald,sans-serif;font-size:20px;font-weight:700;display:flex;box-shadow:0 4px 15px #000000b3}.mobile-action-btn:active{color:#000;background:#ffaa00e6;border-color:#fc0;transform:scale(.92)}.btn-fire{background:radial-gradient(circle,#dc2828d9 0%,#8c1414e6 100%);border:2px solid #f66;grid-area:2/2;width:74px;height:74px;margin-top:-6px;margin-left:-6px;font-size:28px;box-shadow:0 0 15px #ff323280}.btn-aim{border-color:#3bf;grid-area:2/3}.btn-jump{border-color:#4d4;grid-area:1/2}.btn-sprint{border-color:#fa0;grid-area:2/1}.btn-enter{background:#ffc80040;border-color:#fc0;grid-area:1/3;font-size:24px}.btn-gas{background:#1ea032d9;border-color:#5f7;grid-area:1/2;height:70px;font-size:14px;line-height:1.1}.btn-brake{background:#c82828d9;border-color:#f77;grid-area:2/2;height:64px;font-size:14px;line-height:1.1}.btn-handbrake{border-color:#fa0;grid-area:2/1;font-size:13px}.btn-exit{border-color:#fc0;grid-area:1/3;font-size:24px}@media (width<=768px){#bottom-left-hud{bottom:max(14px, env(safe-area-inset-bottom));left:max(14px, env(safe-area-inset-left));transform-origin:0 100%;transform:scale(.78)}#joystick-zone{bottom:max(15px, env(safe-area-inset-bottom));width:120px;height:120px;left:175px}#joystick-base{width:110px;height:110px}#joystick-thumb{width:48px;height:48px}.action-btn-cluster{grid-template-columns:repeat(3,54px);gap:8px}.mobile-action-btn{width:54px;height:54px;font-size:17px}.btn-fire{width:64px;height:64px;font-size:24px}#weapon-hud{transform-origin:100% 0;transform:scale(.85)}#cash-display{font-size:22px}#controls-modal .controls-grid{grid-template-columns:1fr;max-height:55vh;overflow-y:auto}}