:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0b0e14;color:#e6edf3}.mission{min-height:100vh;display:flex;flex-direction:column}.mission__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #1c2230;background:#11151f}.mission__header h1{font-size:1.15rem;margin:0;font-weight:600}.mission__status{font-size:.8rem;font-variant:tabular-nums;padding:.25rem .6rem;border-radius:999px;border:1px solid #2a3242}.mission__status--disconnected{color:#f0883e;border-color:#5a3a1f}.mission__status--connecting{color:#d29922;border-color:#5a4a1f}.mission__status--live{color:#3fb950;border-color:#1f5a2f}.mission__panel{flex:1;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem}.mission__hint{color:#7d8590;font-size:.9rem;margin:auto}.readouts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;width:100%;max-width:820px}.readout{display:flex;flex-direction:column;gap:.2rem;padding:.7rem .9rem;background:#11151f;border:1px solid #1c2230;border-radius:8px}.readout__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#7d8590}.readout__value{font-size:1.4rem;font-weight:600;font-variant-numeric:tabular-nums}.readout__unit{font-size:.8rem;color:#7d8590;margin-left:.25rem}.chart{width:100%;max-width:820px;margin:0}.chart figcaption,.chart__max{font-size:.8rem;color:#7d8590}.chart figcaption{margin-bottom:.3rem;text-align:left}.chart__max{float:right}.chart__svg{width:100%;height:220px;background:#11151f;border:1px solid #1c2230;border-radius:8px}.chart--empty .chart__svg,.chart--empty{color:#7d8590}