:root{--bg: #05060a;--fg: #e8ecff;--muted: #9aa3c4;--panel: rgba(12, 14, 24, .72);--border: rgba(255, 255, 255, .12);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-celestial: "Cinzel", "Cormorant Garamond", "Times New Roman", serif;--font-tech: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%;background:var(--bg);color:var(--fg);font-family:var(--font);overflow:hidden}canvas{display:block;touch-action:none}.overlay{position:fixed;inset:0;pointer-events:none;z-index:10}.overlay a,.overlay button{pointer-events:auto}.breadcrumb{position:absolute;top:22px;left:24px;display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.crumb{color:var(--muted);text-decoration:none;transition:color .2s ease}.crumb:hover{color:var(--fg)}.crumb.is-current{font-weight:600}.crumb-brand{font-weight:700;letter-spacing:.18em;color:var(--fg)}.crumb-sep{color:#ffffff40}.crumb.is-ghost{opacity:.5;font-style:italic}.crumb-sep.is-ghost{opacity:.4}.constellation-label{position:absolute;bottom:26px;right:28px;text-align:right;font-family:var(--font-celestial);font-weight:600;font-size:clamp(13px,1.5vw,18px);letter-spacing:.22em;text-transform:uppercase;color:#e8ecffb8;text-shadow:0 0 18px rgba(150,170,255,.3);opacity:0;transition:opacity .6s ease}.constellation-label.is-visible{opacity:1}.planet-stage,.planet-text{position:absolute;inset:0;pointer-events:none}.planet-info{position:absolute;top:50%;transform:translateY(-50%);width:min(360px,38vw);pointer-events:none}.planet-info.is-left{left:clamp(24px,5vw,64px)}.planet-info.is-right{right:clamp(24px,5vw,64px)}.planet-info-glow{position:absolute;left:-18%;top:50%;width:150%;height:150%;transform:translateY(-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%);filter:blur(10px);opacity:.55;pointer-events:none;z-index:-1}.info-eyebrow{margin:0 0 16px;font-family:var(--font-mono);font-size:12px;letter-spacing:.22em;color:var(--accent);opacity:.85}.info-desc{margin:0 0 26px;font-family:var(--font-tech);font-size:clamp(15px,1.5vw,17px);line-height:1.7;color:#e9edff;min-height:3em;white-space:pre-line}.info-links{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.info-link{pointer-events:auto;font-family:var(--font-mono);font-size:14px;letter-spacing:.04em;color:var(--fg);text-decoration:none;display:inline-flex;align-items:center;gap:8px;padding:4px 2px;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.info-link:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.info-link-arrow{color:var(--accent);font-size:11px}.hologram{position:absolute;right:clamp(24px,5vw,60px);top:50%;transform:translateY(-50%) scale(1);width:clamp(220px,26vw,340px);aspect-ratio:4 / 3;pointer-events:none;opacity:0}.hologram.is-on{opacity:.7;animation:holo-poweron .7s steps(7) 1}@keyframes holo-poweron{0%{opacity:0}20%{opacity:.5}35%{opacity:.08}55%{opacity:.7}72%{opacity:.18}to{opacity:.7}}.hologram-screen{position:absolute;inset:0;overflow:hidden;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--accent) 30%,transparent),inset 0 0 30px color-mix(in srgb,var(--accent) 14%,transparent);background:#060a14}.hologram-img,.hologram-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hologram-img{filter:saturate(1.1) brightness(1.05) drop-shadow(1px 0 0 rgba(255,0,60,.4)) drop-shadow(-1px 0 0 rgba(0,180,255,.4))}.hologram-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 28%,#060a14),#060a14 70%)}.holo-grid{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--accent) 25%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 25%,transparent) 1px,transparent 1px);background-size:22px 22px;opacity:.5;-webkit-mask-image:radial-gradient(closest-side,#000 60%,transparent);mask-image:radial-gradient(closest-side,#000 60%,transparent)}.holo-label{position:relative;font-family:var(--font-mono);font-size:13px;letter-spacing:.2em;color:color-mix(in srgb,var(--accent) 80%,#fff)}.hologram-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 1px,transparent 2px,transparent 3px);pointer-events:none;animation:holo-scroll 8s linear infinite}.hologram-flicker{position:absolute;inset:0;background:color-mix(in srgb,var(--accent) 10%,transparent);mix-blend-mode:screen;animation:holo-flicker 4s steps(60) infinite;pointer-events:none}.hologram-beam{position:absolute;left:50%;bottom:-44%;width:100%;height:46%;transform:translate(-50%);background:linear-gradient(to bottom,color-mix(in srgb,var(--accent) 30%,transparent),transparent);clip-path:polygon(0 0,100% 0,50% 100%);filter:blur(6px);opacity:.65;pointer-events:none}.hologram-caption{position:absolute;bottom:-22px;right:2px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:color-mix(in srgb,var(--accent) 70%,#aab);opacity:.8}@keyframes holo-scroll{to{background-position:0 12px}}@keyframes holo-flicker{0%,to{opacity:.5}50%{opacity:.7}92%{opacity:.32}}@media (prefers-reduced-motion: reduce){.hologram-scanlines,.hologram-flicker{animation:none}}@media (max-width: 720px){.planet-text{inset:auto 0 0;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(to top,rgba(5,6,10,.94),transparent)}.planet-info{position:static;transform:none;width:100%;padding:14px 22px}.planet-info-glow{display:none}.hologram{top:15%;right:14px;transform:translateY(0) scale(.9);width:42vw}.hologram.is-on{transform:translateY(0) scale(.94)}}.warp-canvas{position:absolute;inset:0;z-index:40;pointer-events:none;animation:warp-fade .56s ease forwards}@keyframes warp-fade{0%{opacity:0}14%{opacity:1}72%{opacity:1}to{opacity:0}}.loading-screen{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--bg);color:var(--muted);transition:opacity .6s ease}.loading-screen.is-done{opacity:0;pointer-events:none}.loading-mark{font-size:40px;animation:spin 2.4s linear infinite}.loading-label{font-size:13px;letter-spacing:.12em;text-transform:uppercase}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.loading-mark{animation:none}}