:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#02050a;color:#eaf7ff;--cyan:#6fe0ff;--glass:rgba(5,15,25,.72);--border:rgba(111,224,255,.2)}*{box-sizing:border-box}html,body,.sky-shell{margin:0;width:100%;height:100%;overflow:hidden;background:#02050a}.sky-shell{position:relative}#sky-canvas{position:absolute;inset:0;width:100%;height:100%}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 45%,rgba(0,0,0,.55) 100%)}.glass{background:var(--glass);border:1px solid var(--border);box-shadow:0 16px 48px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2)}.topbar{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px}.eyebrow{margin:0;color:var(--cyan);font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.2em}.topbar h1{font-size:16px;margin:4px 0 0;font-weight:500;letter-spacing:.02em}.status{font:700 10px ui-monospace,monospace;color:#aaf4c8;border:1px solid rgba(110,255,174,.25);border-radius:999px;padding:8px 11px}.observer-panel,.contacts-panel{position:absolute;top:92px;width:min(310px,calc(100vw - 36px));border-radius:14px;padding:16px}.observer-panel{left:18px}.contacts-panel{right:18px;max-height:calc(100vh - 220px);overflow:auto}.observer-panel form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.observer-panel form button{grid-column:1/-1}label{color:#8ca8b8;font:700 9px ui-monospace,monospace;letter-spacing:.1em}input,button{width:100%;margin-top:6px;border:1px solid rgba(111,224,255,.22);border-radius:8px;background:rgba(1,8,14,.82);color:#eaf7ff;padding:9px 10px;font:600 12px ui-monospace,monospace}button{cursor:pointer;background:rgba(111,224,255,.12);color:#b8f2ff;text-transform:uppercase;letter-spacing:.08em}.telemetry{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:12px}.telemetry div{padding:9px;border:1px solid rgba(111,224,255,.1);border-radius:8px;background:rgba(0,0,0,.2)}.telemetry span,.view-readout span{display:block;color:#6d8998;font:8px ui-monospace,monospace;text-transform:uppercase}.telemetry strong{display:block;margin-top:4px;font:700 16px ui-monospace,monospace}.muted{margin:9px 0 0;color:#7893a3;font-size:11px;line-height:1.4}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2{margin:4px 0 0;font-size:16px}.section-head>span{color:#688492;font:9px ui-monospace,monospace}.contacts{margin-top:10px}.contact{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid rgba(111,224,255,.1);font:11px ui-monospace,monospace}.contact span{color:#7896a5}.command-dock{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:min(720px,calc(100vw - 36px));display:grid;grid-template-columns:1fr 260px 1fr;align-items:center;gap:14px;padding:9px 14px;border-radius:14px}.bearing-control>label{display:block;text-align:center}.bearing-control>div{display:grid;grid-template-columns:1fr auto 70px;gap:6px;align-items:center}.bearing-control input{text-align:right}.bearing-control div>span{color:var(--cyan);font:700 14px ui-monospace,monospace}.bearing-control button{font-size:9px}.bearing-control small{display:block;margin-top:3px;text-align:center;color:#56717f;font:8px ui-monospace,monospace}.fov-control{padding:4px 14px;border-left:1px solid rgba(111,224,255,.12);border-right:1px solid rgba(111,224,255,.12)}.fov-control>label{display:block;text-align:center}.fov-control>div{display:grid;grid-template-columns:1fr auto 80px;gap:6px;align-items:center}.fov-control input{text-align:right;font-size:15px}.fov-control div>span{color:var(--cyan);font:700 14px ui-monospace,monospace}.fov-control button{font-size:9px}.fov-control small{display:block;margin-top:3px;text-align:center;color:#56717f;font:8px ui-monospace,monospace}.view-readout{text-align:right}.view-readout strong{display:block;margin-top:3px;color:var(--cyan);font:700 18px ui-monospace,monospace}@media(max-width:820px){.contacts-panel{display:block;max-height:28vh;overflow:auto}.observer-panel{right:18px;width:auto}.command-dock{grid-template-columns:1fr 1.4fr}.view-readout{display:none}}@media(max-width:560px){.topbar{top:8px;left:8px;right:8px}.topbar h1{display:none}.observer-panel{top:66px;left:8px;right:8px}.command-dock{bottom:8px;width:calc(100vw - 16px);grid-template-columns:1fr}.bearing-control{display:none}.fov-control{border:0}.telemetry{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.layer-control{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;font:10px ui-monospace,monospace}.layer-control>span{opacity:.6}.layer-control label{display:flex;align-items:center;gap:.25rem;cursor:pointer}.layer-control input{accent-color:currentColor}#sky-canvas{touch-action:none;user-select:none}

.object-inspector{position:fixed;right:1rem;top:6rem;width:min(340px,calc(100vw - 2rem));z-index:20;padding:1rem}.object-inspector[hidden]{display:none}.object-inspector button{float:right}.inspector-details{display:grid;gap:.35rem;margin-top:.75rem}.inspector-details div{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgba(255,255,255,.08);padding-top:.35rem}.inspector-details span{opacity:.65}.view-readout small{display:block;opacity:.55;margin-top:.2rem}