:root{--bg:#02070c;--panel:#07131c;--line:#174451;--text:#e8f4f5;--muted:#7e9ba5;--teal:#4fe1d3;--green:#27df83;--amber:#ffd047;--red:#ff6472;--purple:#d760ff}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}header{height:70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;border-bottom:1px solid var(--line);background:#051018;position:relative;z-index:4}header>div{text-align:center;display:flex;flex-direction:column}header strong{letter-spacing:.1em;font-size:15px}header span{color:var(--muted);font-size:10px;letter-spacing:.18em}.back{color:var(--teal);text-decoration:none;font-size:12px}.status{justify-self:end;color:var(--teal)}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--amber);margin-right:7px;box-shadow:0 0 10px currentColor}.status.live i{background:var(--green)}main{height:calc(100% - 70px);display:grid;grid-template-columns:340px 1fr}.console{border-right:1px solid var(--line);background:linear-gradient(180deg,#07141d,#030a10);padding:18px;overflow:auto;z-index:3}.console-block{border:1px solid var(--line);background:rgba(7,22,31,.82);border-radius:14px;padding:17px;margin-bottom:14px}.console-block.compact{display:grid;grid-template-columns:1fr 1fr;gap:8px}.console-block.compact .label{grid-column:1/-1}.label{margin:0 0 13px;color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.14em}.block-heading{display:flex;justify-content:space-between}.block-heading span{font-size:10px;color:var(--muted)}dl{margin:0}dl div{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid rgba(79,225,211,.09)}dt{color:var(--muted)}dd{margin:0;color:#fff}.gps,.utility{width:100%;border:1px solid #2a6574;border-radius:9px;background:#102b38;color:#eaf8f8;padding:11px;margin-top:13px;font:800 11px/1 ui-monospace,monospace;letter-spacing:.08em;cursor:pointer}.utility{margin-top:0}.utility.danger{border-color:#63303b;color:#ff9ca5;background:#2a1118}.marker-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.marker-buttons button{min-height:76px;border-radius:10px;background:#0a1720;border:1px solid;padding:7px 2px;font:800 9px/1.2 ui-monospace,monospace;color:#eaf4f5;cursor:pointer}.marker-buttons b{display:block;font-size:23px;margin-bottom:8px}.marker-buttons .clear{border-color:#1c784d}.marker-buttons .clear b{color:var(--green)}.marker-buttons .debris{border-color:#80672d}.marker-buttons .debris b{color:var(--amber)}.marker-buttons .aircraft{border-color:#803642}.marker-buttons .aircraft b{color:var(--red)}.note p:last-child{color:var(--muted);font-family:system-ui,sans-serif;font-size:12px;line-height:1.55;margin-bottom:0}.viewport{position:relative;overflow:hidden;background:radial-gradient(circle at center,#0c2732,#02070c 65%)}canvas{width:100%;height:100%;display:block}.hud{position:absolute;border:1px solid var(--line);border-radius:10px;background:rgba(3,12,17,.82);backdrop-filter:blur(8px);padding:10px 12px;display:flex;flex-direction:column;pointer-events:none}.hud span{font-size:9px;color:var(--muted);letter-spacing:.12em}.hud strong{font-size:12px;margin-top:4px}.top-left{top:18px;left:18px}.top-right{top:18px;right:18px;text-align:right}.legend{position:absolute;left:18px;bottom:42px;border:1px solid var(--line);background:rgba(3,12,17,.82);border-radius:10px;padding:10px 12px;display:flex;gap:16px;font-size:9px;color:#a6bdc5}.legend i{display:inline-block;width:9px;height:9px;margin-right:5px}.legend .poi{background:var(--amber);transform:rotate(45deg)}.legend .lkp{background:var(--red);clip-path:polygon(50% 0,100% 100%,0 100%)}.legend .slick{background:var(--purple);border-radius:50%}.manual-note{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);margin:0;color:#6e8992;font-size:9px;white-space:nowrap}.manual-controls{display:none;position:absolute;right:16px;bottom:42px;grid-template-columns:repeat(3,42px);gap:5px}.manual-controls button{width:42px;height:42px;border:1px solid var(--line);background:rgba(5,18,25,.9);color:var(--teal);border-radius:8px;font-size:20px}.manual-controls button[data-move=north]{grid-column:2}.manual-controls button[data-move=west]{grid-column:1;grid-row:2}.manual-controls button[data-move=south]{grid-column:2;grid-row:2}.manual-controls button[data-move=east]{grid-column:3;grid-row:2}@media(max-width:820px){header{grid-template-columns:auto 1fr auto;padding:0 12px}.back{font-size:0}.back::after{content:'←';font-size:20px}main{grid-template-columns:1fr;grid-template-rows:44% 56%}.console{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px}.console-block{margin:0;padding:11px}.console-block.note{display:none}.marker-buttons button{min-height:60px}.manual-controls{display:grid}.legend{right:16px;left:16px;justify-content:center;bottom:10px}.manual-note{display:none}.top-right{display:none}}