: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;flex-wrap:wrap;gap:.75rem;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:auto;display:block;background:#11151f;border:1px solid #1c2230;border-radius:8px}.chart__svg--interactive{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.chart__svg--interactive:active{cursor:grabbing}.chart__grid{stroke:#1c2230;stroke-width:1}.chart__zero{stroke:#3d4656;stroke-width:1}.chart__frame{fill:none;stroke:#2a3242;stroke-width:1}.chart__tick{fill:#7d8590;font-size:11px;font-variant-numeric:tabular-nums}.flightcharts{width:100%;max-width:820px;display:flex;flex-direction:column;gap:.75rem}.flightcharts__bar{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.flightcharts__spacer{flex:1}.flightcharts__span,.flightcharts__hint,.flightcharts__err{font-size:.75rem;color:#7d8590;font-variant-numeric:tabular-nums}.flightcharts__span{min-width:4.5rem;text-align:right}.flightcharts__hint{margin:0}.flightcharts__err{color:#f0883e}.btn{font:inherit;font-size:.85rem;color:#e6edf3;background:#11151f;border:1px solid #2a3242;border-radius:6px;padding:.35rem .75rem;min-width:2.5rem;min-height:2.25rem;cursor:pointer}.btn:hover:not(:disabled){border-color:#58a6ff}.btn:disabled{opacity:.45;cursor:default}.btn--primary{border-color:#1f6feb;color:#58a6ff}.attitude{margin:0;width:100%;max-width:820px;padding:.9rem;background:#11151f;border:1px solid #1c2230;border-radius:8px;display:flex;flex-direction:column;gap:.75rem}.attitude figcaption{font-size:.8rem;color:#7d8590}.attitude__canvas{width:100%;height:320px;display:block}.attitude__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.attitude__nose{margin:0;font-size:.75rem;color:#7d8590}.readout__sub{font-size:.72rem;color:#7d8590;font-variant-numeric:tabular-nums}.readout--warn{border-color:#5a4a1f}.readout--warn .readout__value{color:#d29922}.readout--low{border-color:#6e2b26}.readout--low .readout__value{color:#f85149}.mission__alert{padding:.6rem 1.5rem;font-size:.9rem;font-weight:600;border-bottom:1px solid}.mission__alert--warn{color:#d29922;background:#2a2210;border-color:#5a4a1f}.mission__alert--low{color:#f85149;background:#2d1414;border-color:#6e2b26}.battchart figcaption{display:flex;align-items:center;justify-content:space-between}.battchart__ranges{display:flex;gap:.3rem}.btn--small{min-height:1.9rem;padding:.2rem .55rem;font-size:.75rem}.btn.is-on{border-color:#58a6ff;color:#58a6ff}.dot--charge{background:#3fb950}.dot--volt{background:#d29922;margin-left:.6rem}.mission__mode{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.modebadge{font-size:.75rem;font-weight:600;letter-spacing:.04em;font-variant-numeric:tabular-nums;padding:.3rem .6rem;border-radius:999px;border:1px solid #2a3242;color:#7d8590;display:inline-flex;align-items:center;gap:.4rem}.modebadge--rec{color:#f85149;border-color:#6e2b26;background:#2d1414}.modebadge__dot{width:8px;height:8px;border-radius:50%;background:#f85149;animation:recpulse 1.2s ease-in-out infinite}@keyframes recpulse{50%{opacity:.3}}@media (prefers-reduced-motion: reduce){.modebadge__dot{animation:none}}.btn--danger{border-color:#6e2b26;color:#f85149}.modebadge--play{color:#58a6ff;border-color:#1f6feb;background:#0d1d33}.chart__playhead{stroke:#f0f6fc;stroke-width:1.5;stroke-dasharray:3 3}.missions{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow-y:auto;background:#0b0e14;padding:1.25rem max(16px,calc((100vw - 820px)/2));display:flex;flex-direction:column;gap:.9rem}.missions__head{display:flex;align-items:center;justify-content:space-between}.missions__head h2{margin:0;font-size:1.05rem}.missions__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.missions__item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem .9rem;background:#11151f;border:1px solid #1c2230;border-radius:8px}.missions__info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.missions__meta{font-size:.75rem;color:#7d8590;font-variant-numeric:tabular-nums}.missions__rec{color:#f85149;font-weight:600}.missions__actions{display:flex;gap:.4rem}a.btn{text-decoration:none;display:inline-flex;align-items:center}.playbar{position:sticky;bottom:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem max(16px,calc((100vw - 820px)/2));background:#11151f;border-top:1px solid #1c2230}.playbar__play{min-width:3rem}.playbar__speed{padding-right:.4rem}.playbar__scrub{flex:1 1 200px;accent-color:#58a6ff}.playbar__time{font-size:.8rem;color:#e6edf3;font-variant-numeric:tabular-nums}.missions--inline{position:static;padding:1.5rem max(16px,calc((100vw - 820px)/2))}.missions__archived{font-size:.75rem;color:#3fb950;align-self:center;padding:0 .3rem}.missions__open{display:inline-block;margin-top:.75rem;cursor:pointer}.mission__note{margin:0 16px .5rem;font-size:.8rem;color:#8b949e}.mission__note a{color:#58a6ff}.dialog__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#010409b3;display:flex;align-items:flex-start;justify-content:center;padding:10vh 16px 16px;overflow-y:auto}.dialog{background:#11161f;border:1px solid #30363d;border-radius:10px;padding:1.1rem;width:min(520px,100%);display:flex;flex-direction:column;gap:.8rem}.dialog h2{margin:0;font-size:1.05rem}.dialog__field{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:#8b949e}.dialog__field input,.dialog__field textarea{font:inherit;font-size:.95rem;color:#e6edf3;background:#0b0e14;border:1px solid #30363d;border-radius:6px;padding:.5rem .6rem;resize:vertical}.dialog__field input:focus,.dialog__field textarea:focus{outline:none;border-color:#58a6ff}.dialog__note{margin:0;font-size:.8rem;color:#d29922}.dialog__actions{display:flex;justify-content:flex-end;gap:.5rem}.missions__title{font-weight:600;font-size:1rem;overflow-wrap:anywhere}.missions__desc{margin:.25rem 0 0;font-size:.82rem;color:#adbac7;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.modebadge__title{max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom}.mission__user{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:#8b949e}