:root{--bg:#050912;--glow-a:#3070b02e;--glow-b:#735cff14;--glow-c:#40a6ff12;--bg-image-opacity:.28;--bg-image-size:cover;--bg-image-position:center center;--orbit:#bfe1ff38;--orbit-bright:#bfe1ff61;--local-orbit:#d3ebff2e;--text:#f0f7fff0;--muted:#f0f7ff9e;--panel:#08101fe6;--panel-border:#bae0ff3d;--panel-accent:#8ddcffeb;--link-bg:#8ddcff1f;--link-bg-hover:#8ddcff38;--control-bg:#08101fd1;--control-border:#bae0ff36;--world-x:0px;--world-y:0px;--world-scale:1;--stars-x:0px;--stars-y:0px;--hover-scale:1.18;--selected-scale:1.3}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{background:radial-gradient(circle at 50% 45%, var(--glow-a), transparent 28rem), radial-gradient(circle at 18% 15%, var(--glow-b), transparent 24rem), radial-gradient(circle at 80% 75%, var(--glow-c), transparent 26rem), var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.background-layer{pointer-events:none;opacity:var(--bg-image-opacity);background-image:none;background-size:var(--bg-image-size);background-position:var(--bg-image-position);background-repeat:no-repeat;position:absolute;inset:0}.stars{pointer-events:none;opacity:.92;transform:translate(var(--stars-x), var(--stars-y));background-position:50%;background-repeat:no-repeat;transition:transform .12s linear;position:absolute;inset:-24px}.stars:before,.stars:after{display:none}.page{isolation:isolate;width:100vw;height:100vh;position:relative}.intro-fade{z-index:10000;opacity:0;pointer-events:none;background:#000;position:fixed;inset:0}body.intro-pending .intro-fade{opacity:1}body.intro-fade-running .intro-fade{animation:black-fade-away var(--intro-black-fade-duration,1.45s) ease-out var(--intro-black-fade-delay,90ms) both}@keyframes black-fade-away{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.intro-fade{opacity:0!important;animation:none!important}}.brand-copy{z-index:3000;text-align:center;pointer-events:none;width:min(92vw,760px);position:absolute;top:clamp(24px,5vh,52px);left:50%;transform:translate(-50%)}.brand-copy h1{letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:clamp(1.25rem,2.2vw,2.25rem);font-weight:700}.brand-copy p{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:.8rem 0 0;font-size:clamp(.86rem,1vw,1rem)}.system{place-items:center;display:grid;position:absolute;inset:0}.scene{width:min(96vw,1280px);height:min(82vh,860px);min-height:520px;position:relative;overflow:visible}.scene.drag-pan-enabled{cursor:grab;touch-action:none}.scene.drag-pan-enabled.is-dragging{cursor:grabbing}.world-layer{transform:translate(var(--world-x), var(--world-y)) scale(var(--world-scale));transform-origin:0 0;will-change:transform}.orbit-svg,.body-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.system-orbit,.local-orbit{fill:none;vector-effect:non-scaling-stroke}.system-orbit{stroke:var(--orbit);stroke-width:1.2px}.system-orbit.primary{stroke:var(--orbit-bright)}.local-orbit{stroke:var(--local-orbit);stroke-width:1px}.body{transform-origin:50%;will-change:transform, opacity;pointer-events:auto;place-items:center;display:grid;position:absolute;top:0;left:0}.body.selectable{cursor:pointer}.body.center-body{z-index:500;filter:drop-shadow(0 0 18px #7ccdff52)}.body-visual{transform-origin:50%;place-items:center;width:100%;height:100%;transition:transform .18s,filter .18s;display:grid;transform:scale(1)}.body.selectable:hover .body-visual,.body.selectable:focus-visible .body-visual{transform:scale(var(--hover-scale));filter:drop-shadow(0 0 15px #a7e7ff6b)}.body.selected .body-visual{transform:scale(var(--selected-scale));filter:drop-shadow(0 0 22px #a7e7ff9e)}.body.selectable:focus-visible{outline:none}.body.selectable:focus-visible .body-visual{outline-offset:6px;border-radius:999px;outline:2px solid #d6f4ffd1}.body-image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 0 14px #00000059);width:100%;height:100%;display:block}.fallback-body{background:radial-gradient(circle at 30% 25%,#ffffffd1,#0000 20%),radial-gradient(circle at 65% 72%,#00000057,#0000 38%),linear-gradient(145deg,#68c9ffe6,#4f61ffe0);border-radius:999px;width:100%;height:100%;box-shadow:0 0 22px #59b8ff47,inset -12px -10px 20px #0000003d}.center-body .fallback-body{background:radial-gradient(circle,#ffffff40,#0000 40%),linear-gradient(145deg,#82e0fff5,#546bfff2);border-radius:28%}.info-panel{z-index:4000;border:1px solid var(--panel-border);background:radial-gradient(circle at 22% 18%, #8ddcff1c, transparent 11rem), var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;pointer-events:none;border-radius:20px;width:min(370px,100vw - 36px);min-height:112px;max-height:min(460px,100vh - 96px);padding:18px 18px 17px;transition:opacity .18s,transform .18s;position:absolute;overflow:auto;transform:translateY(8px)scale(.98);box-shadow:0 24px 70px #0006,inset 0 1px #ffffff14}.info-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.panel-close{width:30px;height:30px;color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #e2f4ff2e;border-radius:999px;font-size:1.25rem;line-height:1;position:absolute;top:10px;right:11px}.panel-close:hover,.panel-close:focus-visible{background:#ffffff21}.panel-kind{color:var(--panel-accent);letter-spacing:.18em;text-transform:uppercase;margin:0 40px 8px 0;font-size:.72rem;font-weight:700}.panel-title{letter-spacing:.01em;margin:0 38px 12px 0;font-size:1.28rem;line-height:1.18}.panel-copy{color:#f0f7ffd4;gap:10px;font-size:.95rem;line-height:1.55;display:grid}.panel-copy p{margin:0}.panel-links{flex-wrap:wrap;gap:9px;margin-top:15px;display:flex}.panel-link{background:var(--link-bg);min-height:36px;color:var(--text);border:1px solid #9ee0ff45;border-radius:999px;align-items:center;padding:8px 12px;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .14s,border-color .14s,transform .14s;display:inline-flex}.panel-link:hover,.panel-link:focus-visible{background:var(--link-bg-hover);border-color:#beecff85;transform:translateY(-1px)}.object-navigator{z-index:3500;border:1px solid var(--control-border);background:var(--control-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;align-items:stretch;width:min(620px,100vw - 30px);min-height:58px;display:flex;position:absolute;bottom:clamp(54px,7vh,74px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 18px 44px #00000047,inset 0 1px #ffffff12}.object-navigator.hidden{display:none}.nav-arrow,.nav-label,.zoom-controls button{color:var(--text);cursor:pointer;background:0 0;border:0}.nav-arrow{flex:0 0 64px;font-size:1.45rem;transition:background .14s}.nav-arrow:hover,.nav-arrow:focus-visible{background:#ffffff14}.nav-label{text-align:center;border-inline:1px solid #bae0ff21;flex:1;align-content:center;gap:2px;min-width:0;padding:8px 15px;transition:background .14s;display:grid}.nav-label:hover,.nav-label:focus-visible{background:#ffffff0f}.nav-count{color:var(--panel-accent);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:700}.nav-name{text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;font-weight:600;overflow:hidden}.zoom-controls{z-index:3500;border:1px solid var(--control-border);background:var(--control-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;min-height:46px;display:flex;position:absolute;bottom:clamp(22px,4vh,42px);right:clamp(16px,3vw,34px);overflow:hidden;box-shadow:0 18px 44px #0000003d,inset 0 1px #ffffff12}.zoom-controls button{min-width:48px;padding:0 14px;font-size:1.05rem;font-weight:700;transition:background .14s}.zoom-controls button:nth-child(2){letter-spacing:.04em;text-transform:uppercase;border-inline:1px solid #bae0ff21;min-width:72px;font-size:.82rem}.zoom-controls button:hover,.zoom-controls button:focus-visible{background:#ffffff14}.footer-note{z-index:3000;color:var(--muted);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;font-size:.78rem;position:absolute;bottom:clamp(18px,3vh,30px);left:50%;transform:translate(-50%)}@media (width<=900px){.info-panel{width:min(370px,100vw - 28px);padding:16px 16px 15px}.zoom-controls{bottom:20px;right:50%;transform:translate(50%)}body.intro-pending .zoom-controls{transform:translate(50%)translateY(14px)}.footer-note{bottom:80px}}@media (width<=700px){.scene{width:100vw;height:min(78vh,700px);min-height:460px}.brand-copy h1{letter-spacing:.16em}.object-navigator{min-height:56px;bottom:138px}.nav-arrow{flex-basis:54px}.footer-note{text-align:center;white-space:normal;width:min(92vw,420px);line-height:1.5;bottom:82px}}@media (prefers-reduced-motion:reduce){.stars{opacity:.45;transition:none}.world-layer,.body-visual,.info-panel,.panel-link,.nav-arrow,.nav-label,.zoom-controls button{transition-duration:0s}}body.performance-no-blur .info-panel,body.performance-no-blur .object-navigator,body.performance-no-blur .zoom-controls{-webkit-backdrop-filter:none}body.performance-no-moving-shadows .body-image,body.performance-no-moving-shadows .body.center-body,body.performance-no-moving-shadows .body.selectable:hover .body-visual,body.performance-no-moving-shadows .body.selectable:focus-visible .body-visual,body.performance-no-moving-shadows .body.selected .body-visual{filter:none}.body-image{filter:none;backface-visibility:hidden;will-change:transform;transform:translateZ(0)}.body-visual{backface-visibility:hidden;transform:translateZ(0)}.world-layer{will-change:auto;transform:none!important}.body-layer,.orbit-svg{transform:none!important}