:root{--ink: #dff4ff;--ink-dim: rgba(223, 244, 255, .62);--cyan: #6ff2ff;--amber: #ffb35c;--amber2: #ff9a3c;--bg: #02030a;--panel: rgba(6, 14, 32, .72);--line: rgba(111, 242, 255, .35);--mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, "Courier New", monospace;--sans: "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:#6ff2ff4d}.mono{font-family:var(--mono);letter-spacing:.18em}#runway{height:1100vh;width:1px}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0;touch-action:pan-y}#veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:radial-gradient(90% 70% at 50% 40%,#0a1230,#02030a 70%);transition:opacity 1.2s ease,visibility 1.2s}#veil:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:radial-gradient(1px 1px at 12% 22%,#cfe9ff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 68% 12%,#9be7ff 50%,transparent 51%),radial-gradient(1px 1px at 84% 64%,#cfe9ff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 30% 78%,#9be7ff 50%,transparent 51%),radial-gradient(1px 1px at 52% 46%,#fff 50%,transparent 51%),radial-gradient(1.6px 1.6px at 20% 56%,#fff 50%,transparent 51%)}#veil.lifted{opacity:0;visibility:hidden;pointer-events:none}.veil-inner{position:relative;text-align:center;padding:24px}.veil-jet{filter:drop-shadow(0 0 22px rgba(111,242,255,.45));animation:hover 3.4s ease-in-out infinite}@keyframes hover{50%{transform:translateY(-7px) rotate(1.5deg)}}#counter{font-family:var(--mono);font-size:clamp(3rem,9vw,5.2rem);color:var(--cyan);text-shadow:0 0 34px rgba(111,242,255,.5);font-weight:700;margin:8px 0 18px;font-variant-numeric:tabular-nums}.veil-bar{width:min(300px,64vw);height:2px;margin:0 auto 14px;background:#dff4ff1f}#veil-fill{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--cyan),#3a7bff);box-shadow:0 0 12px #6ff2ffcc}.veil-status{font-family:var(--mono);font-size:.62rem;letter-spacing:.4em;color:var(--ink-dim);margin-bottom:26px}.veil-hint{margin-top:16px;font-family:var(--mono);font-size:.62rem;letter-spacing:.22em;color:var(--amber)}.veil-hint.dim{color:#dff4ff52;margin-top:8px}.btn{font-family:var(--mono);font-size:.78rem;letter-spacing:.3em;color:#02131c;background:linear-gradient(100deg,var(--cyan),#3a7bff);border:0;padding:15px 34px;cursor:pointer;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:0 0 34px #6ff2ff59;transition:transform .2s ease,box-shadow .2s ease,opacity .5s;text-decoration:none;display:inline-block}.btn:hover{transform:translateY(-2px);box-shadow:0 0 48px #6ff2ff99}.btn.ghost{background:#6ff2ff0f;color:var(--cyan);border:1px solid var(--line);box-shadow:none}.btn.ghost:hover{background:#6ff2ff24}#begin{opacity:0;transform:translateY(6px);pointer-events:none}#begin.show{opacity:1;transform:none;pointer-events:auto;animation:pulse 2.6s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 54px #6ff2ff8c}}#hud{position:fixed;inset:0 0 auto 0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;pointer-events:none;transition:opacity .8s,transform .8s}#hud.hidden,#planetNav.hidden{opacity:0;transform:translateY(-10px)}.hud-left{line-height:1.3}.hud-brand{font-family:var(--mono);font-weight:700;letter-spacing:.42em;font-size:1rem;color:var(--cyan);text-shadow:0 0 18px rgba(111,242,255,.5)}.hud-sub{display:block;font-family:var(--mono);font-size:.56rem;letter-spacing:.3em;color:var(--ink-dim);margin-top:2px}.hud-center{font-size:.68rem;color:var(--ink-dim)}.hud-center .sep{margin:0 12px;color:var(--line)}#speed{color:var(--amber)}.hud-right{display:flex;gap:10px;pointer-events:auto}.chip{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;color:var(--ink-dim);background:#040a1899;border:1px solid rgba(111,242,255,.22);padding:8px 13px;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:color .2s,border-color .2s,background .2s}.chip:hover,.chip.on{color:var(--cyan);border-color:var(--cyan);background:#6ff2ff14}.chip.hidden{display:none}#planetNav{position:fixed;z-index:20;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;pointer-events:auto;transition:opacity .8s,transform .8s}#planetNav.hidden{transform:translateY(-50%) translate(12px)}#planetNav a{display:flex;align-items:center;gap:9px;text-decoration:none;flex-direction:row-reverse;font-family:var(--mono);font-size:.58rem;letter-spacing:.26em;color:#dff4ff4d;transition:color .25s}#planetNav a i{width:8px;height:8px;border:1px solid rgba(223,244,255,.35);transform:rotate(45deg);transition:background .25s,border-color .25s,box-shadow .25s}#planetNav a.on{color:var(--cyan)}#planetNav a.on i{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 12px #6ff2ffcc}#planetNav a:hover{color:var(--ink)}#panels{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(22px,6.5vw,96px);opacity:0;visibility:hidden;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease,visibility .7s}.panel.active{opacity:1;visibility:visible;transform:none}.panel.side-r{align-items:flex-end;text-align:right}.panel.side-l{align-items:flex-start;text-align:left}.panel.hero,.panel.outro{align-items:center;text-align:center}.eyebrow{font-size:.64rem;color:var(--cyan);margin-bottom:12px;opacity:.95}.display{font-family:var(--mono);font-weight:700;font-size:clamp(2.8rem,10vw,7rem);letter-spacing:.24em;text-indent:.24em;color:var(--ink);text-shadow:0 0 40px rgba(111,242,255,.35),0 0 120px rgba(58,123,255,.4)}.title{font-family:var(--mono);font-weight:700;font-size:clamp(1.8rem,5.4vw,3.6rem);letter-spacing:.3em;color:var(--planet-accent, var(--cyan));text-shadow:0 0 30px color-mix(in srgb,var(--planet-accent, #6ff2ff) 55%,transparent)}.lede{margin-top:12px;font-size:clamp(.92rem,2vw,1.2rem);color:var(--ink-dim);letter-spacing:.06em}.planet-name{font-family:var(--mono);font-size:.66rem;letter-spacing:.5em;color:var(--ink-dim);margin-bottom:6px}.body{margin-top:14px;max-width:46ch;font-size:clamp(.85rem,1.5vw,1rem);line-height:1.75;color:var(--ink-dim)}.side-r .body{margin-left:auto}.facts{margin-top:20px;width:min(480px,86vw)}.fact{display:flex;justify-content:space-between;gap:18px;padding:10px 14px;font-family:var(--mono);font-size:clamp(.6rem,1.3vw,.74rem);letter-spacing:.14em;background:var(--panel);border:1px solid rgba(111,242,255,.16);border-left:2px solid var(--planet-accent, var(--cyan));margin-bottom:7px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.side-r .fact{border-left:1px solid rgba(111,242,255,.16);border-right:2px solid var(--planet-accent, var(--cyan))}.fact b{color:var(--ink);font-weight:700}.fact span{color:var(--planet-accent, var(--cyan));text-align:right}.hint{margin-top:38px;font-size:.62rem;color:var(--ink-dim)}.chev{display:block;font-size:1.5rem;margin-top:6px;color:var(--cyan);animation:drop 1.8s ease-in-out infinite}@keyframes drop{50%{transform:translateY(7px);opacity:.4}}.finale-card{margin-top:24px;pointer-events:auto;text-align:center;max-width:min(560px,92vw);background:var(--panel);border:1px solid rgba(111,242,255,.2);padding:22px 28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);box-shadow:0 0 60px #3a7bff26}.made{font-family:var(--mono);font-size:.9rem;letter-spacing:.12em;color:var(--ink)}.made-sub{margin-top:7px;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;color:var(--ink-dim)}.finale-card .row{margin-top:15px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.finale-card .btn{padding:11px 20px;font-size:.64rem}#scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 3px)}#grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:15;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");animation:grain .9s steps(4) infinite}@keyframes grain{25%{transform:translate(-2%,3%)}50%{transform:translate(3%,-2%)}75%{transform:translate(-3%,-3%)}}#panels:before,#panels:after{content:"";position:fixed;z-index:14;width:26px;height:26px;pointer-events:none;border:1px solid rgba(111,242,255,.3)}#panels:before{top:62px;left:18px;border-right:0;border-bottom:0}#panels:after{bottom:18px;right:18px;border-left:0;border-top:0}@media (max-width: 720px){#planetNav,.hud-center{display:none}.panel{padding:20px}.panel.side-r{align-items:flex-start;text-align:left}.side-r .fact{border-right:1px solid rgba(111,242,255,.16);border-left:2px solid var(--planet-accent, var(--cyan))}#panels:before,#panels:after{display:none}}@media (prefers-reduced-motion: reduce){.veil-jet,.chev,#grain{animation:none}.panel{transition:opacity .3s;transform:none}}