:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f7f8ff;background:#050b18}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit}#universe{display:block;position:fixed;width:100vw;height:100vh;touch-action:none}#planet-labels{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden}.planet-label{position:absolute;left:0;top:0;white-space:nowrap;font-size:11px;font-weight:600;color:#cfdaee;text-shadow:0 1px 10px #000;letter-spacing:.04em}.layout{position:fixed;inset:0;z-index:3;pointer-events:none;display:flex;flex-direction:column;padding:34px 42px 24px}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}h1{font-size:clamp(32px,4vw,55px);letter-spacing:-.04em;margin:0;line-height:1.1}.subtitle{font-size:13px;color:#92a0b8;line-height:1.6}.toolbar{display:flex;gap:8px;flex-wrap:wrap;pointer-events:auto}.toolbar button{border:1px solid #31405b;color:#ecf4ff;background:#121f34d9;padding:10px 13px;border-radius:9px;cursor:pointer;font-weight:600;font-size:12px}.toolbar button:hover{background:#283b57;border-color:#5d7399}.toolbar button:focus-visible{outline:2px solid #a9d7fa;outline-offset:3px}.details[hidden]{display:none}.details{margin-top:auto;margin-left:auto;margin-bottom:27px;background:#070f1ddb;border:1px solid #293853;border-radius:14px;padding:23px;max-width:330px;width:100%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.details h2{margin:0 0 8px;font-size:23px}.details p{font-size:13px;line-height:1.7;color:#9aaac4;margin:0}.facts{margin-top:12px;padding-top:12px;border-top:1px solid #293853;color:#bfcce5;font-size:12px}.details p.distance{margin-top:8px;color:#d8e6ff;font-size:12px;font-variant-numeric:tabular-nums}.sim-date{color:#ecf4ff;font-weight:700;font-variant-numeric:tabular-nums}@media(max-width:800px){.layout{padding:22px 17px 20px}.header{flex-direction:column;gap:6px}.toolbar{flex-wrap:wrap}.toolbar button{padding:9px 10px;font-size:11px}.details{max-width:270px;padding:15px;margin-bottom:14px}.details h2{font-size:19px}}@media(max-height:520px){.details{margin-bottom:8px;max-width:255px}.subtitle{display:none}}.layers{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px;pointer-events:auto}.layers button{border:1px solid #2a3852;color:#b9c7de;background:#0c1628b3;padding:7px 11px;border-radius:999px;cursor:pointer;font-size:11.5px;font-weight:600}.layers button[aria-pressed=true]{background:#3a60968c;border-color:#5f86c0;color:#f2f7ff}.layers button.action{border-color:#8a5a2a;background:#5a300e8c;color:#ffd9a8}.layers button.action:hover{background:#824614b3}.layers button:focus-visible{outline:2px solid #a9d7fa;outline-offset:2px}.planet-label.moon-label{font-size:10px;color:#aebbd2;font-weight:500}.planet-label.minor-label{font-size:10px;color:#e9d9b0;font-weight:600;letter-spacing:.06em}.facts div+div{margin-top:4px}.details p.note{margin-top:10px;font-size:11px;color:#f0c48f;line-height:1.5}.toasts{position:fixed;top:236px;left:42px;display:flex;flex-direction:column;gap:8px;max-width:340px;pointer-events:none;z-index:4}.toast{background:#140e06e0;border:1px solid #7a5726;border-radius:12px;padding:12px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:toast-in .35s ease-out;transition:opacity .5s,transform .5s}.toast strong{display:block;color:#ffd28a;font-size:13px;margin-bottom:4px}.toast p{margin:0;color:#e8dcc8;font-size:12px;line-height:1.55}.toast.leaving{opacity:0;transform:translateY(-6px)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(max-width:700px){.layers{margin-top:10px}.layers button{padding:6px 9px;font-size:10.5px}.toasts{inset:auto 16px 240px;max-width:none}}.presence{position:fixed;left:42px;bottom:54px;z-index:4;pointer-events:auto;max-width:290px}.presence-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid #2a3852;background:#0a1222d1;color:#d6e2f5;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.presence-toggle i{width:8px;height:8px;border-radius:50%;background:#6b778c}.presence[data-state=online] .presence-toggle i{background:#5ee38f;box-shadow:0 0 8px #5ee38f}.presence[data-state=connecting] .presence-toggle i{background:#f2c14e;animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.3}}.presence-body{display:none;margin-top:8px;background:#070f1de6;border:1px solid #293853;border-radius:12px;padding:10px 12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.presence.open .presence-body{display:block}.presence ul{list-style:none;margin:0;padding:0;max-height:220px;overflow:auto}.presence li{display:grid;grid-template-columns:10px 1fr;column-gap:8px;padding:5px 0;font-size:12px}.presence li i{width:8px;height:8px;border-radius:50%;margin-top:4px}.presence li strong{color:#eef4ff;font-weight:600}.presence li span{color:#8ea0bd;font-size:11px}.presence li+li{border-top:1px solid #1d2a40}.presence-emotes{display:flex;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid #1d2a40}.presence-emotes[hidden]{display:none}.presence-emotes button{flex:1;font-size:18px;background:#1e2c44cc;border:1px solid #2c3d5a;border-radius:8px;padding:4px 0;cursor:pointer}.presence-emotes button:hover{background:#2b4166}.emote-bubbles{position:fixed;inset:0;z-index:5;pointer-events:none;overflow:hidden}.emote-bubble{position:absolute;bottom:90px;display:flex;flex-direction:column;align-items:center;animation:floatUp 3.2s ease-out forwards}.emote-bubble span{font-size:40px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.emote-bubble small{font-size:11px;font-weight:700;text-shadow:0 1px 6px #000}@keyframes floatUp{0%{transform:translateY(20px) scale(.6);opacity:0}15%{opacity:1;transform:translateY(0) scale(1)}to{transform:translateY(-320px) scale(1.1);opacity:0}}@media(max-width:700px){.presence{left:16px;bottom:auto;top:250px;max-width:70vw}}.explorer{position:fixed;left:42px;bottom:96px;z-index:4;pointer-events:auto;width:290px}.explorer-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid #5a4a22;background:#1c1608d9;color:#ffe2a3;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.explorer[data-state=offline] .explorer-toggle{opacity:.6}.explorer-body{display:none;margin-bottom:8px;background:#070f1deb;border:1px solid #293853;border-radius:12px;padding:12px 14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.explorer.open{display:flex;flex-direction:column-reverse}.explorer.open .explorer-body{display:block}.explorer-me{margin:0 0 6px;font-size:12px;color:#c9d6ec}.explorer-form{display:flex;gap:6px}.explorer-form input{flex:1;min-width:0;background:#0d1a2e;border:1px solid #2c3d5a;color:#eef4ff;border-radius:8px;padding:6px 8px;font:inherit;font-size:12px}.explorer-form button{background:#2b4166;border:1px solid #3d5888;color:#eef4ff;border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer}.explorer-error{min-height:1em;margin:4px 0 0;font-size:11px;color:#ff9a8a}.explorer h3{margin:8px 0 6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#87accf}.explorer ol{list-style:none;margin:0;padding:0;max-height:200px;overflow:auto}.explorer li{display:grid;grid-template-columns:34px 1fr auto;gap:6px;padding:4px 0;font-size:12px;color:#c9d6ec}.explorer li span{color:#7d8dab;font-variant-numeric:tabular-nums}.explorer li em{font-style:normal;font-weight:700;color:#ffd28a;font-variant-numeric:tabular-nums}.explorer li.me strong{color:#ffe2a3}@media(max-width:700px){.explorer{left:16px;bottom:auto;top:292px;width:min(290px,80vw)}.explorer.open{flex-direction:column}.explorer.open .explorer-body{margin:8px 0 0}}