:root {
  color-scheme: dark;
  --bg:#080d12; --panel:#0e151c; --line:#25313d; --muted:#7f91a0;
  --text:#e8edf1; --orange:#ff6b2c; --blue:#45a9ff; --red:#ff4d59; --green:#53d38a;
}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 20% 0,#15212b 0,transparent 33%),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;color:#000;padding:10px}
.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 clamp(16px,4vw,60px);gap:26px;background:rgba(8,13,18,.94);position:sticky;top:0;z-index:1000}
.brand{color:inherit;text-decoration:none;display:flex;flex-direction:column;margin-right:auto}.brand strong{font-size:21px;letter-spacing:2px}.brand span,.exit-link{font-size:9px;letter-spacing:2.4px;color:var(--muted)}
.exit-link{text-decoration:none;border:1px solid var(--line);padding:10px 13px}.exit-link:hover{border-color:var(--orange);color:#fff}
.live-state{font:700 10px monospace;letter-spacing:1.5px;color:var(--green);display:flex;align-items:center;gap:8px}.live-state i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
main{width:min(1600px,94vw);margin:auto;padding:42px 0 60px}.masthead{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.eyebrow,.panel-head p{font:700 10px monospace;letter-spacing:2px;color:var(--orange);margin:0 0 8px}
h1{font-size:clamp(38px,5vw,72px);line-height:.88;letter-spacing:-3px;margin:0}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #8b99a5}
.clock-panel{border-left:2px solid var(--orange);padding:4px 0 4px 20px;text-align:right}.clock-panel span,.clock-panel small{display:block;color:var(--muted);font:10px monospace;letter-spacing:1.5px}.clock-panel strong{display:block;font:700 28px monospace;margin:5px 0}
.server-tabs{display:grid;grid-template-columns:repeat(8,minmax(120px,1fr));gap:6px;margin-bottom:16px;overflow-x:auto}.server-tab{min-width:120px;border:1px solid var(--line);background:#0b1117;color:var(--muted);padding:12px;text-align:left;cursor:pointer}.server-tab strong,.server-tab span{display:block}.server-tab strong{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-tab span{font:9px monospace;margin-top:8px;text-transform:uppercase}.server-tab.live span{color:var(--green)}.server-tab.offline span,.server-tab.error span{color:var(--red)}.server-tab.stale span{color:#ffbd4a}.server-tab.active{border-color:var(--orange);box-shadow:inset 0 -3px var(--orange);background:#15191d}
.alert{border:1px solid #5b3c2b;background:#1d1511;color:#ffc5a8;padding:14px;margin:0 0 16px;font:12px monospace}
.summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:18px}.summary-grid article{border:1px solid var(--line);background:rgba(14,21,28,.9);padding:15px 18px}.summary-grid span{display:block;font:9px monospace;letter-spacing:1px;color:var(--muted)}.summary-grid strong{display:block;font:700 27px monospace;margin-top:8px}
.workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,.8fr);gap:12px}.panel{border:1px solid var(--line);background:rgba(14,21,28,.94)}.panel-head{min-height:66px;border-bottom:1px solid var(--line);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h2{font-size:16px;margin:0;text-transform:uppercase;letter-spacing:.5px}.panel-head b{font:700 20px monospace;color:var(--orange)}.panel-head input{background:#080d12;border:1px solid var(--line);color:white;padding:9px;width:150px}
#map{height:600px;background:#090e13}.map-note{margin:0;padding:9px 14px;color:var(--muted);font:9px monospace;border-top:1px solid var(--line)}
.legend{display:flex;gap:12px;font:9px monospace;flex-wrap:wrap}.legend span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend .blue:before{background:var(--blue)}.legend .red:before{background:var(--red)}.legend .neutral:before{background:#89939c}.legend .tanker:before{background:#ffbd4a}.legend .awacs:before{background:#53d38a}
.side-column{display:grid;gap:12px;align-content:start}.stack{padding:8px;max-height:410px;overflow:auto}.stack.compact{max-height:245px}.card{border-left:3px solid var(--orange);background:#111a22;padding:12px;margin-bottom:7px}.card-head{display:flex;justify-content:space-between;gap:10px}.card strong{font-size:13px}.tag{font:9px monospace;color:var(--orange);border:1px solid #5c3a28;padding:3px 5px;height:max-content}.card p{font-size:11px;line-height:1.5;color:#a9b5be;margin:7px 0 0;white-space:pre-line}.reward{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #26333e;margin-top:10px;padding-top:9px}.reward strong{font:700 11px monospace;color:#ffbd4a}.reward span{font:9px monospace;color:var(--muted);text-align:right}.empty{color:var(--muted);font:11px monospace;padding:18px;text-align:center}
.pilot{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #1f2b35;font-size:12px}.pilot span{color:var(--muted);font:10px monospace}.lower-grid{display:grid;grid-template-columns:1.35fr .65fr 1fr;gap:12px;margin-top:12px}
.table-wrap{max-height:440px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{position:sticky;top:0;background:#101820;color:var(--muted);font:9px monospace;letter-spacing:1px;text-align:left}th,td{padding:10px 12px;border-bottom:1px solid #1d2832}td.num{font-family:monospace}.side{font:700 9px monospace}.side.blue{color:var(--blue)}.side.red{color:var(--red)}.side.neutral{color:#a0a8af}
.leaflet-container{font-family:Arial;background:#080d12}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#111a22;color:#fff}.zone-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 0 12px currentColor}.zone-blue{background:var(--blue);color:var(--blue)}.zone-red{background:var(--red);color:var(--red)}.zone-neutral{background:#737f89;color:#737f89}.csar-dot{background:#ffbd4a;border:2px solid #1b1400;border-radius:2px;transform:rotate(45deg)}.asset-dot{width:28px;height:22px;border:1px solid #fff;border-radius:3px;display:grid;place-items:center;color:#071017;font:900 9px monospace;box-shadow:0 0 14px currentColor}.tanker-dot{background:#ffbd4a;color:#352500}.awacs-dot{background:#53d38a;color:#082719}
footer{border-top:1px solid var(--line);padding:20px 3vw;color:var(--muted);font:9px monospace;letter-spacing:1px;display:flex;justify-content:space-between}
@media(max-width:1100px){.summary-grid{grid-template-columns:repeat(3,1fr)}.workspace{grid-template-columns:1fr}.lower-grid{grid-template-columns:1fr 1fr}.lower-grid .panel:first-child{grid-column:1/-1}.server-tabs{grid-template-columns:repeat(8,150px)}}
@media(max-width:650px){.topbar{height:64px}.exit-link{display:none}main{padding-top:24px}.masthead{align-items:start}.clock-panel small{display:none}h1{font-size:40px}.summary-grid{grid-template-columns:repeat(2,1fr)}#map{height:440px}.lower-grid{grid-template-columns:1fr}.lower-grid .panel:first-child{grid-column:auto}footer{gap:12px;flex-direction:column}}