@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;--bg: #03050b;--bg-2: #07101c;--panel: rgba(10, 14, 24, .72);--panel-strong: rgba(12, 18, 34, .92);--line: rgba(190, 214, 255, .14);--line-strong: rgba(190, 214, 255, .22);--text: #eef4ff;--muted: rgba(204, 216, 240, .72);--accent: #bdf7ff;--accent-2: #8ea0ff;--accent-3: #7effc6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at top,rgba(121,141,255,.18),transparent 24%),radial-gradient(circle at 18% 20%,rgba(125,255,211,.08),transparent 18%),linear-gradient(180deg,#03050b,#07101c);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}main{position:relative;z-index:1}.app-shell{min-height:100vh}.section{position:relative;min-height:100vh;padding:120px clamp(20px,5vw,72px)}.hero-shell{padding-top:88px}.hero-stage{position:relative;min-height:calc(100vh - 120px);border:1px solid rgba(190,214,255,.08);border-radius:36px;overflow:hidden;background:radial-gradient(circle at center,rgba(125,255,211,.08),transparent 30%),linear-gradient(180deg,#080c16d1,#05080feb);box-shadow:0 40px 120px #0000006b}canvas{position:absolute!important;top:0;right:0;bottom:0;left:0}.hero-copy{position:absolute;left:clamp(18px,5vw,60px);bottom:clamp(22px,7vw,72px);max-width:min(720px,90vw);z-index:3}.eyebrow{margin:0 0 16px;color:var(--accent);font-size:12px;letter-spacing:.34em;text-transform:uppercase}.hero-copy h1,.story-copy h2,.ending-card h2{margin:0;font-size:clamp(3rem,8vw,8rem);line-height:.92;letter-spacing:-.06em}.hero-text,.story-copy p,.ending-card p,.orbit-copy p,.fallback-copy{max-width:58ch;color:var(--muted);font-size:1.05rem;line-height:1.72}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.magnetic,.panel-pill,.nav-links button,.menu-toggle,.info-panel button,.scroll-rail__labels button,.console-chips button{border:1px solid var(--line);background:#080c1494;color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.magnetic{position:relative;padding:14px 20px;border-radius:999px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.primary-button{background:linear-gradient(135deg,#bdf7ff2e,#8ea0ff29)}.secondary-button{background:#ffffff08}.magnetic:hover,.panel-pill:hover,.nav-links button:hover,.scroll-rail__labels button:hover,.console-chips button:hover,.info-panel button:hover{transform:translateY(-2px);border-color:var(--line-strong)}.intro-overlay,.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center}.intro-overlay{background:linear-gradient(180deg,#000000f2,#03050bd9)}.intro-particles{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(189,247,255,.22),transparent 2px),radial-gradient(circle at 60% 55%,rgba(142,160,255,.16),transparent 2px),radial-gradient(circle at 78% 38%,rgba(126,255,198,.18),transparent 2px);opacity:.75;filter:blur(10px)}.intro-card,.loading-copy,.console-panel,.info-panel,.orbit-card,.meta-card,.ending-card,.fallback{background:var(--panel-strong);border:1px solid var(--line);box-shadow:0 24px 80px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.intro-card{position:relative;width:min(520px,88vw);padding:34px;text-align:center;border-radius:28px}.intro-card p,.loading-copy p{margin:0;color:var(--accent);letter-spacing:.38em;font-size:12px;text-transform:uppercase}.intro-card span,.loading-copy span{display:block;margin-top:14px;font-size:clamp(1.8rem,4vw,3rem);line-height:1;letter-spacing:-.04em}.intro-skip{margin-top:24px;width:100%}.topnav{position:fixed;inset:16px 16px auto 16px;z-index:30;display:flex;align-items:center;gap:12px}.brand,.menu-toggle,.nav-links button{border-radius:999px;padding:12px 16px}.brand{font-weight:800;letter-spacing:.2em}.system-status{display:flex;align-items:center;gap:8px;margin-right:auto;color:#eef4ffc7;font-size:12px;letter-spacing:.18em;text-transform:uppercase}.system-status span{width:7px;height:7px;border-radius:50%;background:var(--accent-3);box-shadow:0 0 12px var(--accent-3)}.nav-links{display:flex;gap:10px}.menu-toggle{display:none;width:48px;height:48px;align-items:center;justify-content:center;flex-direction:column;gap:4px}.menu-toggle span{width:18px;height:2px;background:currentColor}.scroll-rail{position:fixed;top:50%;right:18px;transform:translateY(-50%);z-index:28;display:flex;flex-direction:column;align-items:center;gap:16px}.scroll-rail__bar{width:2px;height:180px;border-radius:999px;background:#ffffff1a;overflow:hidden}.scroll-rail__bar span{display:block;width:100%;height:100%;transform-origin:top;background:linear-gradient(180deg,var(--accent),transparent 92%)}.scroll-rail__labels{display:grid;gap:6px}.scroll-rail__labels button{border-radius:999px;padding:6px 10px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.45}.scroll-rail__labels button.active{opacity:1;border-color:var(--line-strong)}.story-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:22px;align-items:end}.story-section{display:grid;align-items:center;padding-top:96px;padding-bottom:96px}.story-copy h2{font-size:clamp(2.8rem,6vw,6rem)}.story-copy p:last-child{margin-top:16px}.meta-card,.orbit-card,.console-panel,.ending-card{border-radius:28px}.story-meta{display:grid;gap:14px}.meta-card{padding:18px}.meta-card span{display:block;color:var(--accent);font-size:11px;letter-spacing:.28em;text-transform:uppercase}.meta-card strong{display:block;margin:12px 0 10px;font-size:1.4rem}.meta-card small{color:var(--muted)}.console-section{padding-top:0}.console-panel{padding:24px}.console-header{display:flex;justify-content:space-between;gap:16px;color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:11px}.console-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.console-metrics div{padding:14px;border-radius:18px;border:1px solid var(--line);background:#ffffff08}.console-metrics strong{display:block;font-size:1.4rem}.console-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.console-bars span{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));animation:linePulse 2.2s ease-in-out infinite}.console-bars span:nth-child(2){animation-delay:.2s}.console-bars span:nth-child(3){animation-delay:.35s}.console-response{min-height:92px;margin-top:18px;padding:18px;border-radius:20px;border:1px solid var(--line);background:#ffffff08;color:var(--text);line-height:1.7}.console-inputRow{display:flex;gap:10px;margin-top:16px}.console-inputRow input{flex:1;min-width:0;border:1px solid var(--line);border-radius:16px;background:#ffffff08;color:var(--text);padding:14px 16px}.console-inputRow input::placeholder{color:#eef4ff73}.console-submit{padding-inline:18px}.console-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.console-chips button{border-radius:999px;padding:10px 14px;font-size:12px}.orbit-card{padding:20px;display:grid;gap:14px}.orbit-mini{display:grid;place-items:center;aspect-ratio:1;border-radius:26px;border:1px solid var(--line);background:radial-gradient(circle at center,rgba(125,255,211,.09),transparent 22%),radial-gradient(circle at 50% 50%,transparent 20%,rgba(255,255,255,.03) 21%,transparent 22%)}.orbit-mini span{position:absolute;border-radius:50%;border:1px solid rgba(190,214,255,.12);animation:orbit 9s linear infinite}.orbit-mini span:nth-child(1){width:48%;height:48%}.orbit-mini span:nth-child(2){width:68%;height:68%;animation-direction:reverse}.orbit-mini span:nth-child(3){width:84%;height:84%}.orbit-copy strong{display:block;margin-bottom:6px;letter-spacing:.18em;text-transform:uppercase}.panel-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.panel-pill{border-radius:999px;padding:12px 16px}.panel-pill.active{border-color:var(--line-strong);background:#7dffd314}.ending-section{display:grid;align-items:center}.ending-card{width:min(720px,100%);padding:clamp(24px,5vw,40px)}.ending-card h2{margin-bottom:14px}.info-panel{position:fixed;right:18px;bottom:18px;z-index:35;width:min(360px,calc(100vw - 36px));padding:20px;border-radius:24px}.info-panel span{display:block;color:var(--accent);letter-spacing:.24em;text-transform:uppercase;font-size:11px}.info-panel p{color:var(--muted);line-height:1.7}.info-panel button{width:100%;margin-top:10px;border-radius:999px;padding:12px 16px}.loading-screen{background:radial-gradient(circle at center,rgba(189,247,255,.06),transparent 26%),linear-gradient(180deg,#000,#03050b)}.loading-copy{position:relative;width:min(460px,88vw);padding:28px;text-align:center;border-radius:28px}.loading-bar{height:4px;margin-top:18px;border-radius:999px;background:#ffffff14;overflow:hidden}.loading-bar i{display:block;width:58%;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));animation:load 1.05s ease-in-out infinite alternate}.loading-orb{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(189,247,255,.72),rgba(142,160,255,.15),transparent 70%);filter:blur(2px)}.cursor{position:fixed;left:-18px;top:-18px;z-index:50;width:36px;height:36px;border-radius:50%;border:1px solid rgba(189,247,255,.58);background:#bdf7ff14;mix-blend-mode:screen;pointer-events:none;transition:width .16s ease,height .16s ease,background .16s ease}.cursor.hover{width:58px;height:58px;background:#bdf7ff24}.node-badge{padding:10px 14px;border-radius:999px;background:#05080fd1;border:1px solid var(--line);letter-spacing:.2em;text-transform:uppercase;font-size:11px}.fallback{min-height:100vh;display:grid;place-items:center;text-align:center;padding:40px}.fallback h1{margin:0;max-width:10ch;font-size:clamp(2.6rem,8vw,6rem);line-height:.95;letter-spacing:-.06em}.canvas-loader{padding:12px 16px;border-radius:999px;background:#05080fcc;border:1px solid var(--line);letter-spacing:.2em;text-transform:uppercase;font-size:11px}@keyframes load{0%{transform:translate(-30%)}to{transform:translate(70%)}}@keyframes linePulse{50%{transform:scaleX(.72);opacity:.65}}@keyframes orbit{0%{transform:rotate(0) translate(0)}to{transform:rotate(360deg) translate(0)}}@media (max-width: 1100px){.story-grid{grid-template-columns:1fr}.hero-copy{max-width:620px}}@media (max-width: 768px){.section{padding-inline:16px;padding-top:96px;padding-bottom:96px}.hero-stage{min-height:88vh;border-radius:28px}.hero-copy{left:18px;right:18px;bottom:18px;max-width:none}.hero-copy h1{font-size:clamp(2.8rem,16vw,5rem)}.topnav{inset:10px 10px auto 10px}.system-status{display:none}.nav-links{position:absolute;top:62px;right:0;display:none;flex-direction:column;padding:12px;border-radius:22px;background:#060a12f5;border:1px solid var(--line)}.nav-links.open,.menu-toggle{display:flex}.scroll-rail{display:none}.console-metrics{grid-template-columns:repeat(2,1fr)}.console-inputRow{flex-direction:column}.console-submit{width:100%}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}