:root{color-scheme:dark;--bg:#111611;--panel:#181e18;--edge:#3c4837;--text:#e5e7d8;--muted:#a3b09b;--lime:#bfd877;font:15px/1.45 system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}header{padding:17px max(5vw,22px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--edge);background:#181d17}small,.readonly,.overline,.bar,.foot,.switch,footer,.legend,.row small{font:600 11px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.085em}.brand{font-size:19px;font-weight:900;letter-spacing:.1em;display:flex;align-items:center;gap:11px}.brand small,.readonly,.foot,footer{color:var(--muted)}.mark{font-size:27px;color:var(--lime);line-height:1}main{max-width:1500px;padding:36px max(5vw,22px) 20px;margin:auto}.overline{color:var(--lime);display:flex;gap:9px;align-items:center}.overline span{width:20px;height:2px;background:currentColor}h1{font-size:clamp(30px,4vw,57px);line-height:1.06;letter-spacing:-.05em;margin:9px 0 6px}.intro,.bar,.foot{display:flex;justify-content:space-between;align-items:center;gap:8px}.intro{margin-bottom:22px}.intro p{color:var(--muted);margin:0}.switch{display:flex;border:1px solid var(--edge);padding:3px}.switch button{border:0;background:transparent;color:#bec7b6;padding:6px 14px;cursor:pointer;font:inherit}.switch button[aria-pressed=true]{background:#bacb83;color:#1d271b}.console{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:12px}.field,aside{background:var(--panel);border:1px solid var(--edge);min-width:0}.bar,.foot{padding:10px 14px}.bar{border-bottom:1px solid var(--edge);min-height:40px}.signal{color:var(--lime)}.viewport{height:clamp(330px,55vh,710px);position:relative;background:#21291f}canvas{width:100%;height:100%;display:block}.foot{border-top:1px solid var(--edge);font-size:10px}#overlay{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--text);font:14px ui-monospace,monospace;text-shadow:0 1px 4px #000}#overlay[hidden]{display:none}.legend{display:flex;gap:24px;color:var(--muted);padding:12px 14px}.legend i,.row i,.lamp{display:inline-block;width:8px;height:8px;background:#a6aea4}.gdi,.legend .gdi,.row .gdi{background:#e5b651}.nod,.legend .nod,.row .nod{background:#e37464}#roster{overflow:auto;max-height:55vh;padding:0 14px 12px}.row{border-top:1px solid #344030;padding:10px 0;font-size:13px;overflow-wrap:anywhere}.row strong{font-weight:650}.row i{margin-right:8px}.row small{display:block;color:var(--muted);letter-spacing:0;margin:4px 0 0 16px;font-size:10px}footer{margin-top:15px;font-size:10px}.lamp{background:#a0b16d;margin-right:6px}.right{float:right}.empty{color:var(--muted);font-size:13px}@media(max-width:740px){.console{grid-template-columns:1fr}.brand small,.right{display:none}.readonly{font-size:9px}main{padding-top:24px}.intro{flex-wrap:wrap}.viewport{height:43vh;min-height:265px}#roster{max-height:230px}}
.camera{display:flex;align-items:center;gap:5px}.camera span{margin-right:6px}.camera button{background:#242e22;color:#d9dfcd;border:1px solid #495440;padding:4px 9px;font:inherit;cursor:pointer}.camera button:disabled{opacity:.45;cursor:default}#map{touch-action:none}
.inspection{margin:0 14px 8px;padding:9px 0 10px;border-block:1px solid var(--edge);font-size:13px}.inspection strong{color:var(--text)}.inspection div{color:var(--muted);font-size:12px}.row[type=button]{display:block;width:100%;background:none;border:0;border-top:1px solid #344030;text-align:left;color:var(--text);font-family:inherit;cursor:pointer}.row[aria-pressed=true]{background:#2b3625;box-shadow:inset 3px 0 #b6d47c;padding-left:7px}.row:focus-visible{outline:1px solid var(--lime);outline-offset:-2px}
