html, body { max-width: 100%; overflow-x: hidden; }
.rail nav { scrollbar-width: none; }
.rail nav::-webkit-scrollbar { display: none; }
#three-main { position:absolute; inset:0; width:100%; height:100%; z-index:4; }
.scene .monolith, .scene .beam, .scene > .orbit { display:none; }
.scene .satellite { z-index:8; }
.solar { animation:none !important; overflow:hidden; border-radius:0; background:#030809; }
.solar:before, .solar > i { display:none; }
#three-services { width:100%; height:100%; display:block; }
#three-main, #three-services { cursor:grab; touch-action:none; }
#three-main:active, #three-services:active { cursor:grabbing; }
.camera-hint{position:absolute;z-index:9;right:14px;bottom:12px;padding:6px 8px;border:1px solid #263b40;background:#040a0bbc;color:#6f8387;font:8px JetBrains Mono;letter-spacing:.14em;pointer-events:none;backdrop-filter:blur(8px)}
.solar .camera-hint{right:10px;bottom:10px}
.constellation{grid-template-columns:250px minmax(420px,1fr) 260px;align-items:start}
.constellation-copy h2{margin:14px 0 18px}.constellation-copy p{font-size:12px}
.map-modes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:28px 0 24px}.map-modes button{padding:9px 7px;background:#071012;border:1px solid #20363c;color:#708084;font:8px JetBrains Mono;letter-spacing:.08em;cursor:pointer;transition:.25s}.map-modes button:hover,.map-modes button.active{color:#dfffa6;border-color:#a9ff13;background:#12200d;box-shadow:inset 0 0 18px #a9ff130e}
.domain-key{display:grid;gap:9px;color:#647579;font:8px JetBrains Mono}.domain-key span{display:flex;align-items:center;gap:9px}.domain-key i{width:7px;height:7px;border:1px solid var(--c);background:color-mix(in srgb,var(--c) 30%,transparent);box-shadow:0 0 8px var(--c)}
.service-inspector{min-height:430px;padding:18px 0 0 22px;border-left:1px solid #254047;position:relative}.service-inspector>small{font:8px JetBrains Mono;letter-spacing:.16em;color:#5d7074}.inspector-index{margin-top:26px;color:#a9ff13;font:9px JetBrains Mono}.service-inspector h3{font-size:22px;line-height:1.05;margin:10px 0 15px}.service-inspector>p{min-height:72px;color:#77868a;font-size:11px;line-height:1.7}.service-inspector dl{display:grid;grid-template-columns:72px 1fr;gap:9px;margin:24px 0;padding:18px 0;border-top:1px solid #183037;border-bottom:1px solid #183037;font:8px JetBrains Mono}.service-inspector dt{color:#526367}.service-inspector dd{margin:0;color:#dce7e3}.service-inspector .inspector-state{color:#a9ff13}.service-inspector>button{width:100%;padding:10px;background:#071012;border:1px solid #284047;color:#8ca0a3;font:8px JetBrains Mono;cursor:pointer}.service-inspector>button:hover{color:#a9ff13;border-color:#a9ff13}.service-inspector #activity{margin-top:24px}
@media(max-width:1200px){.constellation{grid-template-columns:220px minmax(360px,1fr) 220px}}
.render-diagnostics{position:fixed;z-index:50;right:18px;top:64px;width:286px;padding:14px;background:#050b0def;border:1px solid #29424a;box-shadow:0 25px 80px #000;backdrop-filter:blur(16px);transform:translateX(330px);opacity:0;transition:.45s cubic-bezier(.2,.8,.2,1);font:10px JetBrains Mono;color:#819095}.render-diagnostics.open{transform:none;opacity:1}.render-diagnostics header{display:flex;justify-content:space-between;color:#e9f2ef;padding-bottom:12px;border-bottom:1px solid #203238}.render-diagnostics header button{background:none;color:#7f9094;cursor:pointer}.render-diagnostics>div{padding:13px 0;border-bottom:1px solid #192a2e}.render-diagnostics small{display:block;margin-bottom:9px}.render-diagnostics>div button{background:#091113;border:1px solid #24383e;padding:7px 9px;margin-right:4px;font:9px JetBrains Mono;cursor:pointer}.render-diagnostics>div button.on{color:#a9ff13;border-color:#a9ff13}.render-diagnostics dl{display:grid;grid-template-columns:1fr auto;gap:9px;margin:14px 0 0}.render-diagnostics dt{color:#617175}.render-diagnostics dd{margin:0;color:#dce8e4}
@media (max-width: 700px) {
  .shell, main, .view { max-width: 100vw; overflow-x: hidden; }
  .constellation{grid-template-columns:1fr}.map-modes{grid-template-columns:repeat(4,1fr);margin:20px 0}.map-modes button{padding:8px 3px;font-size:7px}.domain-key{grid-template-columns:1fr 1fr;margin-bottom:22px}.service-inspector{min-height:0;border-left:0;border-top:1px solid #254047;padding:22px 0}.service-inspector>p{min-height:0}.service-inspector #activity{display:none}
}
.top-signal #refresh-status{width:28px;height:28px;border:1px solid #253a40;border-radius:50%;font:15px JetBrains Mono;line-height:1;transition:.25s}.top-signal #refresh-status:hover{color:#a9ff13;border-color:#a9ff13}.top-signal #refresh-status.loading{animation:portal-spin .7s linear infinite}@keyframes portal-spin{to{transform:rotate(360deg)}}
.service-card{position:relative}.service-card em{display:block}.service-card p{margin:8px 0 0;color:#718287;font:9px JetBrains Mono;line-height:1.5;overflow-wrap:anywhere}.service-card span{display:block;margin-top:8px;color:#52656a;font:8px JetBrains Mono;line-height:1.45;overflow-wrap:anywhere}.service-card.online em,.data-list .online em{color:#a9ff13}.service-card.degraded em,.data-list .degraded em{color:#ffb11f}.service-card.unobserved em,.data-list .unobserved em{color:#718287}.data-list article{transition:background .25s}.data-list article:hover{background:#071113}.data-list article em{justify-self:end}.feature-copy a[aria-disabled="true"]{color:#667579;border-color:#435156;pointer-events:none}.machine-id #machine-mode{line-height:1.45}.machine-id #machine-mode i{vertical-align:middle}.security-list p{overflow-wrap:anywhere}