body{font-family:Arial,sans-serif;margin:0;overflow:hidden;padding:0}.app{height:100vh;position:relative;width:100vw}#container{height:100%;width:100%}#info{background-color:#000000b3;border-radius:5px;color:#fff;font-size:14px;left:10px;padding:10px;pointer-events:none;position:absolute;top:10px;z-index:100}#info.loading{background-color:#3232c8b3}#info.success{background-color:#32c832b3}#info.error{background-color:#c83232b3}.loading-screen{align-items:center;background-color:#0a0a0f;color:#fff;display:flex;font-family:Courier New,monospace;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-container{max-width:600px;width:80%}.neon-text{color:#fff;font-size:3rem;letter-spacing:4px;margin-bottom:2rem;text-align:center;text-shadow:0 0 5px #0cf,0 0 10px #0cf,0 0 20px #0cf,0 0 40px #0cf}.loading-bar-container{background-color:#222;height:4px;margin-bottom:1rem;overflow:hidden;position:relative}.loading-bar{background:linear-gradient(90deg,#ff00a0,#0cf);height:100%;position:relative;transition:width .2s ease-out}.loading-bar:after{animation:shimmer 1s infinite;background:linear-gradient(90deg,#0000,#ffffff80,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.loading-message{color:#0cf;font-size:1.2rem;margin-bottom:.5rem}.loading-details{color:#ff00a0;font-size:1rem}.glitch{position:relative}.glitch:after,.glitch:before{content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.glitch:before{clip:rect(24px,550px,90px,0);animation:glitch-anim-1 2s linear infinite alternate-reverse;left:2px;text-shadow:-2px 0 #ff00a0}.glitch:after{clip:rect(85px,550px,140px,0);animation:glitch-anim-2 2s linear infinite alternate-reverse;left:-2px;text-shadow:-2px 0 #0cf}.blink{animation:blink-animation 1s steps(5,start) infinite;color:#ff00a0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes glitch-anim-1{0%{clip:rect(36px,550px,86px,30px)}20%{clip:rect(25px,550px,149px,30px)}40%{clip:rect(62px,550px,87px,30px)}60%{clip:rect(25px,550px,34px,30px)}80%{clip:rect(80px,550px,136px,30px)}to{clip:rect(54px,550px,67px,30px)}}@keyframes glitch-anim-2{0%{clip:rect(65px,550px,146px,30px)}20%{clip:rect(13px,550px,76px,30px)}40%{clip:rect(120px,550px,138px,30px)}60%{clip:rect(62px,550px,96px,30px)}80%{clip:rect(13px,550px,56px,30px)}to{clip:rect(34px,550px,79px,30px)}}@keyframes blink-animation{to{visibility:hidden}}
/*# sourceMappingURL=main.0a1f6dad.css.map*/