:root{color-scheme:dark;font-family:Consolas,'Courier New',monospace;color:#c2d1d7;background:#020407;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{position:fixed;inset:0;width:100%;height:100%;cursor:grab;touch-action:none}canvas:active{cursor:grabbing}canvas:focus-visible{outline:1px solid #94d7d7;outline-offset:-4px}header{position:absolute;top:35px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:flex;gap:13px;align-items:center;color:#e5efed;text-decoration:none;font-size:32px;pointer-events:auto}.brand span{font-size:16px;letter-spacing:5px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#647e87;margin-top:8px}.status{font-size:9px;letter-spacing:2px;color:#88aaa9}.status i{display:inline-block;width:5px;height:5px;background:#a1d2ae;border-radius:50%;margin-right:8px;box-shadow:0 0 10px #6ae9ab}.status span{display:block;text-align:right;margin-top:9px;color:#536771;font-size:8px}.intro{position:absolute;top:145px;left:44px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;color:#799ca6}h1{font-family:Georgia,serif;font-size:clamp(24px,2.5vw,40px);font-weight:normal;line-height:1.16;letter-spacing:-1px;color:#dfebe9;margin:18px 0}.intro p{font-size:10px;line-height:1.9;color:#627b84}.system{position:absolute;right:42px;top:36%;width:210px;border-top:1px solid #31515a;padding-top:17px;background:linear-gradient(90deg,transparent,#020407bb);pointer-events:none}.system .eyebrow{font-size:8px;display:flex;justify-content:space-between}h2{font-family:Georgia,serif;font-size:36px;font-weight:normal;margin:19px 0 7px;color:#dcebe7}.system-class{font-size:8px;color:#b3b599;letter-spacing:1px}dl{font-size:8px;margin:26px 0 23px}dl div{display:flex;justify-content:space-between;margin:15px 0}dt{color:#576f79}dd{color:#a8bdc5;margin:0}.system p{font-size:8px;line-height:1.7;color:#59737c}.signal{height:25px;display:flex;gap:5px;align-items:center}.signal span{width:2px;height:10px;background:#6caaa7}.signal span:nth-child(3n){height:22px}.signal span:nth-child(4n){height:5px}.signal span:nth-child(5n){height:16px}.galaxy-caption{position:absolute;bottom:134px;left:44px;display:flex;flex-direction:column;gap:10px;pointer-events:none}.galaxy-caption span{font-size:8px;letter-spacing:2px;color:#56757e}.galaxy-caption strong{font-size:11px;font-weight:normal;letter-spacing:3px;color:#a1b8bd}footer{position:absolute;left:42px;right:42px;bottom:28px;border-top:1px solid #142a33;padding-top:18px;display:flex;align-items:center;justify-content:space-between}.controls{display:flex;gap:8px}button{font:15px Consolas,monospace;color:#8ba8b1;border:1px solid #233a44;background:#061017b3;padding:11px 14px;cursor:pointer;border-radius:3px}button span{font-size:9px;margin-left:7px}button:hover,button:focus-visible{color:#daf7eb;border-color:#7aaba8;background:#102629}button[aria-pressed=true]{border-color:#426b70;color:#b1d8cf}.help{font-size:8px;letter-spacing:1px;color:#607a85}.help b{margin:0 12px;color:#2e4852}#star-count{display:block;text-align:right;font-size:8px;color:#3e5964;margin-top:9px}@media(max-width:800px){header{top:22px;left:22px;right:22px}.intro{left:22px;top:105px}.intro h1{font-size:25px}.intro p{display:none}.system{right:22px;top:auto;bottom:136px;width:170px}.system dl,.signal,.system p{display:none}.system h2{font-size:25px;margin-top:12px}.galaxy-caption{left:22px;bottom:142px}.galaxy-caption strong{font-size:9px}.galaxy-caption span{font-size:6px}footer{left:18px;right:18px;bottom:18px;display:block}.help{margin-top:14px;text-align:center;font-size:7px}#star-count{display:none}button{padding:10px}.controls{justify-content:center}button span{font-size:8px;margin-left:4px}.status{font-size:7px}.status span{display:none}}

@media(max-width:800px){.controls{flex-wrap:wrap;gap:5px}button{padding:8px}.help{font-size:6px}}

[hidden]{display:none!important}.system button{pointer-events:auto}#enter-system{width:100%;margin-top:8px;font-size:11px;border-color:#648e8c;color:#c7e3ca}#planet-list{margin-top:18px;max-height:240px;overflow:auto;pointer-events:auto;font-size:9px}#planet-list div{padding:9px 0;border-bottom:1px solid #183039}#planet-list small{display:block;margin-top:5px;font-size:8px;color:#698894}.solar-view .intro h1{font-size:30px}.solar-view .system .signal,.solar-view .system dl{display:none}@media(max-width:800px){.solar-view #planet-list{max-height:110px}.solar-view .system{bottom:150px;width:150px}.solar-view .intro h1{font-size:24px}#enter-system{font-size:10px;padding:8px}.solar-view .galaxy-caption{max-width:150px}}

.intro,.system,.galaxy-caption{transition:opacity .35s ease}.entering-system .intro,.entering-system .system,.entering-system .galaxy-caption{opacity:0;pointer-events:none}.entering-system .controls button:not(#back-galaxy){pointer-events:none;opacity:.4}.entering-system canvas{cursor:progress}@media(prefers-reduced-motion:reduce){.intro,.system,.galaxy-caption{transition:none}}

#planet-list button{display:block;width:100%;text-align:left;padding:9px 5px;background:transparent;border:0;border-bottom:1px solid #183039;font-size:9px}#planet-list button:hover{background:#12262b}#planet-detail{max-height:200px;overflow:auto;pointer-events:auto}#planet-detail p{font-size:10px;color:#a5bec8}

#planet-detail button{display:block;width:100%;margin:8px 0;font-size:10px;text-align:left}.surface-view .galaxy-caption{display:none}.surface-view .intro p{display:none}#surface-move{display:inline-flex;gap:5px}#surface-move button{font-size:11px}.surface-view .system{background:#020407bb;padding:12px}

#star-layer{pointer-events:none;z-index:0}#galaxy{z-index:1}header,.intro,.system,.galaxy-caption,footer{z-index:2}

#terrain-layer{pointer-events:none;z-index:2}header,.intro,.system,.galaxy-caption,footer{z-index:3}.surface-view::after{content:"+";position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font:16px monospace;color:#abc7bd80;pointer-events:none;z-index:3}

#performance{position:fixed;top:90px;right:42px;z-index:5;color:#b9d6c8;font:11px Consolas,monospace;background:#020407b0;padding:8px}

#body-layer{pointer-events:none;z-index:2}#terrain-layer{z-index:3}header,.intro,.system,.galaxy-caption,footer{z-index:4}.surface-view::after{z-index:4}.style-control{display:flex;flex-direction:column;gap:4px;color:#7d9a9e;font-size:8px;letter-spacing:1px}#render-style{background:#071219;color:#bdd7d6;border:1px solid #31505a;font:10px Consolas,monospace;padding:7px;max-width:145px}

#distance-style{background:#071219;color:#bdd7d6;border:1px solid #31505a;font:10px Consolas,monospace;padding:7px;max-width:165px}.controls{flex-wrap:wrap}

#legacy-ui{display:none!important}#selection-label{position:fixed;left:28px;bottom:26px;z-index:5;color:#c4d9d3;font:13px Consolas,monospace;letter-spacing:2px;pointer-events:none;text-shadow:0 1px 8px #000}.surface-view::after{display:none}#galaxy:focus-visible{outline:none}.entering-system canvas{cursor:grab}dialog#settings{color:#c5dbd5;background:#071015f5;border:1px solid #31505a;border-radius:5px;padding:28px;width:min(420px,90vw);z-index:20}dialog#settings::backdrop{background:#0009}#settings h2{font:20px Georgia,serif;margin:0 0 20px}#settings-content{display:flex;flex-direction:column;gap:13px}#settings-content .style-control{font-size:11px}#settings-content select{max-width:none;width:100%;font-size:12px}#resume{width:100%;margin-top:22px}#performance{display:none!important}

#scale-strategy{background:#071219;color:#bdd7d6;border:1px solid #31505a;padding:8px;font:12px Consolas,monospace}#scale-strategy-hint{color:#7d9a9e;line-height:1.6;letter-spacing:0;font:11px Consolas,monospace}

#time-scale{width:100%;accent-color:#9cc7b6}#time-scale-value{float:right;color:#d4e8df}#settings-content small{font-size:10px;line-height:1.6;letter-spacing:0;color:#829d98}