:root{--bg: #04060d;--bg-2: #0a1128;--surface: rgba(14, 20, 42, .78);--surface-solid: #0d1430;--glass: rgba(10, 15, 34, .55);--border: rgba(160, 180, 255, .16);--text: #e8ecff;--text-dim: #a3aed6;--text-faint: #6f7aa3;--gold: #f5c86b;--accent: var(--gold);--gutter: 16px;--hud-x: max(var(--gutter), env(safe-area-inset-left), env(safe-area-inset-right));--radius: 14px;--font: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;color:inherit}.mono{font-family:var(--mono)}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sr-only:focus-within{z-index:60;top:10px;left:var(--hud-x);width:auto;height:auto;max-height:70dvh;overflow:auto;clip:auto;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-solid)}.sr-only ul{margin:0;padding:0;list-style:none}.sr-only button{border:0;background:none;padding:4px 0;cursor:pointer}.sky{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;user-select:none;-webkit-user-select:none;background:radial-gradient(ellipse 60% 45% at 50% 52%,rgba(138,92,255,.1),transparent 70%),radial-gradient(ellipse 40% 35% at 18% 25%,rgba(58,91,217,.12),transparent 70%),radial-gradient(ellipse 45% 40% at 85% 80%,rgba(31,163,138,.08),transparent 70%),radial-gradient(ellipse at 50% 40%,#0b1430 0%,#070b1a 50%,var(--bg) 100%)}.sky:before,.sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;transition:opacity 1.2s ease;background-image:radial-gradient(1px 1px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 27% 72%,#dfe8ff,transparent),radial-gradient(1.5px 1.5px at 44% 33%,#fff,transparent),radial-gradient(1px 1px at 63% 81%,#ffe9c4,transparent),radial-gradient(1px 1px at 79% 12%,#fff,transparent),radial-gradient(1.5px 1.5px at 91% 55%,#b9cfff,transparent),radial-gradient(1px 1px at 6% 90%,#fff,transparent),radial-gradient(1px 1px at 52% 6%,#dfe8ff,transparent);background-size:340px 340px}.sky:after{background-size:520px 520px;background-position:130px 80px;opacity:.7;animation:twinkle-field 6s ease-in-out infinite alternate}.sky.three-ready:before,.sky.three-ready:after{opacity:0}@keyframes twinkle-field{0%{opacity:.35}to{opacity:.8}}.space-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;transition:opacity 1.2s ease}.three-ready .space-canvas{opacity:1}.header,.hero,.sky-footer{position:relative;z-index:2;pointer-events:none}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(12px,env(safe-area-inset-top)) var(--hud-x) 0}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;letter-spacing:.02em}.nav{display:flex;gap:6px}.hud-chip{pointer-events:auto;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:5px 13px;border:1px solid var(--border);border-radius:999px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:13px;white-space:nowrap;color:var(--text-dim);cursor:pointer;transition:color .2s,border-color .2s,box-shadow .2s}.hud-chip:hover:not(:disabled),.hud-chip.active{color:var(--text);border-color:var(--accent);box-shadow:0 0 16px -4px var(--accent)}.hud-chip:disabled{cursor:default;opacity:.6;border-style:dashed}.body-icon{position:relative;flex:none;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--accent) 45%,color-mix(in srgb,var(--accent) 40%,#000));box-shadow:0 0 8px var(--accent)}.body-icon.ringed:after{content:"";position:absolute;top:3px;right:-4px;bottom:3px;left:-4px;border:1.5px solid var(--accent);border-radius:50%;transform:rotate(-20deg)}.body-icon.beacon{width:6px;height:6px;margin:2px;background:#e9fff8;box-shadow:0 0 0 2px #04060de6,0 0 0 3.5px var(--accent)}.hero{text-align:center;padding:clamp(10px,3vh,34px) var(--hud-x) 0;transition:opacity .4s ease,transform .4s ease}.has-panel .hero{opacity:0;transform:translateY(-8px)}.hero h1{margin:2px 0;font-size:clamp(34px,7vw,72px);line-height:1;letter-spacing:-.02em;font-weight:700;background:linear-gradient(180deg,#fff 30%,#c8d3ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(160,180,255,.25))}.hero-kicker{margin:0;font-size:11.5px;color:var(--text-faint);letter-spacing:.04em}.hero-sub{margin:4px 0 0;font-size:clamp(13px,2vw,18px);color:var(--text-dim);text-wrap:balance}.stage{position:relative;z-index:1;flex:1;min-height:0;margin:6px clamp(4px,2vw,24px) 0}.three-ready .stage{pointer-events:none}.sky-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding:8px var(--hud-x) max(14px,env(safe-area-inset-bottom))}.hint-row{display:flex;align-items:center;gap:10px}.hint{margin:0;font-size:11.5px;color:var(--text-faint)}.recenter{--accent: var(--gold);min-height:30px;padding:3px 11px;font-size:12px}.legend{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.legend .hud-chip{font-size:12.5px}@media(max-width:760px){.brand>span{display:none}.nav .hud-chip{padding:5px 11px;font-size:12.5px}.sky-footer{flex-direction:column-reverse;flex-wrap:nowrap;align-items:stretch;gap:8px;padding-left:0;padding-right:0}.hint-row{justify-content:center;padding:0 var(--hud-x)}.hint{text-align:center}.legend{flex-wrap:nowrap;overflow-x:auto;padding:2px var(--hud-x);scrollbar-width:none;touch-action:pan-x;pointer-events:auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--gutter),#000 calc(100% - var(--gutter)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--gutter),#000 calc(100% - var(--gutter)),transparent)}.legend::-webkit-scrollbar{display:none}}@media(max-height:500px)and (orientation:landscape){.hero-kicker,.hero-sub,.hint,.body-label-3d span{display:none}.hero{position:absolute;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);padding:0}.has-panel .hero{transform:translate(-50%,-8px)}.hero h1{font-size:26px;margin-top:4px}}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);flex:none}.static-sky{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;transition:opacity 1s ease,visibility 0s linear 0s}.static-sky.covered{opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 0s linear 1s}.edge{stroke:var(--accent);stroke-opacity:.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.8s ease-out forwards;animation-delay:calc(var(--delay) + .3s)}.forming .edge{stroke-opacity:.3;stroke-dashoffset:0;animation:fade-in 2s ease-out both}.nebula{animation:breathe 9s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fade-in{0%{opacity:0}}@keyframes breathe{to{transform:scale(1.12);opacity:.75}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.55}}.star-minor{fill:#d8e2ff;opacity:.75;animation:twinkle 4.5s ease-in-out infinite}.forming .star-minor{fill:var(--accent);opacity:.6}.star,.body{cursor:pointer;outline:none}.star .hit,.body .hit{fill:transparent}.star .halo{animation:twinkle 3.6s ease-in-out infinite}.star .core{fill:#f2f5ff}.star.featured .core{fill:#fff3d6}.star .ring,.body .ring{fill:none;stroke:var(--accent);opacity:0;transition:opacity .2s}.star:hover .ring,.star.selected .ring,.body:hover .ring,.body.selected .ring{opacity:.9}.star:focus-visible .ring,.body:focus-visible .ring{opacity:1;stroke:#fff}.star-label,.const-label,.body-label{paint-order:stroke;stroke:#04060dd9;stroke-linejoin:round;pointer-events:none}.star-label{fill:var(--text);opacity:0;transition:opacity .2s}.star.featured .star-label{opacity:.85}.star:hover .star-label,.star:focus-visible .star-label,.star.selected .star-label{opacity:1}.const-label{fill:var(--accent);font-family:var(--mono);font-weight:500;opacity:.9}.forming-tag{fill:var(--text-faint);font-family:var(--mono);font-weight:400}.body-label{fill:var(--accent);font-weight:600}.body .core{fill:#e9fff8}.body .ring-back,.body .ring-front{fill:none;stroke:var(--accent);stroke-opacity:.75}.body .ring-back{stroke-opacity:.35}.body .pulse{fill:none;stroke:var(--accent);transform-box:fill-box;transform-origin:center;animation:pulse 2.4s ease-out infinite}.body .pulse.late{stroke:var(--accent-2);animation-delay:1.2s}@keyframes pulse{0%{transform:scale(.25);opacity:.9}to{transform:scale(1.3);opacity:0}}.const-label-3d{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;text-align:center;text-shadow:0 0 6px rgba(4,6,13,.9);-webkit-user-select:none;user-select:none}.const-label-3d span{display:block;margin-top:2px;font-size:10.5px;letter-spacing:.1em;color:var(--text-faint);text-transform:none}.star-label-3d{font-size:13px;white-space:nowrap;text-align:center;color:var(--text);text-shadow:0 0 6px rgba(4,6,13,1),0 0 2px rgba(4,6,13,1);opacity:0;transform:translateY(14px);transition:opacity .2s;-webkit-user-select:none;user-select:none}.star-label-3d.featured{opacity:.85}.star-label-3d.visible{opacity:1}.star-label-3d small{display:block;font-family:var(--mono);font-size:10.5px;color:var(--text-faint)}.body-label-3d{font-size:13px;font-weight:600;white-space:nowrap;text-align:center;letter-spacing:.04em;text-shadow:0 0 6px rgba(4,6,13,1),0 0 2px rgba(4,6,13,1);transform:translateY(8px);opacity:.9;transition:opacity .2s;-webkit-user-select:none;user-select:none}.body-label-3d.active{opacity:1}.body-label-3d span{display:block;font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.08em;color:var(--text-faint)}@media(max-width:600px){.const-label-3d{font-size:10.5px;letter-spacing:.14em}.star-label-3d,.body-label-3d{font-size:11.5px}.star-label-3d.featured:not(.visible){opacity:.7}}.panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:49;background:#02030840}.panel{position:fixed;z-index:50;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));bottom:12px;width:min(420px,calc(100% - 24px));overflow-y:auto;overscroll-behavior:contain;user-select:text;-webkit-user-select:text;padding:26px 24px;border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:var(--radius);background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 60px #00000080;animation:panel-in .35s cubic-bezier(.2,.8,.2,1)}@keyframes panel-in{0%{opacity:0;transform:translate(24px)}}.panel-handle{display:none}.panel-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;background:transparent;font-size:20px;line-height:1;cursor:pointer;color:var(--text-dim)}.panel-close:hover{color:var(--text);border-color:var(--text-dim)}.panel-kicker{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--mono);font-size:12px;color:var(--accent)}.panel h2{margin:8px 0 10px;padding-right:30px;font-size:26px;line-height:1.2}.panel-desc{margin:0 0 16px;color:var(--text-dim)}.panel-siblings{margin-top:26px;padding-top:18px;border-top:1px solid var(--border)}.panel-siblings h3{margin:0 0 8px;font-family:var(--mono);font-size:12px;font-weight:500;color:var(--text-faint)}.panel-siblings ul{margin:0;padding:0;list-style:none}.panel-siblings button{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:6px 0;border:0;background:none;text-align:left;color:var(--text-dim);cursor:pointer}.panel-siblings button:hover:not(:disabled){color:var(--text)}.panel-siblings button:disabled{cursor:default;opacity:.6}.panel-siblings small{color:var(--text-faint)}.facts{margin:0 0 4px;padding:0;list-style:none}.facts li{display:grid;grid-template-columns:76px 1fr;gap:10px;padding:9px 0;border-top:1px solid var(--border);font-size:14.5px}.facts .mono{color:var(--accent);font-size:11.5px;padding-top:3px}.stack-group h3{margin:0 0 8px;font-size:11.5px;font-weight:500;color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em}.stack-group .chips{margin-bottom:16px}.quote{margin:30px 0 0;padding-left:14px;border-left:2px solid var(--accent);font-style:italic;color:var(--text-dim)}.quote cite{display:block;margin-top:6px;font-style:normal;font-family:var(--mono);font-size:12px;color:var(--text-faint)}.credit{margin:28px 0 0;font-size:11px;color:var(--text-faint)}@media(max-width:760px){.panel{top:auto;right:0;left:0;bottom:0;width:100%;max-height:60dvh;border-radius:var(--radius) var(--radius) 0 0;padding:26px var(--gutter) max(24px,env(safe-area-inset-bottom));animation-name:sheet-in}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)}}.panel-handle{display:block;position:absolute;top:8px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:var(--border)}}.featured-tag{margin-left:8px;padding:1px 8px;border-radius:999px;border:1px solid rgba(245,200,107,.45);color:var(--gold);font-family:var(--mono);font-size:10.5px;font-weight:500;vertical-align:middle}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:0;list-style:none}.chips li{padding:3px 10px;border:1px solid var(--border);border-radius:999px;background:#a0b4ff0d;font-family:var(--mono);font-size:12px;color:var(--text-dim)}.btn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 18px;border-radius:999px;background:var(--gold);color:#1a1206;font-weight:600;font-size:14px;text-decoration:none;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #f5c86b4d}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.edge{stroke-dashoffset:0}.body .pulse{opacity:.4}}