*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:#050510;font-family:Orbitron,-apple-system,sans-serif;color:#fff}#canvas-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.retro-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;background:radial-gradient(circle at center,transparent 60%,rgba(15,8,25,.35) 85%,rgba(5,2,12,.7) 100%);box-shadow:inset 0 0 60px #00000080}#hud{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:24px}.hud-top-left{display:flex;flex-direction:column;gap:6px}.game-logo{display:flex;align-items:baseline;gap:8px}.logo-grand{font-family:VT323,monospace;font-size:32px;color:#00f0ff;text-shadow:0 0 12px rgba(0,240,255,.8);letter-spacing:2px}.logo-kochi{font-family:Permanent Marker,cursive;font-size:44px;color:#ff007f;transform:rotate(-4deg);text-shadow:3px 3px 0px #000,0 0 16px rgba(255,0,127,.9)}.location-badge{font-size:13px;font-weight:700;letter-spacing:2px;color:#ffe600;text-shadow:0 0 8px rgba(255,230,0,.6);background:#00000080;display:inline-block;padding:4px 10px;border-left:3px solid #ff007f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-top-right{position:absolute;top:24px;right:24px;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.stats-row{display:flex;align-items:center;gap:16px}.weapon-slot{width:54px;height:54px;background:#0a0f1ebf;border:2px solid #00f0ff;box-shadow:0 0 10px #00f0ff80;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.weapon-icon{font-size:26px}.weapon-ammo{font-size:11px;color:#00f0ff;font-weight:700}.bars-container{display:flex;flex-direction:column;gap:8px}.bar-wrapper{display:flex;align-items:center;gap:8px}.bar-label{font-size:16px}.bar-wrapper.health .bar-label{color:#ff007f}.bar-wrapper.armor .bar-label{color:#00f0ff}.bar-fill{width:140px;height:12px;background-color:#555;border-radius:3px;overflow:hidden;box-shadow:inset 0 0 6px #000c;border:1px solid rgba(255,255,255,.2)}.bar-wrapper.health .bar-fill{background:linear-gradient(90deg,#f05,#f37);box-shadow:0 0 10px #ff0055b3}.bar-wrapper.armor .bar-fill{background:linear-gradient(90deg,#08f,#00f0ff);box-shadow:0 0 10px #00f0ffb3}.wanted-stars{display:flex;gap:4px;font-size:22px;color:#ffffff40;text-shadow:1px 1px 2px #000}.wanted-stars .star.active{color:#ffe600;text-shadow:0 0 10px rgba(255,230,0,.9);animation:starPulse 1s infinite alternate}@keyframes starPulse{0%{transform:scale(1)}to{transform:scale(1.15)}}.money-display{font-family:VT323,monospace;font-size:38px;color:#0f6;text-shadow:0 0 12px rgba(0,255,102,.8);letter-spacing:3px}.interaction-prompt{align-self:center;background:#0a0f1ed9;border:2px solid #ff007f;box-shadow:0 0 20px #ff007f99;padding:10px 24px;border-radius:30px;display:none;align-items:center;gap:12px;animation:promptFloat 1.2s infinite ease-in-out alternate;margin-top:auto;margin-bottom:30px}@keyframes promptFloat{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.key-badge{background:#ff007f;color:#fff;font-weight:900;font-size:16px;padding:4px 10px;border-radius:6px;box-shadow:0 0 8px #ff007f}.prompt-text{font-size:15px;letter-spacing:1.5px;color:#fff}.radio-banner{align-self:center;background:#000000b3;border-bottom:2px solid #00f0ff;padding:6px 18px;border-radius:4px;display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:1px;color:#00f0ff;text-shadow:0 0 8px rgba(0,240,255,.6);margin-bottom:12px}.radio-hint{font-size:11px;color:#fff9}.hud-bottom-left{display:flex;flex-direction:column;gap:8px}.radar-frame{width:170px;height:170px;border-radius:50%;border:3px solid #00f0ff;background:radial-gradient(circle,#0a192de6 60%,#050a14f2);box-shadow:0 0 16px #00f0ff99,inset 0 0 12px #000c;position:relative;overflow:hidden}#radar-canvas{width:100%;height:100%}.radar-north{position:absolute;top:6px;left:50%;transform:translate(-50%);font-size:11px;font-weight:900;color:#ff007f}.radar-player-dot{position:absolute;top:50%;left:50%;width:10px;height:10px;background:#ff007f;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #ff007f}.radar-legend{font-size:11px;display:flex;gap:12px;background:#0009;padding:4px 8px;border-radius:4px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.legend-dot.auto{background:#ffe600}.legend-dot.car{background:#00f0ff}.legend-dot.water{background:#06c}.hud-bottom-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.speedometer-container{background:#0a0f1ed9;border:2px solid #00f0ff;box-shadow:0 0 15px #00f0ff80;padding:10px 18px;border-radius:8px;text-align:right;min-width:140px}.speed-value{font-family:Orbitron,monospace;font-size:38px;font-weight:900;color:#00f0ff;text-shadow:0 0 12px rgba(0,240,255,.8);line-height:1}.speed-unit{font-size:11px;color:#ffe600;letter-spacing:2px;font-weight:700}.gear-indicator{font-size:11px;color:#ff007f;margin-top:4px}.controls-card{background:#050a19bf;border:1px solid rgba(0,240,255,.3);padding:10px 14px;border-radius:6px;font-size:11px;display:flex;flex-direction:column;gap:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ctrl-row{display:flex;justify-content:space-between;gap:16px}.ctrl-row span:first-child{color:#00f0ff;font-weight:700}.ctrl-row span:last-child{color:#fffc}.touch-controls{position:absolute;bottom:24px;left:200px;right:180px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:25}.touch-dpad{display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:auto}.touch-dpad-row{display:flex;gap:6px}.touch-actions{display:flex;flex-direction:column;gap:8px;pointer-events:auto}.touch-btn{background:#0f192dd9;border:2px solid #00f0ff;color:#fff;font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;width:48px;height:48px;border-radius:10px;box-shadow:0 0 10px #00f0ff66;display:flex;align-items:center;justify-content:center;touch-action:manipulation;cursor:pointer;transition:transform .08s,background-color .08s}.touch-btn:active,.touch-btn.active{background:#ff007f;border-color:#ff007f;transform:scale(.92);box-shadow:0 0 15px #ff007fcc}.touch-btn.action-btn{width:auto;min-width:90px;height:42px;padding:0 14px;font-size:13px;border-radius:20px}.touch-btn.drive-btn{border-color:#ff007f;box-shadow:0 0 10px #ff007f66}.screen-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:radial-gradient(circle,#0f0a1eeb 20%,#05050ffa);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.screen-content{text-align:center;max-width:600px;padding:40px;background:#14192dd9;border:2px solid #ff007f;border-radius:12px;box-shadow:0 0 40px #ff007f99,inset 0 0 20px #00f0ff33}.screen-title{font-family:Permanent Marker,cursive;font-size:64px;color:#ff007f;text-shadow:4px 4px 0 #000,0 0 25px rgba(255,0,127,.9);letter-spacing:2px;transform:rotate(-3deg);margin-bottom:4px}.screen-subtitle{font-size:12px;color:#00f0ff;letter-spacing:3px;font-weight:700;margin-bottom:24px;text-shadow:0 0 8px rgba(0,240,255,.7)}.features-highlight{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;text-align:left}.feature-item{background:#0a0f1eb3;padding:10px 14px;border-left:3px solid #ffe600;font-size:12px;line-height:1.4;border-radius:0 6px 6px 0}.retro-btn{pointer-events:auto;cursor:pointer;background:linear-gradient(45deg,#ff007f,#f50);border:none;color:#fff;font-family:Orbitron,sans-serif;font-weight:900;font-size:18px;padding:14px 32px;border-radius:30px;box-shadow:0 0 20px #ff007fb3;transition:transform .2s,box-shadow .2s;letter-spacing:1px}.retro-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #ff007f}.start-instructions{font-size:11px;color:#fff9;margin-top:14px}@media (max-width: 900px){.touch-controls{left:20px;right:20px;bottom:15px}.controls-card{display:none}.radar-frame{width:120px;height:120px}.features-highlight{grid-template-columns:1fr}.screen-title{font-size:42px}.money-display{font-size:26px}.logo-kochi{font-size:32px}}.mission-hud{position:absolute;top:24px;left:50%;transform:translate(-50%);background:#0a0f19e0;border:2px solid #00f0ff;border-radius:8px;padding:12px 24px;text-align:center;box-shadow:0 0 25px #00f0ff66,inset 0 0 15px #0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;min-width:340px;animation:hudPulse 2.5s infinite alternate}@keyframes hudPulse{0%{box-shadow:0 0 15px #00f0ff4d}to{box-shadow:0 0 28px #00f0ffa6}}.mission-hud-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:4px}.mission-title{font-family:Orbitron,sans-serif;font-size:16px;font-weight:900;color:#ff007f;letter-spacing:2px;text-shadow:0 0 8px rgba(255,0,127,.8)}.mission-hud-objective{font-size:13px;color:#fff;margin-bottom:8px;line-height:1.3;text-shadow:1px 1px 2px #000}.mission-hud-meta{display:flex;justify-content:space-around;align-items:center;border-top:1px solid rgba(0,240,255,.3);padding-top:6px}.mission-timer-box,.mission-dist-box{display:flex;align-items:center;gap:6px;font-weight:700;font-size:15px}.timer-text{color:#00f0ff;font-family:VT323,monospace;font-size:24px;letter-spacing:2px;text-shadow:0 0 8px rgba(0,240,255,.8)}.timer-warning{color:#fa0!important;text-shadow:0 0 10px rgba(255,170,0,.9)!important}.timer-urgent{color:#f03!important;text-shadow:0 0 15px rgba(255,0,51,1)!important;animation:urgentBlink .5s infinite alternate}@keyframes urgentBlink{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.08)}}.dist-text{color:#ffe600;font-family:Orbitron,sans-serif;font-size:13px}.mission-modal-content{border:3px solid #ff007f!important;box-shadow:0 0 45px #ff007fb3,inset 0 0 30px #000c!important;max-width:580px}.mission-modal-tag{font-size:12px;letter-spacing:3px;color:#00f0ff;font-weight:900;margin-bottom:8px}.mission-modal-title{font-family:Permanent Marker,cursive;font-size:32px;color:#ffe600;margin-bottom:14px;text-shadow:2px 2px 0px #000,0 0 16px rgba(255,230,0,.7)}.mission-modal-desc-mal{font-size:15px;color:#fff;line-height:1.6;margin-bottom:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500}.mission-modal-desc-eng{font-size:13px;color:#ffffffbf;line-height:1.4;margin-bottom:20px;font-style:italic}.mission-modal-reward{display:flex;align-items:center;justify-content:center;gap:12px;background:#00000080;padding:10px;border-radius:6px;margin-bottom:22px}.mission-modal-reward strong{font-family:VT323,monospace;font-size:28px;color:#2ecc71;text-shadow:0 0 10px rgba(46,204,113,.8)}.respect-tag{background:#ff007f;color:#fff;padding:2px 8px;font-size:11px;font-weight:900;border-radius:4px}.mission-modal-actions{display:flex;justify-content:center;gap:16px}.accept-btn{background:linear-gradient(45deg,#00b0ff,#00e676)!important;box-shadow:0 0 20px #00e67699!important}.cancel-btn{background:#ffffff26!important;box-shadow:none!important;color:#ffffffb3!important}.mission-splash-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:50;background:#000000a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:splashFadeIn .4s ease;pointer-events:auto}@keyframes splashFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.splash-banner{text-align:center;padding:36px 60px;border-radius:12px;box-shadow:0 0 60px #000000e6}.passed-banner{background:linear-gradient(135deg,#102819f2,#0a141ef2);border:4px solid #2ecc71;box-shadow:0 0 50px #2ecc71b3}.splash-passed-title{font-family:Permanent Marker,cursive;font-size:56px;color:#2ecc71;text-shadow:3px 3px 0 #000,0 0 25px rgba(46,204,113,.9);letter-spacing:3px;margin-bottom:8px}.splash-passed-mal{font-size:18px;color:#fff;margin-bottom:18px;font-family:-apple-system,sans-serif;font-weight:600}.splash-reward-row{font-size:20px;color:#ffe600;margin-bottom:14px}.splash-reward-row strong{font-family:VT323,monospace;font-size:42px;color:#2ecc71;margin-left:8px;text-shadow:0 0 15px rgba(46,204,113,1)}.splash-respect{font-family:Orbitron,sans-serif;font-size:24px;font-weight:900;color:#00f0ff;letter-spacing:4px;text-shadow:0 0 14px rgba(0,240,255,.8)}.failed-banner{background:linear-gradient(135deg,#320a0ff2,#14050af2);border:4px solid #e74c3c;box-shadow:0 0 50px #e74c3cb3}.splash-failed-title{font-family:Permanent Marker,cursive;font-size:56px;color:#e74c3c;text-shadow:3px 3px 0 #000,0 0 25px rgba(231,76,60,.9);letter-spacing:3px;margin-bottom:8px}.splash-failed-mal{font-size:18px;color:#fff;margin-bottom:24px;font-family:-apple-system,sans-serif}.retry-btn{background:linear-gradient(45deg,#e74c3c,#ff793f)!important;box-shadow:0 0 20px #e74c3cb3!important}.mission-touch-btn{background:#ff007f!important;border-color:#ff007f!important}