:root{--cyan: #36e6ff;--magenta: #c86bff;--ink: #04070d;--panel-bg: rgba(7, 14, 24, .72);--line: rgba(96, 200, 255, .28);--text: #d8ecf7;--text-dim: rgba(168, 200, 220, .72);--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", sans-serif;--font-mono: "SF Mono", "Menlo", "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}#webgl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 120% 90% at 50% 45%,transparent 55%,rgba(2,4,9,.55) 100%);z-index:1}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:22px 30px;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:12px;letter-spacing:.32em;color:var(--text)}.brand-mark{width:10px;height:10px;border:1.5px solid var(--cyan);transform:rotate(45deg);box-shadow:0 0 12px #36e6ffcc}.hud-status{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.28em;color:var(--text-dim)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:pulse-dot 1.8s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.tooltip{position:absolute;padding:7px 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--cyan);background:#050c14d9;border:1px solid var(--line);border-radius:3px;transform:translate(14px,-50%);white-space:nowrap;z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel{position:absolute;left:30px;bottom:110px;width:min(420px,calc(100vw - 60px));padding:26px 28px 22px;background:var(--panel-bg);border:1px solid var(--line);border-radius:6px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 60px #00000080,inset 0 0 40px #36e6ff08;opacity:0;visibility:hidden;transform:translateY(24px);z-index:4}.panel:before{content:"";position:absolute;top:-1px;left:24px;width:56px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent)}.panel-kicker{display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;color:var(--cyan);margin-bottom:14px}.panel-line{flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}.panel h2{font-size:27px;font-weight:650;letter-spacing:.01em;margin-bottom:6px;background:linear-gradient(100deg,#fff,#9adcff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.panel-sub{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--magenta);margin-bottom:14px;text-transform:uppercase}#panel-body{font-size:14px;line-height:1.65;color:var(--text-dim);margin-bottom:16px}.panel-fact{display:flex;align-items:baseline;gap:12px;padding-top:14px;border-top:1px solid rgba(96,200,255,.14);font-size:12.5px;color:var(--text)}.fact-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.26em;color:var(--cyan);flex-shrink:0}#panel-fact{font-family:var(--font-mono);font-size:12px;color:#bfe9ff}.nav{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:26px;padding:24px 30px 28px;z-index:5;opacity:0;visibility:hidden}.nav-btn{pointer-events:auto;display:flex;align-items:center;gap:9px;padding:12px 22px;background:#070e18b3;border:1px solid var(--line);border-radius:3px;color:var(--text);font-family:var(--font-mono);font-size:11px;letter-spacing:.26em;cursor:pointer;transition:all .25s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-btn:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 24px #36e6ff40,inset 0 0 14px #36e6ff14;transform:translateY(-1px)}.nav-btn:disabled{opacity:.3;cursor:default}.nav-btn-primary{border-color:#36e6ff8c;color:var(--cyan);box-shadow:0 0 18px #36e6ff1f}.dots{pointer-events:auto;display:flex;gap:10px;align-items:center}.dot{width:22px;height:22px;border:none;background:transparent;cursor:pointer;position:relative;padding:0}.dot:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:#96c8e64d;transition:all .3s ease}.dot:hover:after{background:#36e6ffb3;box-shadow:0 0 8px #36e6ff99}.dot.active:after{top:6px;right:6px;bottom:6px;left:6px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.dot.visited:not(.active):after{background:#c86bff8c}.hud-hint{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-family:var(--font-mono);font-size:9px;letter-spacing:.3em;color:#96bed759;z-index:5;opacity:0}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 80% 70% at 50% 40%,#08122273,#03060ce0);pointer-events:auto;z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay[hidden]{display:none}.intro-frame{text-align:center;max-width:680px;padding:40px}.intro-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.5em;color:var(--cyan);margin-bottom:28px;text-shadow:0 0 20px rgba(54,230,255,.6)}.intro-title{display:flex;flex-direction:column;gap:2px;font-size:clamp(44px,8.5vw,84px);font-weight:750;line-height:1.02;letter-spacing:.06em;margin-bottom:30px;color:#f2faff;text-shadow:0 0 60px rgba(120,220,255,.35)}.intro-title-accent{background:linear-gradient(95deg,var(--cyan) 10%,var(--magenta) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 28px rgba(98,140,255,.45))}.intro-sub{font-size:15.5px;line-height:1.75;color:var(--text-dim);margin:0 auto 42px;max-width:520px}.begin-btn{position:relative;pointer-events:auto;padding:17px 46px;background:#0a162499;border:1px solid rgba(54,230,255,.6);border-radius:3px;color:var(--cyan);font-family:var(--font-mono);font-size:13px;letter-spacing:.34em;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 0 30px #36e6ff26,inset 0 0 24px #36e6ff0f}.begin-btn:hover{color:#06121e;background:var(--cyan);box-shadow:0 0 60px #36e6ff8c;transform:translateY(-2px)}.begin-btn-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transform:translate(-110%);animation:sheen 3.2s ease-in-out infinite}@keyframes sheen{0%,60%{transform:translate(-110%)}to{transform:translate(110%)}}.intro-footnote{margin-top:44px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.32em;color:#96bed766}@media(max-width:640px){.panel{bottom:130px;padding:20px}.panel h2{font-size:21px}.hud-hint{display:none}.nav{gap:12px}.dots{display:none}}