:root{--neon-cyan:#00f3ff;--neon-cyan-faint:#00f3ff33;--glitch-red:#ff003c;--glitch-blue:#003cff;--pure-black:#000}.loading-container{background-color:var(--pure-black);z-index:9999;width:100vw;height:100vh;color:var(--neon-cyan);justify-content:center;align-items:center;font-family:Courier New,Courier,monospace;display:flex;position:fixed;top:0;left:0;overflow:hidden}.loading-container:before{content:"";background:radial-gradient(circle,transparent 20%,var(--pure-black)100%);z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.noise-overlay{opacity:.1;pointer-events:none;z-index:5;background-image:url(https://grainy-gradients.vercel.app/noise.svg);width:100%;height:100%;animation:.2s steps(2,end) infinite noise-move;position:absolute;top:0;left:0}@keyframes noise-move{0%{transform:translate(0)}to{transform:translate(1%,1%)}}.scanlines{z-index:15;pointer-events:none;background:linear-gradient(#fff0 50%,#0003 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-bar{background-color:var(--neon-cyan-faint);opacity:0;z-index:20;width:100%;height:2px;position:absolute;left:0}.glitch-bar-1{animation:4s linear infinite glitch-slide;top:20%}.glitch-bar-2{animation:7s linear infinite reverse glitch-slide;top:50%}.glitch-bar-3{animation:5s linear infinite glitch-slide;top:80%}@keyframes glitch-slide{0%{opacity:0;transform:translateY(0)}1%{opacity:.5;transform:translateY(0)}5%{opacity:0;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.hud-container{border:1px solid var(--neon-cyan-faint);box-sizing:border-box;opacity:1;background:#0006;flex-direction:column;width:90%;max-width:900px;height:70%;max-height:550px;padding:40px;animation:1.2s cubic-bezier(.19,1,.22,1) forwards hud-assemble;display:flex;position:relative;box-shadow:0 0 30px #00f3ff0d}.aberration-wrapper{flex-direction:column;width:100%;height:100%;display:flex;position:relative}@keyframes hud-assemble{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.status-line{letter-spacing:2px;text-transform:uppercase;margin-bottom:5px;font-size:14px}.corrupted{color:var(--glitch-red);text-shadow:2px 0 var(--glitch-blue)}.data-stream{color:var(--neon-cyan-faint);flex-grow:1;font-size:12px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}.binary-code{word-break:break-all;opacity:.4}.central-hud{border:1px solid var(--neon-cyan);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00f3ff08;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:300px;height:180px;padding:30px;animation:2s ease-in-out infinite pulse-border;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 20px #00f3ff1a}@keyframes pulse-border{0%,to{box-shadow:0 0 15px #00f3ff1a,inset 0 0 15px #00f3ff0d}50%{box-shadow:0 0 30px #00f3ff33,inset 0 0 30px #00f3ff1a}}.loader-bar{background-color:#ffffff0d;border:1px solid #00f3ff1a;border-radius:4px;width:100%;height:8px;margin-bottom:15px;position:relative;overflow:hidden}.loader-fill{background:linear-gradient(90deg,transparent,var(--neon-cyan));height:100%;box-shadow:0 0 20px var(--neon-cyan);background-size:200% 100%;transition:width .2s ease-out}.neon-text{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}.corner{border:2px solid var(--neon-cyan);width:20px;height:20px;position:absolute}.top-left{border-bottom:none;border-right:none;top:-1px;left:-1px}.top-right{border-bottom:none;border-left:none;top:-1px;right:-1px}.bottom-left{border-top:none;border-right:none;bottom:-1px;left:-1px}.bottom-right{border-top:none;border-left:none;bottom:-1px;right:-1px}.aberration{animation:2s linear infinite aberration-shake}@keyframes aberration-shake{0%{transform:translate(0)}2%{filter:hue-rotate(45deg);transform:translate(2px,1px)}4%{filter:hue-rotate(-45deg);transform:translate(-1px,-1px)}6%{filter:none;transform:translate(0)}to{transform:translate(0)}}
.welcome-container{z-index:9000;color:#00f3ff;background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Courier New,Courier,monospace;display:flex;position:fixed;top:0;left:0;overflow:hidden}.vignette{pointer-events:none;z-index:2;background:radial-gradient(circle,#0000 30%,#000c 100%);width:100%;height:100%;position:absolute;top:0;left:0}.grid-background{z-index:1;background-image:linear-gradient(#00f3ff0d 1px,#0000 1px),linear-gradient(90deg,#00f3ff0d 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0}.welcome-content{z-index:10;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:600px;display:flex;position:relative}.title-wrapper{margin-bottom:40px}.game-title{letter-spacing:.2em;color:#fff;text-shadow:0 0 20px #00f3ff80;margin:0;font-size:72px;font-weight:900;position:relative}.game-title:before,.game-title:after{content:attr(data-text);z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.game-title:before{color:#ff003c;animation:2s linear infinite alternate-reverse glitch-anim-1}.game-title:after{color:#003cff;animation:3s linear infinite alternate-reverse glitch-anim-2}@keyframes glitch-anim-1{0%{clip:rect(30px,9999px,10px,0);transform:translate(-2px,-2px)}20%{clip:rect(15px,9999px,50px,0);transform:translate(2px,2px)}40%{clip:rect(60px,9999px,20px,0);transform:translate(-2px,2px)}60%{clip:rect(10px,9999px,80px,0);transform:translate(2px,-2px)}80%{clip:rect(40px,9999px,30px,0);transform:translate(-2px,-2px)}to{clip:rect(20px,9999px,70px,0);transform:translate(2px,2px)}}@keyframes glitch-anim-2{0%{clip:rect(10px,9999px,40px,0);transform:translate(2px,2px)}20%{clip:rect(50px,9999px,15px,0);transform:translate(-2px,-2px)}40%{clip:rect(20px,9999px,60px,0);transform:translate(2px,-2px)}60%{clip:rect(80px,9999px,10px,0);transform:translate(-2px,2px)}80%{clip:rect(30px,9999px,40px,0);transform:translate(2px,2px)}to{clip:rect(70px,9999px,20px,0);transform:translate(-2px,-2px)}}.subtitle{color:#00f3ff;opacity:.8;letter-spacing:.5em;margin-top:10px;font-size:14px}.welcome-info{width:100%;margin-bottom:60px}.info-box{text-align:left;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00f3ff0d;border-left:3px solid #00f3ff;padding:20px}.info-header{color:#ff003c;margin-bottom:10px;font-size:12px;font-weight:700}.info-box p{opacity:.7;margin:0;font-size:13px;line-height:1.6}.start-button{color:#00f3ff;letter-spacing:.2em;cursor:pointer;background:0 0;border:1px solid #00f3ff;padding:20px 40px;font-family:inherit;font-size:18px;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 0 10px #00f3ff1a}.start-button:hover{color:#000;background:#00f3ff;box-shadow:0 0 30px #00f3ff80}.button-glitch{opacity:0;z-index:-1;background:#ff003c;width:100%;height:100%;position:absolute;top:0;left:0}.start-button:hover .button-glitch{opacity:.2;animation:.2s infinite button-glitch-anim}@keyframes button-glitch-anim{0%{transform:translate(0)}25%{transform:translate(5px,-5px)}50%{transform:translate(-5px,5px)}75%{transform:translate(5px,5px)}to{transform:translate(0)}}.footer-meta{opacity:.3;justify-content:space-between;width:100%;font-size:10px;display:flex;position:absolute;bottom:-100px}.corner-decor{opacity:.5;z-index:5;border:1px solid #00f3ff;width:30px;height:30px;position:absolute}.top-left{border-bottom:none;border-right:none;top:40px;left:40px}.top-right{border-bottom:none;border-left:none;top:40px;right:40px}.bottom-left{border-top:none;border-right:none;bottom:40px;left:40px}.bottom-right{border-top:none;border-left:none;bottom:40px;right:40px}