:root{color-scheme:dark;--bg: #03050c;--panel: rgba(12, 18, 32, .78);--panel-border: rgba(140, 180, 255, .18);--text: #e8eef8;--muted: #8b9bb8;--accent: #7ec8ff;--accent-dim: rgba(126, 200, 255, .15);--btn: rgba(30, 42, 68, .9);--btn-hover: rgba(50, 72, 110, .95);--btn-active: #3d7ab8;--radius: 10px;--font: "Segoe UI", system-ui, -apple-system, sans-serif;--mono: ui-monospace, "Cascadia Code", "SF Mono", Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font)}#app{position:relative;width:100%;height:100%}#c{display:block;width:100%;height:100%;touch-action:none}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:1rem 1.1rem .85rem;gap:.75rem}#hud.hud-hidden .hud-chrome{visibility:hidden;opacity:0;pointer-events:none}.hud-header{pointer-events:none;max-width:22rem}.hud-header h1{margin:0;font-size:1.35rem;font-weight:650;letter-spacing:.02em;text-shadow:0 1px 12px rgba(0,0,0,.65)}.hud-header .subtitle{margin:.15rem 0 0;font-size:.8rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.panel{pointer-events:auto;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 28px #00000059}.bottom-bar{display:flex;flex-direction:column;margin-top:auto;margin-left:-1.1rem;margin-right:-1.1rem;margin-bottom:-.85rem;width:calc(100% + 2.2rem);max-width:none;box-sizing:border-box;pointer-events:none}.transport{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:.65rem .9rem;padding:.55rem 1.1rem;width:100%;max-width:none;margin:0;box-sizing:border-box;border-radius:var(--radius) var(--radius) 0 0;border-left:none;border-right:none;border-bottom:1px solid var(--panel-border);pointer-events:auto}.footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.35rem 1rem;margin:0;padding:.35rem 1.1rem .4rem;background:#080c16e0;border-top:1px solid rgba(140,180,255,.1)}.footer-hints{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.35rem .55rem;margin:0;padding:0;font-size:.68rem;color:var(--muted);letter-spacing:.02em;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.6);min-width:0}.footer-hints kbd{font-size:.62rem;padding:.05em .32em;min-width:.95em}.footer-sep{opacity:.45;-webkit-user-select:none;user-select:none}.telemetry{position:absolute;bottom:6.25rem;right:1.1rem;padding:.65rem .85rem;font-family:var(--mono);font-size:.78rem;line-height:1.55;min-width:13rem}.telemetry .label{color:var(--muted);display:inline-block;min-width:5.2rem}.telemetry #date{font-size:.72rem;letter-spacing:.01em}.fuel-row{display:grid;grid-template-columns:5.2rem 1fr auto;align-items:center;gap:.35rem .4rem;min-height:1.35em}.fuel-row .label{min-width:0}.fuel-row>span:last-child{font-size:.7rem;color:var(--muted);text-align:right;min-width:5.5rem}.fuel-meter{height:6px;border-radius:3px;background:#141c2ce6;border:1px solid rgba(140,180,255,.15);overflow:hidden;min-width:3.5rem}.fuel-bar{height:100%;width:100%;border-radius:2px;background:linear-gradient(90deg,#e07040,#ffb060);transition:width .12s linear}.fuel-bar.ship{background:linear-gradient(90deg,#3a7ab8,#7ec8ff)}.mission-complete{pointer-events:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;padding:1.1rem 1.35rem 1.15rem;min-width:16rem;max-width:min(22rem,92vw);text-align:center;border-color:#7ec8ff66;box-shadow:0 16px 48px #0000008c;animation:mc-in .45s ease}.mission-complete[hidden]{display:none}.mission-complete h2{margin:0;font-size:1.15rem;font-weight:650;letter-spacing:.04em}.mc-sub{margin:.25rem 0 .85rem;font-size:.72rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.mc-stats{display:grid;grid-template-columns:1fr 1fr;gap:.55rem .9rem;margin:0 0 .95rem;text-align:left;font-family:var(--mono);font-size:.78rem}.mc-stats dt{margin:0;color:var(--muted);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}.mc-stats dd{margin:.1rem 0 0;font-size:.9rem;color:var(--text)}.mc-replay{width:100%}@keyframes mc-in{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--panel-border);background:var(--btn);color:var(--text);font:inherit;font-size:.85rem;padding:.4rem .75rem;border-radius:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease}button:hover{background:var(--btn-hover)}button.active,button[aria-pressed=true]{background:var(--btn-active);border-color:#a0d2ff73}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.speed,.scrubber{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--muted)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--btn);color:var(--text);border:1px solid var(--panel-border);border-radius:6px;padding:.3rem .5rem;font:inherit;font-size:.85rem;cursor:pointer;min-width:6.5rem}.scrubber{flex:1 1 auto;min-width:0;width:100%;align-items:flex-end;gap:.35rem .5rem}.scrubber-label{padding-bottom:.55rem;flex-shrink:0}.scrub-wrap{position:relative;flex:1 1 auto;min-width:0;width:100%;padding-top:1.05rem}#scrub{width:100%;min-width:0}.scrub-markers{position:absolute;left:0;right:0;top:0;height:1rem;pointer-events:none}.scrub-mark{position:absolute;top:0;transform:translate(-50%);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:0;margin:0;color:var(--muted);font:inherit;font-size:.62rem;letter-spacing:.02em;line-height:1;cursor:pointer;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:1px;z-index:1}.scrub-mark:hover,.scrub-mark.active{color:var(--accent)}.scrub-mark.active .scrub-tick{background:var(--accent);box-shadow:0 0 6px #7ec8ff8c}.scrub-tick{display:block;width:2px;height:7px;border-radius:1px;background:#8cb4ff73}.scrub-lab{white-space:nowrap;max-width:3.2rem;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.75)}input[type=range]{flex:1;accent-color:var(--accent);width:100%;min-width:0;margin:0}.callout{pointer-events:none;position:absolute;top:4.75rem;left:50%;transform:translate(-50%);min-width:12rem;max-width:min(22rem,90vw);padding:.7rem 1.1rem .75rem;text-align:center;background:var(--panel);border:1px solid rgba(126,200,255,.35);border-radius:var(--radius);box-shadow:0 10px 36px #00000073;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:5;opacity:0}.cam-toast{pointer-events:none;position:absolute;top:1.15rem;left:50%;transform:translate(-50%);min-width:10rem;max-width:min(20rem,90vw);padding:.55rem 1rem .6rem;text-align:center;background:var(--panel);border:1px solid rgba(126,200,255,.4);border-radius:var(--radius);box-shadow:0 8px 28px #0006;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:6;opacity:0}.cam-toast.cam-toast-in{animation:callout-in .28s ease forwards}.cam-toast.cam-toast-out{animation:callout-out .28s ease forwards}.cam-toast-title{font-size:.92rem;font-weight:650;letter-spacing:.04em;color:var(--text);text-shadow:0 1px 8px rgba(0,0,0,.5)}.cam-toast-detail{margin-top:.15rem;font-size:.68rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.callout.callout-in{animation:callout-in .35s ease forwards}.callout.callout-out{animation:callout-out .3s ease forwards}.callout-title{font-size:1rem;font-weight:650;letter-spacing:.03em;color:var(--text);text-shadow:0 1px 10px rgba(0,0,0,.5)}.callout-detail{margin-top:.2rem;font-size:.75rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}@keyframes callout-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes callout-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-6px)}}.keymap{pointer-events:auto;position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1rem;background:#03050c8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.keymap[hidden]{display:none}.keymap-card{width:min(36rem,100%);max-height:min(90vh,40rem);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 48px #0000008c;border-color:#7ec8ff47;animation:keymap-in .22s ease}@keyframes keymap-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.keymap-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .9rem .55rem;border-bottom:1px solid var(--panel-border)}.keymap-header h2{margin:0;font-size:1.05rem;font-weight:650;letter-spacing:.04em}.keymap-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);font-size:1.45rem;line-height:1;width:2rem;height:2rem;border-radius:6px;cursor:pointer;padding:0}.keymap-close:hover,.keymap-close:focus-visible{color:var(--text);background:var(--btn-hover);outline:none}.keymap-body{display:grid;grid-template-columns:1fr 1fr;gap:.85rem 1.25rem;padding:.85rem .95rem .95rem;overflow-y:auto}.keymap-section h3{margin:0 0 .4rem;font-size:.68rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.keymap-section dl{margin:0;display:flex;flex-direction:column;gap:.28rem}.keymap-section dl>div{display:grid;grid-template-columns:minmax(5.5rem,auto) 1fr;gap:.45rem .7rem;align-items:baseline}.keymap-section dt{margin:0;font-family:var(--mono);font-size:.72rem;color:var(--text);display:flex;flex-wrap:wrap;gap:.2rem}.keymap-section dd{margin:0;font-size:.78rem;color:var(--muted)}kbd{display:inline-block;font-family:var(--mono);font-size:.7rem;font-weight:600;line-height:1.3;padding:.12em .4em;min-width:1.15em;text-align:center;color:var(--text);background:#1e2a44f2;border:1px solid rgba(140,180,255,.28);border-bottom-width:2px;border-radius:4px;box-shadow:0 1px #00000059}.metrics-card{width:min(40rem,100%)}.metrics-body{grid-template-columns:1fr 1fr}.metrics-body .keymap-section dl>div{grid-template-columns:minmax(6.2rem,auto) 1fr}.metrics-body dd{font-family:var(--mono);font-size:.76rem;color:var(--text);font-variant-numeric:tabular-nums;text-align:right}.metrics-body dt{font-family:var(--font);font-size:.74rem;color:var(--muted)}.metrics-foot{margin:0;padding:.45rem .95rem .75rem;font-size:.7rem;color:var(--muted);border-top:1px solid var(--panel-border);letter-spacing:.02em}.corner-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.2rem .65rem;margin:0 0 0 auto;padding:0;pointer-events:none;text-align:right}.copyright{margin:0;font-size:.68rem;font-family:var(--mono);color:var(--muted);opacity:.85;white-space:nowrap;pointer-events:none}.source-link{margin:0;font-size:.68rem;font-family:var(--mono);color:var(--muted);text-decoration:none;opacity:.85;white-space:nowrap;pointer-events:auto}.source-link:hover,.source-link:focus-visible{opacity:1;color:var(--text, #e8eaf0);text-decoration:underline;outline:none}@media(max-width:640px){.telemetry{bottom:7.25rem;right:.75rem;font-size:.7rem;min-width:10rem}.transport{flex-wrap:wrap;gap:.45rem .65rem}.scrubber{flex:1 1 100%;order:3}.scrub-lab{display:none}.footer-row{padding:.3rem .75rem .35rem;gap:.25rem .5rem}.footer-hints{gap:.25rem .4rem;font-size:.62rem}.callout{top:3.5rem}.cam-toast{top:.85rem}.keymap-body{grid-template-columns:1fr}.keymap-section dl>div{grid-template-columns:minmax(4.5rem,auto) 1fr}.corner-meta{gap:.15rem .45rem}.copyright,.source-link{font-size:.62rem}.source-link{max-width:min(100%,14rem);overflow:hidden;text-overflow:ellipsis}}