: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{-webkit-user-select:none;user-select:none;flex-direction:column;height:100dvh;display:flex}.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) auto;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)}.btn{min-height:var(--tap);border:1px solid var(--line);background:var(--panel-2);border-radius:10px;padding:0 16px}.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}.map-wrap{height:clamp(150px,26dvh,300px);padding:8px 12px 0;position:relative}.map{border:1px solid var(--line);touch-action:manipulation;border-radius:12px;width:100%;height:100%;overflow:hidden}.map canvas{display:block}.hud .btn.sound{min-width:var(--tap);align-self:center;padding:0 8px;font-size:18px}.views{overscroll-behavior:contain;flex:1;min-height:0;padding:12px 12px 16px;overflow-y:auto}.view[hidden]{display:none}.view{align-content:start;gap:12px;display:grid}.view-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:4px 0 0;font-size:13px;font-weight:700}.connection{color:var(--warn);border:1px solid var(--warn);border-radius:10px;margin:0 0 12px;padding:8px 12px;font-size:14px}.connection[hidden]{display:none}.tabs{background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(3,1fr);display:grid}.tab{min-height:56px;color:var(--muted);background:0 0;border:0;border-top:3px solid #0000;padding:0 8px;font-size:15px}.tab.active{color:var(--text);border-top-color:var(--accent);background:var(--panel-2);font-weight:700}.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-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{min-height:var(--dispatch-h);background:var(--panel);border-top:1px solid var(--line);align-items:center;gap:12px;padding:10px 12px;display:flex}.dispatch-bar[hidden]{display:none}.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) + 72px + 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}.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)}}.tutorial{border:1px solid var(--accent);background:#1d3358;border-radius:12px;gap:4px;margin:8px 12px 0;padding:10px 12px;display:grid;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}.tutorial-buttons{gap:8px;display:flex}.tutorial-buttons [hidden]{display:none}.btn.tutorial-next,.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}}.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}}.materials{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.material{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;gap:2px;min-width:0;padding:8px;display:grid}.material-name{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.material-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:700}.material .bar-fill{background:var(--accent)}.material.full .bar-fill{background:var(--warn)}.material.locked{opacity:.5}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:6px;padding:12px;display:grid}.card.hq{border-color:var(--accent)}.card.unbuilt{opacity:.85;border-style:dashed}.card.flash{border-color:#fff;box-shadow:inset 0 0 0 2px #fff}.card-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.card-title{font-size:17px;font-weight:700}.card-level{color:var(--accent);white-space:nowrap;font-size:13px;font-weight:700}.card-desc,.card-effect,.card-prod,.card-note{color:var(--muted);font-size:14px}.card-effect{color:var(--good)}.card-prod{font-variant-numeric:tabular-nums}.card-note{min-height:0;color:var(--warn);font-size:13px}.card-note:empty,.card .bar.hidden{display:none}.card .bar-fill{background:var(--accent)}.costs{flex-wrap:wrap;gap:6px;display:flex}.cost{font-variant-numeric:tabular-nums;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:4px 8px;font-size:13px}.cost.missing{color:var(--bad);border-color:var(--bad)}.card-action{min-height:48px}.view-more .panel{gap:8px;display:grid}.view-more .account{justify-items:start}@media (width>=900px){.app{grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr) 460px;display:grid}.hud{grid-column:1/-1}.map-wrap{grid-area:2/1/6;height:auto;padding:12px 0 12px 12px}.tutorial{grid-area:2/2}.views{grid-area:3/2}.dispatch-bar{grid-area:4/2}.tabs{grid-area:5/2}.toast{left:calc(50% + 230px)}}