:root{--police-blue: #0284c7;--police-dark: #090d16;--police-gold: #facc15;--police-red: #ef4444;--police-green: #22c55e;--card-bg: rgba(15, 23, 42, .85);--border-glow: rgba(56, 189, 248, .5)}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body{background:radial-gradient(circle at center,#1e293b,#030712);color:#f8fafc;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.game-header{width:100%;max-width:1000px;display:flex;justify-content:center;align-items:center;padding:6px 12px}.brand-title{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:700;letter-spacing:.4px;color:var(--police-gold);text-shadow:0 0 8px rgba(250,204,21,.4)}.brand-title span{color:#38bdf8}.game-container{position:relative;width:1000px;max-width:100vw;box-shadow:0 12px 40px #000000d9;border-radius:12px;overflow:hidden;border:2px solid #334155;background:#000}.scanlines-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff000008,#00ff0003,#00ff0008);background-size:100% 3px,6px 100%;pointer-events:none;z-index:8;opacity:.6}.game-hud{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:flex-start;align-items:center;padding:6px 12px;background:none;pointer-events:none;z-index:10}.hud-stat-group{display:flex;align-items:center;gap:6px}.hud-stat{display:flex;flex-direction:column;justify-content:center;background:#0f172aa6;padding:3px 8px;border-radius:6px;border:1px solid rgba(56,189,248,.18);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:34px;box-sizing:border-box}.hud-stat-bar{width:90px;gap:2px}.bar-header{display:flex;justify-content:space-between;align-items:center;line-height:1}.hud-mini-val{font-size:.58rem;font-weight:700;color:#cbd5e1}.hud-label{font-size:.55rem;text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;font-weight:700}.hud-value{font-size:.82rem;font-weight:800;color:#38bdf8;text-shadow:0 0 6px rgba(56,189,248,.5);line-height:1.1}.score-value{color:var(--police-gold);text-shadow:0 0 8px rgba(250,204,21,.6)}.god-badge{font-size:.68rem;padding:3px 6px;border-radius:4px;background:#eab30840;border:1px solid #facc15;color:#facc15;font-weight:700}.mini-track{width:100%;height:5px;background:#1e293b;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.progress-track{flex:1;height:5px;background:#1e293b;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.progress-fill{height:100%;transition:width .2s cubic-bezier(.4,0,.2,1)}.fill-green{background:linear-gradient(90deg,#16a34a,#4ade80);box-shadow:0 0 6px #4ade8080}.fill-yellow{background:linear-gradient(90deg,#d97706,#facc15);box-shadow:0 0 6px #facc1580}.fill-red{background:linear-gradient(90deg,#b91c1c,#f87171);box-shadow:0 0 6px #f8717180}.fill-blue{background:linear-gradient(90deg,#0284c7,#38bdf8);box-shadow:0 0 6px #38bdf880}.fill-gold{background:linear-gradient(90deg,#f59e0b,#fef08a);box-shadow:0 0 10px #facc15cc}.level-select-grid{display:flex;flex-direction:column;gap:12px;margin-top:14px}.level-card-btn{background:#1e293be6;border:2px solid rgba(56,189,248,.3);border-radius:12px;padding:14px 18px;text-align:left;cursor:pointer;color:#f8fafc;transition:all .2s;display:flex;flex-direction:column;gap:4px}.level-card-btn:hover{background:#1e293b;border-color:#facc15;transform:translateY(-2px);box-shadow:0 0 15px #facc1566}.lvl-num{display:inline-block;align-self:flex-start;background:#0284c7;color:#fff;font-size:.72rem;font-weight:900;padding:2px 8px;border-radius:4px;letter-spacing:.5px}.lvl-title{font-size:1.1rem;font-weight:800;color:#38bdf8}.lvl-desc{font-size:.85rem;color:#94a3b8}.combo-badge{position:absolute;top:36px;left:12px;background:#ef4444d9;color:#fef08a;font-weight:800;font-size:.78rem;padding:2px 7px;border-radius:10px;border:1px solid rgba(250,204,21,.7);box-shadow:0 0 8px #ef444480;display:none;align-items:center;gap:4px;animation:pulse .4s infinite alternate ease-in-out;z-index:12}@keyframes pulse{0%{transform:scale(.96)}to{transform:scale(1.05)}}#gameCanvas{display:block;width:100%;height:auto;background:#0f172a}.touch-controls{display:none;position:absolute;bottom:24px;left:0;width:100%;padding:0 24px;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:15}.touch-joystick-zone{width:120px;height:120px;background:#0f172aa6;border:2.5px solid rgba(56,189,248,.5);border-radius:50%;position:relative;pointer-events:auto;touch-action:none;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 15px #38bdf84d}.touch-joystick-knob{width:50px;height:50px;background:linear-gradient(135deg,#0284c7,#38bdf8);border-radius:50%;box-shadow:0 0 12px #38bdf8cc;border:2px solid #ffffff}.touch-buttons-zone{display:flex;flex-direction:column;gap:12px;pointer-events:auto}.touch-btn-row{display:flex;gap:12px}.touch-btn{width:62px;height:62px;border-radius:50%;border:2px solid #ffffff;background:#0f172ad9;color:#fff;font-weight:800;font-size:.8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0009;transition:transform .1s;touch-action:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.touch-btn:active{transform:scale(.9)}.btn-tackle{background:linear-gradient(135deg,#0284c7,#2563eb);box-shadow:0 0 15px #0284c7b3}.btn-whistle{background:linear-gradient(135deg,#d97706,#facc15);box-shadow:0 0 15px #eab308b3}.btn-boost{background:linear-gradient(135deg,#c2410c,#f97316);box-shadow:0 0 15px #f97316b3}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0f1ee0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:20}.modal-content{background:linear-gradient(135deg,#0f172a,#1e1b4b);border:2px solid #38bdf8;border-radius:18px;padding:30px 36px;max-width:600px;width:94%;text-align:center;box-shadow:0 0 40px #38bdf859}.modal-title{font-size:1.9rem;color:var(--police-gold);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 12px rgba(250,204,21,.5)}.modal-desc{font-size:.98rem;color:#cbd5e1;line-height:1.6;margin-bottom:22px}.controls-guide{background:#0f172abf;border:1.5px solid rgba(56,189,248,.3);border-radius:14px;padding:16px 20px;margin-bottom:24px;text-align:left;font-size:.88rem;box-shadow:inset 0 0 15px #0006}.controls-guide h4{color:#38bdf8;margin-bottom:12px;font-weight:800;letter-spacing:.5px}.controls-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px 18px}.control-item{display:flex;align-items:center;gap:6px;white-space:nowrap}.control-text{color:#e2e8f0;font-size:.88rem;white-space:nowrap}.key-badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:#090d16;padding:3px 8px;border-radius:6px;border:1.5px solid #38bdf8;font-family:inherit;font-weight:800;font-size:.82rem;color:#facc15;box-shadow:0 2px #38bdf866}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;border:2px solid #60a5fa;padding:13px 36px;font-size:1.15rem;font-weight:900;border-radius:12px;cursor:pointer;box-shadow:0 0 22px #2563ebbf;transition:all .25s cubic-bezier(.34,1.56,.64,1);letter-spacing:.5px}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 32px #38bdf8e6;border-color:#facc15}.btn-primary:hover .police-riding-bike-icon{transform:translate(4px) scale(1.12);filter:drop-shadow(0 0 8px rgba(56,189,248,.9))}.btn-mute-choice{background:#1e293bb3;border:1px solid rgba(148,163,184,.3);color:#94a3b8;padding:8px 18px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.btn-mute-choice:hover{background:#334155e6;color:#f1f5f9;border-color:#64748b}.police-riding-bike-icon{display:inline-block;vertical-align:middle;transition:all .25s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 0 5px rgba(56,189,248,.5))}@media (max-width: 768px){.touch-controls{display:flex}.hud-bars{width:110px}.hud-stat-group{gap:6px}.controls-grid{grid-template-columns:1fr}}