*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--col-bg: #020208;--col-text: #e8e8f0;--col-text-dim: rgba(232, 232, 240, .35);--col-accent: rgba(120, 140, 255, .6);--col-accent-glow: rgba(100, 130, 255, .15);--col-line: rgba(232, 232, 240, .08);--col-line-bright: rgba(232, 232, 240, .15);--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Instrument Sans", system-ui, sans-serif}html,body{height:100%;overflow:hidden;background:var(--col-bg);color:var(--col-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}#scene-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}#scene-container canvas{display:block;width:100%!important;height:100%!important}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;display:flex;flex-direction:column;animation:hudFadeIn 2s ease-out both;animation-delay:.8s}.hud a,.hud button{pointer-events:auto}@keyframes hudFadeIn{0%{opacity:0}to{opacity:1}}.scanline{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.3;background-image:linear-gradient(var(--col-line) 1px,transparent 1px),linear-gradient(90deg,var(--col-line) 1px,transparent 1px);background-size:120px 120px;mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 0%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 0%,transparent 100%)}.hud__nav{display:flex;justify-content:space-between;align-items:center;padding:28px 40px;border-bottom:1px solid var(--col-line);animation:slideDown 1.2s ease-out both;animation-delay:1.2s}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hud__nav-left{display:flex;align-items:center;gap:12px}.hud__marker{color:var(--col-accent);font-size:10px;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.hud__title{font-family:var(--font-display);font-weight:300;font-size:18px;letter-spacing:.35em;text-transform:lowercase}.hud__status{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.2em;color:var(--col-text-dim);text-transform:uppercase}.hud__status-dot{width:5px;height:5px;border-radius:50%;background:#64ffa0cc;box-shadow:0 0 8px #64ffa066;animation:pulse 2s ease-in-out infinite}.hud__center{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.hud__hero{text-align:center;animation:heroReveal 1.8s ease-out both;animation-delay:1.6s}@keyframes heroReveal{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.hud__label{font-size:10px;letter-spacing:.4em;color:var(--col-accent);margin-bottom:24px;font-weight:500}.hud__headline{font-family:var(--font-display);font-weight:300;font-size:clamp(36px,6vw,72px);line-height:1.1;letter-spacing:.02em;text-shadow:0 0 60px var(--col-accent-glow)}.hud__divider{width:40px;height:1px;background:var(--col-accent);margin:28px auto;opacity:.5}.hud__controls{font-size:12px;letter-spacing:.15em;color:var(--col-text-dim);text-transform:lowercase}.hud__key{display:inline-block;padding:2px 10px;border:1px solid var(--col-line-bright);border-radius:3px;font-size:11px;color:var(--col-text);background:#ffffff08;margin:0 2px}.hud__separator{margin:0 10px;color:var(--col-line-bright)}.hud__crosshair{position:absolute;width:40px;height:40px;pointer-events:none;opacity:0;animation:crosshairIn 1s ease-out both;animation-delay:2.8s}@keyframes crosshairIn{to{opacity:.2}}.ch{position:absolute;background:var(--col-text)}.ch--top,.ch--bottom{width:1px;height:10px;left:50%;transform:translate(-50%)}.ch--left,.ch--right{height:1px;width:10px;top:50%;transform:translateY(-50%)}.ch--top{top:-30px}.ch--bottom{bottom:-30px}.ch--left{left:-30px}.ch--right{right:-30px}.hud__footer{display:flex;justify-content:space-between;align-items:center;padding:24px 40px;border-top:1px solid var(--col-line);animation:slideUp 1.2s ease-out both;animation-delay:1.4s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hud__coord{font-size:10px;font-family:var(--font-body);letter-spacing:.15em;color:var(--col-text-dim);font-variant-numeric:tabular-nums}.hud__credit{font-size:11px;letter-spacing:.12em;color:var(--col-text-dim)}.hud__credit a{color:var(--col-text);border-bottom:1px solid var(--col-line-bright);transition:border-color .3s,color .3s;pointer-events:auto}.hud__credit a:hover{border-color:var(--col-accent);color:#fff}.hud__footer-right{display:flex;gap:16px}.hud__social{color:var(--col-text-dim);transition:color .3s,transform .3s;pointer-events:auto}.hud__social:hover{color:var(--col-text);transform:translateY(-1px)}.hud:before,.hud:after{content:"";position:absolute;width:24px;height:24px;border-color:var(--col-line-bright);border-style:solid;pointer-events:none;opacity:0;animation:cornerIn 1s ease-out both;animation-delay:2.4s}@keyframes cornerIn{to{opacity:1}}.hud:before{top:20px;left:20px;border-width:1px 0 0 1px}.hud:after{bottom:20px;right:20px;border-width:0 1px 1px 0}@media(max-width:640px){.hud__nav{padding:20px 24px}.hud__title{font-size:14px;letter-spacing:.25em}.hud__headline{font-size:32px}.hud__label{font-size:9px;margin-bottom:16px}.hud__controls{font-size:10px}.hud__footer{padding:16px 24px;flex-wrap:wrap;gap:8px;justify-content:center}.hud__footer-left{display:none}.hud__footer-center{order:2;width:100%;text-align:center}.hud__crosshair{display:none}.hud:before,.hud:after{display:none}.grid-overlay{background-size:80px 80px}}.hud__speed{display:flex;align-items:center;gap:6px;margin-top:4px;pointer-events:auto}.hud__speed-label{font-size:9px;font-family:var(--font-body);letter-spacing:.2em;color:var(--col-text-dim)}.hud__speed-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:60px;height:2px;background:var(--col-line-bright);outline:none;cursor:pointer}.hud__speed-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:8px;height:8px;background:var(--col-accent);border-radius:50%;cursor:pointer}.hud__dismiss{position:absolute;top:10px;right:10px;background:none;border:1px solid var(--col-line-bright);color:var(--col-text-dim);font-size:14px;width:28px;height:28px;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;transition:color .2s,border-color .2s}.hud__dismiss:hover{color:var(--col-text);border-color:var(--col-accent)}.hud__center.hidden .hud__hero,.hud__center.hidden .hud__crosshair,.hud__center.hidden .hud__dismiss{display:none}.hud__show-info{background:none;border:1px solid var(--col-line-bright);color:var(--col-text-dim);font-size:14px;font-family:var(--font-body);width:26px;height:26px;border-radius:50%;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;margin-left:10px;transition:color .2s,border-color .2s}.hud__show-info:hover{color:var(--col-text);border-color:var(--col-accent)}.hud__avatar{border-radius:50%;opacity:.6;transition:opacity .2s}.hud__avatar:hover{opacity:1}