:root{--ink: #0a0420;--cyan: #5ff7ff;--magenta: #ff4fa3;--amber: #ffb35c;--haze: rgba(255, 79, 163, .5);--wm: clamp(2rem, 8.5vw, 6.2rem)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden;background:var(--ink);background:radial-gradient(120% 80% at 50% 80%,#ff4fa324,#78288c0f,#0a042000 60%),linear-gradient(180deg,#07021a,#120636 42%,#1d0a44 66%,#0a0420);color:#fff;font-family:Chakra Petch,sans-serif;cursor:crosshair}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:1}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(115% 95% at 50% 42%,transparent 52%,rgba(6,2,20,.45) 82%,rgba(4,1,14,.85) 100%)}.grain{position:fixed;top:-150%;right:-150%;bottom:-150%;left:-150%;z-index:3;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 5s steps(6) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-8%,4%)}40%{transform:translate(6%,-6%)}60%{transform:translate(-4%,8%)}80%{transform:translate(8%,2%)}to{transform:translate(0)}}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:.35;background:repeating-linear-gradient(to bottom,#0000,#0000 2px,#00000029,#0000 4px);mix-blend-mode:multiply}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;text-align:center;padding:6vw;pointer-events:none;transform:translateY(-7vh)}.hud__panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.7);transform-origin:center;display:flex;flex-direction:column;align-items:stretch;gap:.7rem;padding:.7rem 1.4rem 1.4rem;width:max-content;max-width:86vw;border-radius:0;background:#0a061a52;-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);border:1px solid rgba(95,247,255,.4);outline:1px solid rgba(255,79,163,.22);outline-offset:4px;box-shadow:0 0 22px #5ff7ff2e,inset 0 0 24px #5ff7ff0f,0 12px 40px #0006;transition:left .45s cubic-bezier(.6,0,.2,1),top .45s cubic-bezier(.6,0,.2,1),transform .45s cubic-bezier(.6,0,.2,1),opacity .35s ease}.hud__bar{display:flex;align-items:center;justify-content:space-between;gap:1.4em;width:100%;padding-bottom:.5rem;border-bottom:1px solid rgba(95,247,255,.18);font-family:Space Mono,monospace;pointer-events:auto}.hud__bar-title{font-size:.72rem;letter-spacing:.2em;color:#5ff7ff8c;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.9)}.hud__btns{display:flex;gap:.45rem}.hud__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;padding:0;display:grid;place-items:center;font-family:Space Mono,monospace;font-size:12px;line-height:1;border:1px solid currentColor;background:transparent;border-radius:0;cursor:pointer;pointer-events:auto;transition:box-shadow .15s ease,background .15s ease,color .15s ease}.hud__btn--min{color:#5ff7ffb3}.hud__btn--close{color:#ff4fa3d9}.hud__btn:hover{background:#ffffff0f;box-shadow:0 0 9px currentColor}.hud__body{display:flex;flex-direction:column;align-items:center;gap:1.1rem;overflow:hidden;max-height:60vh;opacity:1;transition:max-height .4s ease,opacity .3s ease}.hud__panel.is-min{gap:0;left:0;top:100%;transform:translate(14px,calc(-100% - 14px))}.hud__panel.is-min .hud__body{max-height:0;opacity:0}.hud__panel.is-min .hud__btns{display:none}.hud__panel.is-min .hud__bar{cursor:pointer;padding-bottom:0;border-bottom-color:transparent}.hud__panel.is-closed{opacity:0;transform:translate(-50%,-50%) scale(.86);pointer-events:none}.hud__brand{display:flex;align-items:center;gap:.4em;font-size:var(--wm);opacity:0;animation:rise 1.4s cubic-bezier(.16,1,.3,1) .5s forwards}.hud__chev{font-family:Chakra Petch,sans-serif;font-weight:700;font-size:1em;line-height:.95;color:var(--cyan);text-shadow:0 0 12px rgba(95,247,255,.85),0 0 30px rgba(95,247,255,.4)}.hud__title{font-weight:700;font-size:1em;letter-spacing:.04em;line-height:.95;text-transform:lowercase;color:#fff;text-shadow:0 0 6px rgba(255,255,255,.55),0 0 22px var(--haze),0 0 48px rgba(255,79,163,.55),0 0 90px rgba(120,40,200,.45)}.hud__dim{color:var(--magenta);opacity:.7;text-shadow:0 0 18px var(--haze)}.hud__caret{display:inline-block;width:.12em;height:.82em;background:var(--cyan);box-shadow:0 0 14px #5ff7ffe6,0 0 36px #5ff7ff80;animation:blink 1.15s steps(1) infinite}.hud__tag{font-family:Space Mono,monospace;font-size:clamp(.65rem,1.7vw,1rem);letter-spacing:.22em;color:#b4dcffd1;text-shadow:0 1px 2px rgba(0,0,0,1),0 0 10px rgba(0,0,0,1),0 0 20px rgba(0,0,0,.98),0 0 30px rgba(0,0,0,.92),0 0 40px rgba(0,0,0,.8),0 0 14px rgba(95,247,255,.35);opacity:0;animation:rise 1.4s cubic-bezier(.16,1,.3,1) 1s forwards}.hud__soon{font-family:Space Mono,monospace;font-size:clamp(.72rem,1.6vw,1.05rem);letter-spacing:.5em;text-indent:.5em;color:#46ff9cf2;text-shadow:0 1px 2px rgba(0,0,0,1),0 0 10px rgba(0,0,0,1),0 0 20px rgba(0,0,0,.98),0 0 30px rgba(0,0,0,.92),0 0 40px rgba(0,0,0,.8),0 0 16px rgba(70,255,156,.55);opacity:0;animation:rise 1.4s cubic-bezier(.16,1,.3,1) 1.45s forwards}.hud__boot{display:inline-block}.hud__boot:after{content:"_";margin-left:.08em;animation:blink 1s steps(1,end) infinite}@keyframes rise{0%{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.15}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.grain,.hud__caret,.hud__soon{animation:none}.hud__brand,.hud__tag,.hud__soon{opacity:1}}