*{box-sizing:border-box}:root{color-scheme:dark;--ink: #03060b;--paper: #eff5f8;--muted: #bdcbd6;--accent: #aed6ec;--line: #ffffff30;font-family:Barlow Condensed,Arial Narrow,sans-serif;color:var(--paper);background:var(--ink)}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}button,input,summary{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.stage{position:relative;height:100dvh;isolation:isolate;background:var(--ink)}.stage canvas{display:block;width:100%;height:100%}.vignette{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,#03060b66,transparent 19%,transparent 67%,#03060bcc)}.reconstruction{position:absolute;z-index:3;top:1.2rem;left:1.6rem;color:var(--paper);font-size:.9rem;text-decoration:none;text-shadow:0 1px 6px #000}.reconstruction span{color:var(--muted)}.hud-top{position:absolute;z-index:2;top:3.3rem;left:1.6rem;text-shadow:0 1px 6px #000;pointer-events:none}.met{font-size:1.2rem;letter-spacing:.03em;font-variant-numeric:tabular-nums}.place{margin-top:.25rem;color:var(--muted);font-size:.85rem}.veil{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:5rem 7vw;background:linear-gradient(90deg,#03060be6,#03060b55 42%,transparent 75%);pointer-events:none}.veil>*{pointer-events:auto}.kicker{margin:0 0 1rem;font-size:1rem;color:var(--muted)}.veil h1{margin:0;max-width:7ch;font-size:clamp(4rem,8vw,8rem);font-weight:500;line-height:.95;letter-spacing:-.035em}.lede{max-width:29ch;font-family:Georgia,serif;font-size:clamp(1rem,1.4vw,1.25rem);color:var(--muted);line-height:1.6;margin:1.5rem 0 0}.play{margin-top:1.75rem;border:1px solid #ffffff80;background:#eff5f8;color:#081019;padding:.7rem 1.25rem;min-height:44px;font-size:1.05rem;border-radius:2px}.play:hover{background:var(--accent)}.caption,.endcard{position:absolute;z-index:2;bottom:7rem;margin:0;pointer-events:none;text-shadow:0 2px 10px #000}.caption{left:1.6rem;max-width:min(30rem,75%);font-size:clamp(1.1rem,1.6vw,1.7rem);line-height:1.3}.endcard{right:1.6rem;font-family:Georgia,serif;font-size:1.1rem}.transport{position:absolute;z-index:4;bottom:0;left:0;right:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.3rem;padding:1rem 1.6rem;background:linear-gradient(transparent,#03060bdd 25%)}.transport button{background:transparent;border:1px solid var(--line);border-radius:3px;min-width:44px;min-height:44px;padding:.3rem .75rem;font-size:.95rem}.transport button:hover,.transport button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.scrub{min-width:0}.scrub>input{display:block;margin:0;width:100%;min-height:26px;accent-color:var(--accent);cursor:pointer}.ticks{display:flex;justify-content:space-between;gap:.5rem}.ticks button{padding:0;min-height:26px;min-width:0;border:0;color:var(--muted);font-size:.8rem}.settings{position:relative}.settings summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center;padding:0 .65rem;border:1px solid var(--line);border-radius:3px;white-space:nowrap}.settings summary::-webkit-details-marker{display:none}.settings[open] summary{border-color:var(--accent)}.cluster{position:absolute;bottom:calc(100% + .7rem);right:0;width:19rem;display:flex;flex-wrap:wrap;gap:.5rem;padding:.8rem;background:#08111aee;border:1px solid var(--line);border-radius:4px;box-shadow:0 10px 30px #0005}.cluster>a{color:var(--accent);padding:.6rem .4rem;min-height:44px}.vol{display:flex;align-items:center;gap:.8rem;min-height:44px;width:100%;padding:.2rem .4rem;color:var(--muted)}.vol input{flex:1;min-width:0;accent-color:var(--accent)}.telem{position:absolute;z-index:3;top:3.3rem;right:1.6rem;width:18.5rem;max-height:calc(100dvh - 12rem);overflow:auto;display:grid;grid-template-columns:1fr auto;gap:.3rem 1rem;padding:1rem;background:#08111aed;border:1px solid var(--line);border-radius:4px;font-size:.88rem;font-variant-numeric:tabular-nums}.telem-head{grid-column:1/-1;display:flex;justify-content:space-between;margin-bottom:.5rem;color:var(--accent)}.telem>span{color:var(--muted)}.telem>span[data-k]{text-align:right;color:var(--paper)}.telem-credit{grid-column:1/-1;margin-top:.6rem;font-size:.75rem;line-height:1.5}.telem a{color:var(--accent)}.status{position:absolute;z-index:5;top:6rem;left:1.6rem;right:1.6rem;margin:0;padding:1rem;background:#102434;border:1px solid var(--accent)}@media(max-width:720px){.reconstruction{top:.8rem;left:1rem;font-size:.8rem}.hud-top{top:2.8rem;left:1rem}.transport{grid-template-columns:auto minmax(0,1fr) auto;padding:.7rem 1rem;gap:.6rem}.ticks{overflow-x:auto;justify-content:flex-start;gap:1.2rem;padding-bottom:.25rem}.ticks button{flex-shrink:0;min-height:32px}.settings summary{font-size:.85rem;padding:0 .4rem}.cluster{width:min(19rem,calc(100vw - 2rem))}.caption{left:1rem;bottom:7rem}.endcard{right:1rem;bottom:9.5rem}.veil{padding:6rem 1.5rem 8rem;background:linear-gradient(90deg,#03060bc9,#03060b33)}.veil h1{font-size:clamp(3.2rem,13vw,5rem)}.lede{max-width:26ch;font-size:1rem}.telem{top:5.5rem;right:1rem;width:min(18.5rem,calc(100vw - 2rem))}}@media(max-height:500px){.veil{justify-content:center;padding-top:2rem;padding-bottom:6rem}.veil h1{font-size:3.5rem;max-width:none}.kicker,.lede{display:none}.play{margin-top:.8rem}.caption{bottom:5.5rem}.telem{top:1rem;max-height:calc(100dvh - 7rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}button:disabled{opacity:.6;cursor:wait}