@font-face{font-family:Oxanium;src:url(../fonts/oxanium-latin-variable.woff2) format("woff2-variations");font-style:normal;font-weight:200 800;font-display:swap}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{font-family:Oxanium,system-ui,sans-serif;color:#bdc9c0;background:#050907;line-height:1.45;--surface: #08100bef;--surface-deep: #050907;--border: #568a63;--primary: #9cff91;--secondary: #64dde5;--muted: #8ca694;--focus: #9cff9166}body{margin:0;min-height:100vh;background:linear-gradient(#9cff9108 1px,transparent 1px),linear-gradient(90deg,#9cff9108 1px,transparent 1px),#050907;background-size:24px 24px}button,select,input{font:inherit}a{color:var(--secondary)}header,footer,.panel,.viewport{border:1px solid var(--border);background:var(--surface)}header{display:flex;justify-content:space-between;align-items:end;margin:12px;padding:18px 24px}h1{color:var(--primary);font-size:clamp(2rem,5vw,4.8rem);font-weight:700;line-height:.85;margin:10px 0;letter-spacing:-.06em}.code,h2{font-size:.72rem;font-weight:650;color:var(--primary);letter-spacing:.18em;text-transform:uppercase}main{display:grid;grid-template-columns:280px minmax(360px,1fr) 280px;gap:12px;margin:0 12px}.panel{padding:16px;max-height:calc(100vh - 170px);overflow:auto;scrollbar-color:var(--border) var(--surface-deep)}.panel h2{border-bottom:1px solid var(--border);padding-bottom:8px;margin:18px 0 12px}.panel h2:first-child{margin-top:0}label{display:grid;gap:5px;margin:10px 0;color:#a9b9ae;font-size:.78rem}label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px;min-height:24px}select,input:not([type=checkbox]):not([type=range]){width:100%;border:1px solid var(--border);border-radius:0;background:var(--surface-deep);color:#d3ded6;padding:8px}input[type=checkbox]{appearance:none;inline-size:17px;block-size:17px;flex:0 0 17px;display:grid;place-content:center;margin:0;border:1px solid var(--border);border-radius:0;background:var(--surface-deep);color:#050907;cursor:pointer}input[type=checkbox]:before{content:"";inline-size:9px;block-size:5px;border:solid currentColor;border-width:0 0 2px 2px;transform:rotate(-45deg) scale(0);transform-origin:center}input[type=checkbox]:checked{border-color:var(--primary);background:var(--primary)}input[type=checkbox]:checked:before{transform:rotate(-45deg) scale(1)}input[type=checkbox]:disabled{cursor:not-allowed;opacity:.45}input[type=range]{appearance:none;width:100%;height:24px;margin:2px 0;background:transparent;cursor:pointer;accent-color:var(--primary)}input[type=range]::-webkit-slider-runnable-track{height:4px;border:1px solid var(--border);border-radius:0;background:linear-gradient(90deg,#173a21,var(--surface-deep))}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:16px;margin-top:-7px;border:1px solid var(--primary);border-radius:0;background:var(--surface-deep);box-shadow:inset 0 0 0 3px var(--primary)}input[type=range]::-moz-range-track{height:3px;border:1px solid var(--border);border-radius:0;background:var(--surface-deep)}input[type=range]::-moz-range-progress{height:3px;background:#396b44}input[type=range]::-moz-range-thumb{width:12px;height:14px;border:1px solid var(--primary);border-radius:0;background:var(--primary)}.file{position:relative;overflow:hidden;border:1px solid var(--border);padding:8px;color:var(--primary);cursor:pointer}label.file input[type=file]{position:absolute;inset:0;inline-size:100%;block-size:100%;width:100%;height:100%;opacity:0;cursor:pointer}.file:focus-within{border-color:var(--primary);outline:2px solid var(--focus);outline-offset:2px}button{width:100%;margin:4px 0;border:1px solid var(--border);border-radius:0;background:#071009;color:var(--primary);padding:8px;cursor:pointer;text-align:left}button:hover,button:focus-visible,select:focus-visible,input:focus-visible{border-color:var(--primary);outline:2px solid var(--focus);outline-offset:1px}.note{color:var(--muted);font-size:.7rem}.pulsars{max-height:180px;overflow:auto;border:1px solid var(--border);padding:5px}.pulsars label{display:flex;margin:3px;white-space:nowrap}.pulsars .unavailable{color:var(--muted);opacity:.78}.viewport{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column}.viewport-head,.console{display:flex;justify-content:space-between;gap:1rem;padding:9px 12px;color:var(--primary);font-size:.7rem;border-bottom:1px solid var(--border)}.console{border-top:1px solid var(--border);border-bottom:0;color:#ffb454}.distance-notice{position:relative;display:flex;align-items:center;gap:12px;padding:8px 42px 8px 12px;border-bottom:1px solid #a66f32;background:#1a1008;color:#e9c58f;font-size:.72rem}.distance-notice[hidden]{display:none}.distance-notice p{margin:0}.notice-action{display:inline;width:auto;margin:0 0 0 .35rem;padding:0;border:0;color:#ffb454;background:transparent;font-size:inherit;font-weight:650;text-decoration:underline;text-transform:uppercase}.notice-close{width:28px;height:28px;margin:0;padding:0;display:grid;place-items:center;text-align:center}.distance-notice>.notice-close{position:absolute;top:50%;right:8px;transform:translateY(-50%);color:#ffb454;border-color:#a66f32}.canvas-shell{position:relative;min-width:0;min-height:0;flex:1 1 auto;display:flex}.preview-tools{position:absolute;top:48px;right:12px;z-index:2;display:flex;gap:4px;padding:4px;border:1px solid var(--border);background:#050907dd}.preview-tools button{width:auto;min-width:32px;margin:0;padding:4px 8px;text-align:center}#zoom-reset{min-width:58px}.distance-dialog{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--border);border-radius:0;padding:20px;background:#08100b;color:#c6d1c8;font:inherit;box-shadow:0 20px 80px #000c}.distance-dialog::backdrop{background:#020503cc}.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}.dialog-head h2{margin:0;font-size:.9rem}.distance-dialog p{margin:16px 0}.dialog-close{width:auto;min-width:96px;text-align:center}#canvas{min-height:520px;display:grid;place-items:center;overflow:hidden;cursor:grab;touch-action:none;user-select:none;background:radial-gradient(circle,#102017 0,#050907 70%)}#canvas.is-panning{cursor:grabbing}#canvas svg{width:100%;height:auto;max-height:calc(100vh - 240px)}footer{margin:12px;padding:12px;text-align:center;font-size:.68rem;color:var(--muted)}@media(min-width:1001px){html,body{height:100%;overflow:hidden}#app{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100vh;height:100dvh;overflow:hidden}main{min-height:0}.panel{max-height:none;min-height:0}#canvas{flex:1 1 auto;min-height:0}#canvas svg{width:100%;height:100%;max-height:100%}}@media(min-width:1001px)and (max-height:780px){header{margin:8px 12px;padding:10px 18px}h1{font-size:clamp(2rem,4vw,3.4rem);margin:6px 0}footer{margin:8px 12px;padding:7px}}@media(max-width:1000px){header{align-items:start}main{grid-template-columns:1fr}.panel{max-height:none}#canvas{min-height:50vh;touch-action:pan-y}}@media(max-width:560px){header{display:block;padding:16px}main{margin:0 8px;gap:8px}.viewport-head{display:grid}}@media(forced-colors:active){input[type=checkbox],input[type=range]{appearance:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{.panel,header,footer,.console,.viewport-head{display:none}html,body,#app{height:auto;overflow:visible}main{display:block}.viewport{border:0}#canvas{background:#fff}}