:root{--bg:#0b1220;--panel:#131c30;--panel-2:#1a2540;--line:#2b3b5e;--text:#e8eefc;--muted:#9fb0d0;--accent:#42a5f5;--good:#66bb6a;--warn:#ffb300;--bad:#ef5350;--sev-1:#4caf50;--sev-2:#ffb300;--sev-3:#f44336;--sev-4:#d81b60;--sev-5:#8e24aa;--tap:44px;--dispatch-h:76px;--hud-h:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit;touch-action:manipulation;cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,p,ul,dl,dd{margin:0}.app{min-height:100dvh;padding-bottom:calc(var(--dispatch-h) + env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none}.hud{z-index:5;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;background:var(--bg);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:6px;display:grid;position:sticky;top:0}.stat{flex-direction:column;min-width:0;display:flex}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.stat-value{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.stat-value.bad{color:var(--bad)}.controls{gap:8px;padding:8px 12px;display:flex}.btn{min-height:var(--tap);border:1px solid var(--line);background:var(--panel-2);border-radius:10px;padding:0 16px}.btn.speed{flex:1}.btn[aria-pressed=true],.btn.primary{background:var(--accent);border-color:var(--accent);color:#06111f;font-weight:700}.btn.primary:disabled{background:var(--panel-2);border-color:var(--line);color:var(--muted)}.btn.big{min-height:52px;padding:0 28px;font-size:18px}.layout{display:block}.map-wrap{height:clamp(170px,28dvh,340px);padding:0 12px}.map{border:1px solid var(--line);touch-action:manipulation;border-radius:12px;width:100%;height:100%;overflow:hidden}.map canvas{display:block}.panels{gap:12px;padding:12px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px}.panel-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:13px;font-weight:700}.list{gap:8px;display:grid}.list.officers{grid-template-columns:1fr 1fr}.row.officer .row-title,.row.officer .row-meta{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.empty,.hint{color:var(--muted);font-size:14px}.hint{margin-bottom:8px}.empty[hidden]{display:none}.row{width:100%;min-height:var(--tap);text-align:left;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;gap:2px;padding:8px 12px;display:grid}.row,.chip{scroll-margin-top:calc(var(--hud-h) + 12px);scroll-margin-bottom:calc(var(--dispatch-h) + 16px)}.row-title{font-weight:600}.row-meta{color:var(--muted);font-size:13px}.row.call{border-left:5px solid var(--sev-1)}.row.call.sev-2{border-left-color:var(--sev-2)}.row.call.sev-3{border-left-color:var(--sev-3)}.row.call.sev-4{border-left-color:var(--sev-4)}.row.call.sev-5{border-left-color:var(--sev-5)}.row.call.urgent .row-meta{color:var(--bad)}.row.selected,.chip.selected{background:#24345a;border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.row.busy{opacity:.55}.row.officer .bar-fill{background:var(--good)}.row.officer.tired .bar-fill{background:var(--warn)}.row.officer.exhausted .bar-fill{background:var(--bad)}.list.vehicles{margin-top:8px}.sub-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:14px 0 8px;font-size:12px;font-weight:700}.notice{max-width:38ch;color:var(--warn);border:1px solid var(--warn);border-radius:10px;padding:10px 14px;font-size:14px}.record{color:var(--muted);font-size:14px}.row.incident{border-left:5px solid var(--accent)}.row:disabled{opacity:.5}.bar{background:#0b1220;border-radius:3px;height:5px;margin-top:4px;display:block;overflow:hidden}.bar-fill{background:var(--sev-1);width:0;height:100%;display:block}.row.call .bar-fill{background:var(--muted)}.row.call.urgent .bar-fill{background:var(--bad)}.row.incident .bar-fill{background:var(--accent)}.chip{min-height:var(--tap);text-align:left;border:1px solid var(--line);background:var(--panel-2);border-radius:10px;width:100%;margin-top:8px;padding:0 12px}.chip:disabled{opacity:.5}.log{gap:4px;max-height:260px;font-size:14px;display:grid;overflow-y:auto}.log-line.good{color:var(--good)}.log-line.bad{color:var(--bad)}.log-line.info{color:var(--muted)}.dispatch-bar{z-index:6;min-height:var(--dispatch-h);padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.dispatch-summary{flex:1;min-width:0;font-size:14px;line-height:1.3}.dispatch-bar .btn{flex:none;min-width:132px;min-height:52px;font-size:17px}.toast{left:50%;bottom:calc(var(--dispatch-h) + 16px + env(safe-area-inset-bottom));z-index:8;border:1px solid var(--bad);opacity:0;pointer-events:none;background:#3a1f24;border-radius:10px;max-width:calc(100vw - 32px);padding:10px 16px;transition:opacity .15s,transform .15s;position:fixed;transform:translate(-50%,10px)}.toast.show{opacity:1;transform:translate(-50%)}.overlay{z-index:10;text-align:center;background:#0b1220f0;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:fixed;inset:0}.overlay[hidden]{display:none}.title{font-size:32px}.lead{color:var(--muted);max-width:34ch}.tips{max-width:38ch;color:var(--muted);gap:8px;padding:0;font-size:15px;list-style:none;display:grid}.result-grid{text-align:left;grid-template-columns:auto auto;gap:6px 24px;display:grid}.result-grid dt{color:var(--muted)}.result-grid dd{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}@media (width>=900px){.app{padding-bottom:0}.layout{grid-template-columns:1fr 420px;height:calc(100dvh - 118px);display:grid}.map-wrap{height:100%;padding:12px 0 12px 12px}.panels{padding-bottom:calc(var(--dispatch-h) + 12px);overflow-y:auto}.dispatch-bar{border-left:1px solid var(--line);width:420px;left:auto}.toast{left:calc(50% - 210px)}}.rank-body{text-align:left;width:min(100%,460px);max-height:52dvh;overflow-y:auto}.rank-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rank-row{min-height:var(--tap);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;grid-template-columns:3.2em 1fr auto 3.4em;align-items:center;gap:8px;padding:6px 12px;display:grid}.rank-row.me{border-color:var(--accent);background:#1d3358}div.rank-row.me{margin-top:8px}.rank-pos,.rank-days{color:var(--muted);font-variant-numeric:tabular-nums}.rank-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rank-score{font-variant-numeric:tabular-nums;font-weight:700}.rank-status{max-width:38ch;min-height:1.3em;color:var(--accent);font-size:14px}.rank-tabs{gap:8px;width:min(100%,460px);display:flex}.btn.tab{flex:1;padding:0 8px}.rank-info{width:min(100%,460px);color:var(--muted);gap:2px;margin:0;font-size:13px;display:grid}.rank-row.bot{opacity:.7}.account{max-width:38ch;color:var(--muted);justify-items:center;gap:8px;font-size:13px;display:grid}.overlay .btn.big{max-width:100%}.overlay{justify-content:flex-start;overflow-y:auto}.overlay>:first-child{margin-top:auto}.overlay>:last-child{margin-bottom:auto}.overlay .btn.big{white-space:normal;padding:10px 20px;line-height:1.25}.btn.splash{color:#06111f;background:var(--accent);border-color:var(--accent);min-height:64px;padding:0 40px;font-size:22px;font-weight:700;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.05)}}.controls .btn.sound{flex:none;min-width:52px;padding:0 12px;font-size:20px}.tutorial{top:var(--hud-h);z-index:4;border:1px solid var(--accent);background:#1d3358;border-radius:12px;gap:4px;margin:0 12px 8px;padding:10px 12px;display:grid;position:sticky;box-shadow:0 4px 16px #0006}.tutorial[hidden]{display:none}.tutorial-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tutorial-step{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.tutorial-text{font-size:15px;line-height:1.35}.btn.tutorial-skip{min-height:36px;padding:0 14px;font-size:14px}.tutorial-target{outline:2px solid var(--accent);outline-offset:2px;animation:1.4s ease-in-out infinite target-glow}@keyframes target-glow{50%{outline-color:var(--warn);outline-offset:4px}}.day-ad{left:12px;right:12px;bottom:calc(var(--dispatch-h) + 12px + env(safe-area-inset-bottom));z-index:7;display:grid;position:fixed}.day-ad[hidden]{display:none}.settings-box{gap:8px;width:min(100%,320px);display:grid}.btn.toggle{font-size:14px}@media (prefers-reduced-motion:reduce){.btn.splash,.tutorial-target{animation:none}}@media (width>=900px){.day-ad{width:396px;left:auto}}