*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Courier New,monospace}#root{width:100%;height:100%}canvas{display:block}::selection{background:#00ffcc4d;color:#0fc}button:hover{filter:brightness(1.2)}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes glitch-1{0%,to{clip-path:inset(0 0 95% 0);transform:translate(0)}10%{clip-path:inset(20% 0 60% 0);transform:translate(-3px,2px)}20%{clip-path:inset(60% 0 10% 0);transform:translate(3px,-1px)}30%{clip-path:inset(40% 0 30% 0);transform:translate(-2px,1px)}40%,to{clip-path:inset(0 0 95% 0);transform:translate(0)}}@keyframes glitch-2{0%,to{clip-path:inset(95% 0 0 0);transform:translate(0)}10%{clip-path:inset(10% 0 50% 0);transform:translate(3px,-2px)}20%{clip-path:inset(50% 0 20% 0);transform:translate(-3px,1px)}30%{clip-path:inset(30% 0 40% 0);transform:translate(2px,-1px)}40%,to{clip-path:inset(95% 0 0 0);transform:translate(0)}}@keyframes title-glow{0%,to{text-shadow:0 0 40px rgba(0,255,204,.4),0 0 80px rgba(0,255,204,.15),0 0 120px rgba(0,255,204,.05)}50%{text-shadow:0 0 60px rgba(0,255,204,.6),0 0 100px rgba(0,255,204,.3),0 0 160px rgba(0,255,204,.1)}}@keyframes particle-float{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(20px);opacity:0}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes subtitle-reveal{0%{letter-spacing:20px;opacity:0}to{letter-spacing:8px;opacity:1}}@keyframes menu-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes border-glow{0%,to{box-shadow:0 0 5px #0fc3,inset 0 0 5px #00ffcc1a}50%{box-shadow:0 0 15px #0fc6,inset 0 0 10px #0fc3}}@keyframes logo-line{0%{width:0}to{width:100%}}@keyframes pulse-dot{0%,to{opacity:.3}50%{opacity:1}}@keyframes hud-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.6}97%{opacity:1}}