*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#020206;--white:#fff;--gray:#7a7a7a;--gray-dark:#2a2a2a;--accent-light:#00e5ff;--accent-glow:#00e5ff4d;--font-mono:"Space Mono", monospace}body{background:var(--bg);color:var(--white);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;overflow-x:hidden}#webgl{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}#scroll-driver{pointer-events:none;height:600vh}#hud{z-index:50;pointer-events:none;width:100%;height:100%;font-family:var(--font-mono);color:#ffffff80;letter-spacing:.08em;font-size:9px;position:fixed;top:0;left:0}.hud-tl{flex-direction:column;gap:4px;display:flex;position:absolute;top:24px;left:24px}.hud-tr{text-align:right;flex-direction:column;gap:4px;display:flex;position:absolute;top:24px;right:24px}.hud-bl{position:absolute;bottom:24px;left:24px}.hud-br{text-align:right;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:24px;right:24px}#hud-zone-name{color:var(--accent-light);letter-spacing:.3em}#hud-progress-bar{background:#ffffff26;height:1px;position:absolute;bottom:24px;left:80px;right:80px}#hud-progress-fill{background:var(--accent-light);width:0%;height:100%;box-shadow:0 0 8px var(--accent-glow);transition:width .1s linear}.hud-nav{pointer-events:auto;flex-direction:column;gap:16px;display:flex;position:absolute;top:50%;right:28px;transform:translateY(-50%)}.hud-dot{cursor:pointer;background:#ffffff59;border-radius:50%;width:6px;height:6px;transition:all .3s}.hud-dot.active{background:var(--accent-light);box-shadow:0 0 8px var(--accent-glow)}.hud-dot:hover{background:#00e5ff99}#scroll-hint{z-index:60;flex-direction:column;align-items:center;gap:10px;transition:opacity .6s;display:flex;position:fixed;bottom:60px;left:50%;transform:translate(-50%)}#scroll-hint span{font-family:var(--font-mono);letter-spacing:.3em;color:#fff9;text-transform:lowercase;font-size:9px}#scroll-hint.hidden{opacity:0;pointer-events:none}.scroll-line{background:linear-gradient(to bottom, var(--accent-light), transparent);width:1px;height:40px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.2;transform:scaleY(.5)}50%{opacity:.8;transform:scaleY(1)}}@media (width<=768px){.hud-nav{display:none}#hud-progress-bar{left:24px;right:24px}}