:root{--void: #01040a;--void-2: #060a14;--paper: #ece6d6;--paper-dim: rgba(236, 230, 214, .62);--paper-faint: rgba(236, 230, 214, .32);--line: rgba(236, 230, 214, .16);--line-strong: rgba(236, 230, 214, .28);--phosphor: #b6f7ff;--phosphor-glow: rgba(182, 247, 255, .55);--warning: #ff6a3d;--warning-glow: rgba(255, 106, 61, .55);--moon: #f3d791;--earth: #6ad7ff;--tracking: #e9ff5c;--mono: "Fragment Mono", ui-monospace, "SF Mono", Menlo, monospace;--serif: "Instrument Serif", "Cormorant Garamond", "Times New Roman", serif;--pad: clamp(20px, 2vw, 32px)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--void);color:var(--paper);font-family:var(--mono);font-size:12px;line-height:1.45;letter-spacing:.02em;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;overflow:hidden;cursor:crosshair}#stage{position:fixed;inset:0;isolation:isolate}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}.corner{position:absolute;width:22px;height:22px;color:var(--paper-faint);z-index:5;pointer-events:none}.corner.tl{top:14px;left:14px}.corner.tr{top:14px;right:14px}.corner.bl{bottom:14px;left:14px}.corner.br{bottom:14px;right:14px}.masthead{position:absolute;top:var(--pad);left:var(--pad);right:var(--pad);z-index:10;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;pointer-events:none}.ident{max-width:52ch}.badge{display:inline-block;font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--phosphor);border:1px solid var(--line-strong);padding:4px 10px 3px;background:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-shadow:0 0 14px var(--phosphor-glow)}.ident h1{margin:14px 0 6px;font-family:var(--serif);font-size:clamp(40px,5vw,78px);font-weight:400;line-height:.92;letter-spacing:-.01em;color:var(--paper);display:flex;align-items:baseline;flex-wrap:wrap;gap:.18em}.ident h1 .italic{font-style:italic;color:var(--phosphor);text-shadow:0 0 22px var(--phosphor-glow)}.sub{margin:0;color:var(--paper-dim);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.clock{text-align:right;border-left:1px solid var(--line);padding-left:18px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.clock .lab{font-size:9px;letter-spacing:.36em;text-transform:uppercase;color:var(--paper-faint)}.clock .big{font-size:28px;letter-spacing:.04em;color:var(--paper);font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(255,255,255,.08)}.panel{position:absolute;z-index:10;background:linear-gradient(180deg,#060a14d1,#02040a9e);border:1px solid var(--line-strong);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);padding:14px 16px;min-width:260px;pointer-events:auto;box-shadow:inset 0 0 0 1px #ffffff05,0 24px 60px #00000080}.panel:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgba(255,255,255,.014) 3px,rgba(255,255,255,.014) 4px);pointer-events:none}.panel-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:10px;font-size:10px;letter-spacing:.28em;text-transform:uppercase}.panel-foot{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12px}.panel-foot .serif{font-size:18px}.lab{color:var(--paper-dim)}.lab.muted{color:var(--paper-faint)}.dot{width:7px;height:7px;border-radius:50%;background:var(--paper-faint);display:inline-block}.dot.live{background:var(--phosphor);box-shadow:0 0 10px var(--phosphor-glow);animation:pulse 1.6s ease-in-out infinite}.dot.live.warn{background:var(--warning);box-shadow:0 0 10px var(--warning-glow)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.telemetry{top:calc(var(--pad) + 124px);right:var(--pad);width:280px}.readout{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:0}.readout>div{display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--line);padding-left:10px}.readout dt{font-size:9px;letter-spacing:.32em;color:var(--paper-faint);text-transform:uppercase}.readout dd{margin:0;font-size:18px;color:var(--paper);font-variant-numeric:tabular-nums;letter-spacing:.01em}.readout dd small{font-size:10px;color:var(--paper-dim);margin-left:2px}.bodies{bottom:var(--pad);left:var(--pad);width:320px;display:flex;flex-direction:column;gap:10px}.bodies .row{display:flex;gap:12px;align-items:flex-start;padding:6px 0}.bodies .row+.row{border-top:1px solid var(--line);padding-top:12px}.bodies .tag{font-family:var(--serif);font-size:24px;line-height:1;width:28px;text-align:center;margin-top:2px}.bodies .tag.earth{color:var(--earth)}.bodies .tag.moon{color:var(--moon)}.bodies .tag.iss{color:var(--warning)}.bodies .name{font-family:var(--serif);font-size:22px;line-height:1;margin-bottom:4px}.bodies .meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--paper-dim);font-size:11px}.controls{bottom:var(--pad);right:var(--pad);display:flex;flex-direction:column;gap:4px;padding:12px;width:232px}.ctl{appearance:none;background:transparent;color:var(--paper);border:1px solid transparent;padding:8px 10px;text-align:left;font:inherit;font-size:11px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .12s ease,border-color .12s ease,color .12s ease}.ctl:hover{background:#b6f7ff0f;border-color:var(--line)}.ctl[aria-pressed=true]{border-color:var(--phosphor);color:var(--phosphor);background:#b6f7ff0f;text-shadow:0 0 12px var(--phosphor-glow)}.ctl .key{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid var(--line-strong);font-size:9px;color:var(--paper-dim)}.ctl em{font-style:normal;color:var(--phosphor)}.divider{height:1px;background:var(--line);margin:8px 2px}.floater{position:absolute;z-index:8;pointer-events:none;display:flex;align-items:baseline;gap:6px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--warning);text-shadow:0 0 12px var(--warning-glow);white-space:nowrap;transform:translate(8px,-100%)}.floater:after{content:"";position:absolute;left:-2px;top:100%;width:28px;height:1px;background:currentColor;opacity:.5}.floater .tick{font-family:var(--mono);font-size:14px;line-height:1;margin-right:2px;opacity:.7}.floater .alt{color:var(--paper-dim);text-shadow:none;letter-spacing:.1em;text-transform:none;font-variant-numeric:tabular-nums}.floater.moon{color:var(--moon);text-shadow:0 0 14px rgba(243,215,145,.6)}.floater.moon .text{font-size:14px;letter-spacing:.04em;text-transform:none}.credits{position:absolute;left:50%;bottom:12px;transform:translate(-50%);z-index:6;font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--paper-faint);display:flex;gap:10px;align-items:center;white-space:nowrap}.credits .dot-sep{opacity:.5}.grain{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1   0 0 0 0 1   0 0 0 0 1   0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(120% 80% at 50% 50%,transparent 55%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,rgba(0,0,0,.25) 0%,transparent 18%,transparent 82%,rgba(0,0,0,.45) 100%)}.masthead,.panel,.credits{animation:rise .7s cubic-bezier(.2,.7,.1,1) both}.telemetry{animation-delay:.12s}.bodies{animation-delay:.18s}.controls{animation-delay:.24s}.credits{animation-delay:.32s}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.masthead{flex-direction:column;gap:12px}.telemetry{top:auto;bottom:calc(var(--pad) + 220px);right:var(--pad);width:calc(100% - 2 * var(--pad))}.bodies,.controls{width:calc(50% - var(--pad) - 6px)}.ident h1{font-size:44px}.clock .big{font-size:22px}}@media(max-width:600px){.telemetry,.bodies,.controls{position:relative;inset:auto;width:auto}.masthead{position:relative}}