:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;color:#eaf0f5;background:#03070c}*{box-sizing:border-box}body{margin:0;overflow:hidden}#universe,#labels{position:fixed;inset:0}canvas{display:block;touch-action:none}#labels{pointer-events:none;overflow:hidden}.planet-label{position:absolute;pointer-events:auto;border:0;border-left:1px solid #7793a5;border-radius:0;padding:3px 9px;background:#06101ac9;font-size:11px;letter-spacing:.07em;white-space:nowrap;transform:translate(-50%,8px)}header{position:fixed;top:32px;left:38px;pointer-events:none}.brand{display:block;color:#e9f2f7;text-decoration:none;letter-spacing:.22em;font-size:13px;margin-bottom:44px;pointer-events:auto}.eyebrow{display:block;font-size:10px;letter-spacing:.19em;color:#7bbcaf}h1{font-size:clamp(30px,4vw,54px);font-weight:350;letter-spacing:-.04em;margin:10px 0}header p{font-size:13px;color:#8ea0b1;margin:0}.panel{position:fixed;top:40px;right:30px;width:270px;padding:24px;background:linear-gradient(145deg,#13202de8,#09111ae8);border:1px solid #ffffff16;border-radius:14px;backdrop-filter:blur(15px)}label{display:block;font-size:12px;margin:21px 0 8px;color:#b8c8d4}select{width:100%;padding:11px;background:#0c1721;color:#f4f7fa;border:1px solid #354451;border-radius:6px}h2{font-size:22px;font-weight:450;margin:24px 0 10px}p{font-size:13px;line-height:1.6;color:#a6b7c6}.small{font-size:11px;color:#8c9cac}hr{border:0;border-top:1px solid #ffffff15;margin:20px 0}button{color:#cfdae4;background:#12232f;border:1px solid #354451;padding:9px 12px;border-radius:6px;cursor:pointer}button:hover,button:focus-visible{border-color:#80dbc5;color:white}button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #8fe8cd;outline-offset:3px}.actions{display:flex;gap:8px;margin:18px 0 10px}#motion{width:100%}footer{position:fixed;bottom:25px;left:38px;right:30px;display:flex;align-items:center;gap:22px}.instructions{display:flex;gap:24px;font-size:11px;color:#91a3b4}.zoom{display:flex;gap:6px}.zoom button{font-size:18px;padding:3px 13px}details{margin-left:auto;font-size:11px;color:#99aebd}summary{cursor:pointer}details[open]{max-width:360px;background:#0c1823;padding:18px;border:1px solid #354451;border-radius:8px}a{color:#92d6c6}#status{position:fixed;bottom:85px;left:38px;padding:10px 16px;background:#13232f;border-radius:8px;font-size:12px}dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px}dt{color:#8ea0b1}dd{margin:0;text-align:right;color:#e3efef}@media(max-width:750px){header{top:20px;left:20px}.brand{margin-bottom:20px}header p,header>.eyebrow{display:none}.panel{top:auto;bottom:85px;right:15px;width:220px;padding:15px;max-height:35vh;overflow:auto}h1{font-size:29px}.panel>.eyebrow{display:none}label{margin-top:10px}footer{bottom:16px;left:16px;right:16px;gap:10px}.instructions{display:none}details[open]{max-width:260px}.planet-label{font-size:10px}#status{left:16px;bottom:60px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.panel{max-height:calc(100vh - 120px);overflow-y:auto}.moon-label{border-color:#8fdfc4;color:#b8eadb}#moon-system{width:100%;margin-top:16px}#moon-system[hidden]{display:none}details[open]{max-height:70vh;overflow:auto}@media(max-width:750px){.panel{max-height:35vh}}

.craft-label{border-color:#edbb72;color:#f5d9ab}#craft-system{width:100%;margin-top:9px;border-color:#6f5839}#craft-system[hidden]{display:none}

#show-everything{width:100%;margin-top:12px}#show-everything[aria-pressed="true"]{background:#20453f;border-color:#83d9c0;color:#d9fff2}