html,body{background:#080d16!important;color:#dbe5ed;overscroll-behavior:none}

/* The HUD floats over chapters of very different luminance, so every overlay
   carries its own contrast rather than relying on the scene behind it. */
#orbital-brand{position:fixed;left:45px;top:41px;z-index:30;opacity:0;transform:translateY(7px);transition:opacity 1.5s,transform 1.5s;pointer-events:none}
#orbital-brand a{display:flex;gap:11px;align-items:center;color:#eef4f9;text-decoration:none;pointer-events:auto;text-shadow:0 1px 14px rgba(4,9,17,.85),0 0 3px rgba(4,9,17,.7)}
#orbital-brand svg{width:37px;height:37px;fill:none;stroke:currentColor;stroke-width:1.35;filter:drop-shadow(0 1px 10px rgba(4,9,17,.8))}
#orbital-brand .satellite{fill:#ff7840;stroke:#ff7840}
#orbital-brand span{display:block;font-family:Arial,sans-serif;font-size:29px;font-weight:600;letter-spacing:.035em;line-height:1}
#orbital-brand small{display:block;font:8px/1.7 ui-monospace,monospace;letter-spacing:.22em;color:#b3c4d2;margin-top:5px}

#orbital-status{position:fixed;left:50%;bottom:47px;transform:translateX(-50%);z-index:25;display:flex;gap:10px;align-items:center;white-space:nowrap;font:9px/1.5 ui-monospace,monospace;letter-spacing:.1em;color:#c2d2df;opacity:0;transition:opacity 1.5s;pointer-events:none;text-shadow:0 1px 12px rgba(4,9,17,.9)}
.signal{width:4px;height:4px;border-radius:50%;background:#ff7840;box-shadow:0 0 10px #ff7840;animation:signal 3s infinite;flex:none}

/* Chapter rail: a quiet read of how far the expedition has run. */
#orbital-rail{width:74px;height:1px;background:rgba(200,216,229,.24);margin:0 4px;position:relative;flex:none}
#orbital-rail i{position:absolute;inset:0 auto 0 0;display:block;background:#ff7840;box-shadow:0 0 8px rgba(255,120,64,.8);width:0;transition:width .45s ease-out}
.telemetry{opacity:.5;margin-left:14px}

.orbital-ready #orbital-brand,.orbital-ready #orbital-status{opacity:1;transform:translateY(0)}
.orbital-ready #orbital-status{transform:translateX(-50%)}
@keyframes signal{50%{opacity:.35}}

@media(min-width:1600px) and (min-height:800px){#orbital-brand{left:125px;top:86px}}
@media(max-width:640px),(max-height:640px){
  #orbital-brand{left:25px;top:22px}
  #orbital-brand span{font-size:22px}
  #orbital-brand svg{width:29px;height:29px}
  #orbital-brand small{font-size:6px}
  #orbital-status{right:25px;left:auto;bottom:28px;font-size:7px;transform:none}
  .orbital-ready #orbital-status{transform:none}
  .telemetry,#orbital-rail{display:none}
}
@media(prefers-reduced-motion:reduce){.signal{animation:none}#orbital-brand,#orbital-status,#orbital-rail i{transition:none}}

/* Archive index — the chamber's own chrome. Right-hand column on purpose: the
   status bar already owns the bottom-centre lane, and a centred row of titles
   is the one thing about this chapter that read as borrowed. */
#orbital-archive{position:fixed;right:58px;top:50%;transform:translateY(-50%) translateX(10px);z-index:26;text-align:right;font:10px/1.6 ui-monospace,monospace;letter-spacing:.1em;color:#c2d2df;opacity:0;transition:opacity .7s,transform .7s;pointer-events:none;text-shadow:0 1px 12px rgba(4,9,17,.9)}
#orbital-archive.is-open{opacity:1;transform:translateY(-50%) translateX(0)}
#orbital-archive .head{margin:0 0 12px;font-size:8px;letter-spacing:.2em;color:#ff8a4c;opacity:.85}
#orbital-archive ol{list-style:none;margin:0;padding:0 12px 0 0;border-right:1px solid rgba(200,216,229,.18)}
#orbital-archive li{display:flex;gap:12px;justify-content:flex-end;align-items:baseline;padding:5px 0;cursor:pointer;pointer-events:auto;color:#8fa3b6;transition:color .25s}
#orbital-archive li:hover{color:#dbe5ed}
#orbital-archive li b{font-weight:400;font-size:8px;opacity:.55;letter-spacing:.14em}
#orbital-archive li.is-active{color:#ff8a4c}
/* The marker rides the rule rather than boxing the label: a bracket around the
   active title is the captured site's mark, not this one's. */
#orbital-archive li.is-active::after{content:"";position:absolute;right:-12px;width:5px;height:5px;margin-top:5px;background:#ff8a4c;box-shadow:0 0 9px rgba(255,138,76,.9)}
#orbital-archive li{position:relative}
#orbital-archive .record{display:inline-block;margin-top:16px;padding-right:12px;color:#c2d2df;text-decoration:none;pointer-events:auto;font-size:9px;letter-spacing:.16em;border-bottom:1px solid rgba(200,216,229,.28);padding-bottom:3px;transition:color .25s,border-color .25s}
#orbital-archive .record:hover{color:#ff8a4c;border-color:#ff8a4c}
#orbital-archive .record span{opacity:.6;margin-left:3px}
#orbital-archive .hint{margin:14px 0 0;padding-right:12px;font-size:8px;letter-spacing:.14em;opacity:.38}

@media(min-width:1600px) and (min-height:800px){#orbital-archive{right:130px}}
@media(max-width:640px),(max-height:640px){
  #orbital-archive{right:25px;top:auto;bottom:74px;transform:translateY(8px);font-size:9px}
  #orbital-archive.is-open{transform:translateY(0)}
  #orbital-archive .hint{display:none}
}
@media(prefers-reduced-motion:reduce){#orbital-archive{transition:none}}