:root{--void:#05070d;--ink:#0b1020;--line:#7dd3fc38;--text:#dbe6f5;--muted:#7e8ca5;--accent:#7dd3fc;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(circle at 50% 40%, #0d1426 0%, var(--void) 70%);color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;overflow:hidden}.app{height:100%;position:relative}.viewport{cursor:grab;position:absolute;inset:0}.viewport canvas{display:block}.scanlines{pointer-events:none;z-index:5;mix-blend-mode:screen;background:repeating-linear-gradient(#7dd3fc09 0 1px,#0000 1px 3px);position:absolute;inset:0}.boot{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;height:100%;padding:2rem;display:flex}.boot h1{letter-spacing:.4em;margin:0;font-size:clamp(1.1rem,3vw,1.9rem);font-weight:400}.boot-status,.boot-hint{color:var(--muted);letter-spacing:.2em;font-size:.75rem}.boot-hint code{color:var(--accent)}.boot-status{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.hud-top{z-index:6;pointer-events:none;background:linear-gradient(#05070dd9,#0000);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.4rem 1.6rem;display:flex;position:absolute;top:0;left:0;right:0}.brand h1{letter-spacing:.42em;color:var(--text);margin:0;font-size:.82rem;font-weight:400}.brand p{letter-spacing:.16em;color:var(--muted);margin:.45rem 0 0;font-size:.68rem}.readout{letter-spacing:.18em;color:var(--muted);text-align:right;flex-direction:column;align-items:flex-end;gap:.3rem;font-size:.62rem;display:flex}.hud-system{z-index:6;flex-direction:column;align-items:flex-start;gap:.8rem;display:flex;position:absolute;top:5.4rem;left:1.6rem}.hud-system-head{align-items:center;gap:1rem;display:flex}.hud-system-head h2{letter-spacing:.24em;margin:0;font-size:1rem;font-weight:400}.system-strip{flex-wrap:wrap;gap:.35rem;max-width:34rem;margin:0;display:flex}.system-strip>div{border:1px solid var(--line);background:#0b1020db;padding:.45rem .65rem}.system-strip dt{letter-spacing:.18em;color:var(--muted);font-size:.5rem}.system-strip dd{letter-spacing:.05em;color:var(--text);white-space:nowrap;margin:.28rem 0 0;font-size:.66rem}.back{border:1px solid var(--line);color:var(--accent);font-family:var(--mono);letter-spacing:.2em;cursor:pointer;background:#0b1020cc;padding:.55rem .9rem;font-size:.62rem;transition:background .15s,border-color .15s}.back:hover{border-color:var(--accent);background:#7dd3fc24}.hud-bottom{z-index:6;pointer-events:none;background:linear-gradient(#0000,#05070de6);padding:1.1rem 1.4rem 1.3rem;position:absolute;bottom:0;left:0;right:0}.chips{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.chip{pointer-events:auto;border:1px solid var(--line);color:var(--muted);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:#0b1020d1;align-items:center;gap:.45rem;padding:.5rem .8rem;font-size:.6rem;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.chip:hover{color:var(--text);border-color:#7dd3fc8c}.chip.active{color:var(--void);background:var(--accent);border-color:var(--accent)}.chip.active .chip-count{color:var(--void);opacity:.7}.chip.random{color:var(--accent);border-color:#7dd3fc73}.chip-emoji{font-size:.85rem}.chip-count{color:#dbe6f573}.viewport.flight{cursor:crosshair}.reticle{pointer-events:none;border:1px solid #7dd3fc59;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%}.reticle:after{content:"";background:#7dd3fc99;border-radius:50%;position:absolute;inset:11px}.flight-hint{border:1px solid var(--line);letter-spacing:.16em;max-width:26rem;color:var(--muted);pointer-events:none;text-align:center;background:#05070dd1;flex-wrap:wrap;justify-content:center;gap:.35rem 1rem;padding:.8rem 1rem;font-size:.6rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,40px)}.flight-hint b{color:var(--accent);font-weight:400}.flight-hint .dim{opacity:.65;width:100%}.flight-hud{z-index:6;flex-direction:column;align-items:flex-start;gap:.5rem;display:flex;position:absolute;bottom:5rem;left:1.6rem}.gauge{border:1px solid var(--line);background:#0b1020db;min-width:12rem;padding:.5rem .75rem}.gauge dt{letter-spacing:.22em;color:var(--muted);font-size:.5rem}.gauge dd{letter-spacing:.06em;color:var(--text);margin:.25rem 0 0;font-size:.9rem}.gauge dd.boosting{color:var(--accent)}.gauge small{letter-spacing:.14em;color:var(--muted);margin-top:.2rem;font-size:.52rem;display:block}.arrival{border:1px solid var(--accent);background:#7dd3fc1a;flex-direction:column;gap:.55rem;padding:.7rem .8rem;animation:.25s ease-out slide;display:flex}.arrival-tag{letter-spacing:.28em;color:var(--accent);margin-bottom:.25rem;font-size:.5rem;display:block}.arrival strong{letter-spacing:.16em;font-size:.85rem;font-weight:400}.arrival-actions{flex-wrap:wrap;gap:.4rem;display:flex}.arrival-actions button{border:1px solid var(--line);color:var(--text);font-family:var(--mono);letter-spacing:.18em;cursor:pointer;background:#0b1020cc;padding:.5rem .7rem;font-size:.55rem}.arrival-actions button:hover{border-color:var(--accent);color:var(--accent)}.arrival-actions button.primary{background:var(--accent);color:var(--void);border-color:var(--accent)}.star-hero{text-align:center;flex-direction:column;align-items:center;gap:.55rem;margin-bottom:1.1rem;display:flex}.star-orb{border-radius:50%;width:104px;height:104px;margin-bottom:.4rem}.star-hero h2{letter-spacing:.2em;margin:0;font-size:1rem;font-weight:400}.star-copy{flex-direction:column;gap:.75rem;margin-bottom:1.2rem;display:flex}.star-blurb{color:#dbe6f5d1;margin:0;font-size:.7rem;line-height:1.7}.star-worlds{border-left:1px solid var(--line);color:#dbe6f5b3;padding-left:.75rem}.enter-system{background:var(--accent);width:100%;color:var(--void);font-family:var(--mono);letter-spacing:.2em;cursor:pointer;border:none;margin-top:1.1rem;padding:.7rem;font-size:.6rem}.enter-system:hover{filter:brightness(1.1)}.panel{z-index:7;border-left:1px solid var(--line);background:linear-gradient(270deg,#05070df7 78%,#05070ddb);width:min(420px,100%);padding:1.5rem 1.5rem 6rem;animation:.28s ease-out slide;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}@keyframes slide{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.panel-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.4rem;line-height:1;position:absolute;top:1rem;right:1.1rem}.panel-close:hover{color:var(--accent)}.panel-hero{text-align:center;flex-direction:column;align-items:center;gap:.9rem;margin-bottom:1.4rem;display:flex}.planet-disc{filter:drop-shadow(0 0 26px #7dd3fc2e);width:190px;height:190px}.panel-hero h2{letter-spacing:.2em;margin:0;font-size:1.05rem;font-weight:400}.panel-class{letter-spacing:.28em;margin:.4rem 0 0;font-size:.62rem}.panel-host{letter-spacing:.2em;color:var(--muted);margin:.3rem 0 0;font-size:.58rem}.stat-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 0 1.4rem;display:grid}.stat{background:var(--ink);padding:.65rem .7rem}.stat:last-child:nth-child(odd){grid-column:1/-1}.stat dt{letter-spacing:.2em;color:var(--muted);font-size:.52rem}.stat dd{letter-spacing:.06em;color:var(--text);margin:.35rem 0 0;font-size:.76rem}.report{border:1px solid var(--line);background:#0b1020b3}.report-head{border-bottom:1px solid var(--line);letter-spacing:.22em;color:var(--muted);justify-content:space-between;padding:.55rem .75rem;font-size:.54rem;display:flex}.status{color:var(--accent);animation:1.4s ease-in-out infinite pulse}.status.done{color:var(--muted);animation:none}.report pre{font-family:var(--mono);white-space:pre-wrap;word-break:break-word;color:#dbe6f5e6;margin:0;padding:.9rem .85rem 1.1rem;font-size:.7rem;line-height:1.65}.caret{color:var(--accent);animation:.9s steps(2,end) infinite pulse}@media (width>=721px){.hud-bottom.shifted{padding-right:calc(min(420px,100%) + 1.4rem)}}@media (width<=720px){.panel{border-left:none;width:100%}.readout{display:none}.hud-system{top:5rem}.hud-bottom.shifted{display:none}.chips{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}}.minimap{z-index:7;border:1px solid var(--line);background:#0b1020db;padding:.5rem .55rem .45rem;position:absolute;top:5.2rem;right:1.6rem}.minimap-head,.minimap-foot{letter-spacing:.2em;color:var(--muted);justify-content:space-between;align-items:center;font-size:.5rem;display:flex}.minimap-head{margin-bottom:.35rem}.minimap-foot{margin-top:.35rem}.minimap-head button{border:1px solid var(--line);color:var(--muted);font-family:var(--mono);letter-spacing:.2em;cursor:pointer;background:0 0;padding:.15rem .35rem;font-size:.45rem}.minimap-head button:hover{color:var(--accent);border-color:var(--accent)}.minimap-canvas{display:block}.mini-ring{fill:none;stroke:#7dd3fc24;stroke-dasharray:2 4}.mini-path{fill:none;stroke:var(--accent);stroke-width:1px;opacity:.75}.mini-sol{fill:#fff4ea}.mini-visit{fill:var(--accent)}.mini-planet{fill:#dbe6f58c}.mini-ship{fill:#fff;stroke:var(--accent);stroke-width:1px}