.ref-system-stage { min-height: 560px; }
.ref-system-space img { filter: brightness(.46) saturate(.78); object-position: center; transform: scale(1.05); }
.ref-system-overlay { position:absolute; inset:0; background: radial-gradient(circle at 50% 52%, rgba(10,45,70,.05) 0 26%, rgba(3,10,19,.46) 67%), linear-gradient(180deg, rgba(3,10,19,.25), rgba(3,10,19,.84)); }
.ref-system-header { position:absolute; z-index:4; top:18px; left:20px; right:20px; display:flex; justify-content:space-between; gap:20px; }
.ref-system-header h1 { margin:5px 0 3px; font-size:34px; }
.ref-system-header p { margin:0; color:#9fb2c3; font-size:10px; }
.ref-live-pill { align-self:flex-start; display:flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid rgba(77,224,170,.25);border-radius:999px;background:rgba(5,24,26,.7);color:var(--green);font-size:8px;letter-spacing:.1em; }
.ref-live-pill i { width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor; }
.ref-orbit-map { position:absolute; inset:85px 32px 28px; }
.ref-orbit-map .orbit { position:absolute; left:50%;top:50%; border:1px solid rgba(94,203,255,.22); border-radius:50%; transform:translate(-50%,-50%) rotate(-8deg); box-shadow:0 0 26px rgba(94,203,255,.03); }
.ref-orbit-map .one { width:20%;height:28%; }.ref-orbit-map .two { width:38%;height:48%; }.ref-orbit-map .three { width:60%;height:70%; }.ref-orbit-map .four { width:82%;height:90%; }
.ref-star-core { position:absolute;left:50%;top:50%;width:62px;height:62px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(94,203,255,.66);background:radial-gradient(circle,rgba(94,203,255,.34),rgba(4,14,25,.82) 66%);box-shadow:0 0 36px rgba(94,203,255,.32);z-index:2; }
.ref-star-core span { font-size:17px;font-weight:800;color:#dff6ff; }
.ref-system-marker { position:absolute;width:18px;height:18px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(94,203,255,.34);background:rgba(4,14,25,.9);cursor:pointer;z-index:4; }
.ref-system-marker span { position:absolute;inset:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px currentColor; }
.ref-system-marker.signal span { background:var(--violet); }.ref-system-marker.locked { opacity:.25; }.ref-system-marker.active { width:25px;height:25px;border-color:var(--amber);box-shadow:0 0 20px rgba(244,189,88,.4); }
.ref-radar-sweep { position:absolute;left:50%;top:50%;width:44%;height:1px;transform-origin:left center;background:linear-gradient(90deg,rgba(94,203,255,.62),transparent);animation:refRadar 8s linear infinite;opacity:.55; }
@keyframes refRadar { to { transform:rotate(360deg); } }
.ref-system-grid { grid-template-columns: repeat(7, minmax(160px,1fr)); }
.ref-system-selector .ref-unknown-art { background:radial-gradient(circle,rgba(151,134,255,.18),transparent 68%);color:var(--violet); }
.ref-scan-levels { display:grid;grid-template-columns:repeat(4,1fr);gap:6px; }
.ref-scan-levels i { height:28px;display:grid;place-items:center;border:1px solid rgba(112,184,238,.15);border-radius:7px;color:#61778c;font-style:normal;font-size:10px; }
.ref-scan-levels i.done { color:var(--green);border-color:rgba(77,224,170,.3);background:rgba(77,224,170,.08); }.ref-scan-levels i.next { color:var(--amber);border-color:rgba(244,189,88,.3);background:rgba(244,189,88,.08); }
@media(max-width:1320px){.ref-system-grid{grid-template-columns:repeat(7,160px)}}