#noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;opacity:.2;mix-blend-mode:color-dodge;animation:noise-flicker 8s infinite linear}@keyframes noise-flicker{0%,to{opacity:.2}3%{opacity:.2}4%{opacity:.4}5%{opacity:.2}24%{opacity:.2}25%{opacity:.45}26%{opacity:.2}68%{opacity:.2}69%{opacity:.35}70%{opacity:.2}85%{opacity:.2}85.5%{opacity:.4}86%{opacity:.2}92%{opacity:.2}92.5%{opacity:.45}93%{opacity:.2}}body.corrupt-state{animation:aberration-pulse 8s infinite linear}@keyframes aberration-pulse{0%,to{text-shadow:none;transform:translate(0)}3%{text-shadow:none;transform:translate(0)}4%{text-shadow:4px 0 var(--color-magenta),-4px 0 var(--color-cyan);transform:translate(-2px)}5%{text-shadow:none;transform:translate(0)}24%{text-shadow:none}25%{text-shadow:-4px 0 var(--color-magenta),4px 0 var(--color-cyan);transform:translate(2px)}26%{text-shadow:none}68%{text-shadow:none}69%{text-shadow:3px 2px var(--color-magenta),-3px -2px var(--color-cyan)}70%{text-shadow:none}85%{text-shadow:none}85.5%{text-shadow:2px -2px var(--color-magenta),-2px 2px var(--color-cyan)}86%{text-shadow:none}92%{text-shadow:none}92.5%{text-shadow:-3px 0 var(--color-magenta),3px 0 var(--color-cyan)}93%{text-shadow:none}}body.major-glitch-active{animation:color-shift-shock .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes color-shift-shock{0%{filter:hue-rotate(0deg) invert(0);transform:translate(0)}10%{filter:hue-rotate(90deg) invert(1);transform:translate(-10px,5px) scale(1.02)}30%{filter:hue-rotate(180deg) invert(0);transform:translate(10px,-5px)}50%{filter:hue-rotate(270deg) invert(1);transform:translate(-10px) scale(1.1)}70%{filter:hue-rotate(180deg) invert(0);transform:translate(10px,5px)}90%{filter:hue-rotate(90deg) invert(1);transform:translate(-5px)}to{filter:hue-rotate(0deg) invert(0);transform:translate(0) scale(1)}}body.ssh-mode .content{transform:translateY(-35vh);transition:transform 1s cubic-bezier(.2,.8,.2,1)}body.ssh-mode .subtitle,body.ssh-mode .progress-container{opacity:0;pointer-events:none;transition:opacity .5s ease,height .5s ease,margin .5s ease;height:0;margin:0;overflow:hidden}#terminal-window{display:none;width:100%;height:60vh;margin-top:2rem;background:#00000040;border:1px solid #444;padding:1rem;text-align:left;font-family:Share Tech Mono,monospace;font-size:1rem;color:var(--color-cyan);overflow-y:auto;box-shadow:0 0 20px #00000080;position:absolute;top:100%;left:0}body.ssh-mode #terminal-window{display:block;animation:fadeIn 1s forwards .5s;opacity:0}#fps-counter{position:fixed;top:10px;right:10px;color:var(--color-cyan);font-family:var(--font-main);font-size:14px;background:#000000b3;padding:5px 10px;border:1px solid var(--color-blue);z-index:100;display:none;pointer-events:none;text-shadow:0 0 5px var(--color-cyan)}:root{--color-black: #000000;--color-graphite: #121212;--color-cyan: #00eeff;--color-blue: #0066ff;--color-white: #ffffff;--color-dim: #aaaaaa;--color-magenta: #ff00aa;--font-main: "Share Tech Mono", monospace;--transition-fast: .3s ease;--transition-slow: 1.5s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;display:block}#neural-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;display:block}body{background:var(--color-black);font-family:var(--font-main);color:var(--color-white);position:relative}#neural-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}#ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.content{max-width:800px;padding:2rem;transition:transform 1s cubic-bezier(.2,.8,.2,1);position:relative}.title{font-size:4rem;margin-bottom:1rem;position:relative;text-shadow:0 0 10px var(--color-cyan);letter-spacing:-.05em}.title:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;animation:glitch 3s infinite;clip-path:polygon(0 0,100% 0,100% 50%,0 50%)}.title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;animation:glitch 4s infinite reverse;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%);color:var(--color-magenta)}@keyframes glitch{0%{opacity:0;transform:translate(0)}5%{opacity:.2;transform:translate(-2px,2px)}10%{opacity:0;transform:translate(2px,-2px)}15%{opacity:0}to{opacity:0}}.subtitle{font-size:1.2rem;letter-spacing:.1em;margin-bottom:3rem;color:var(--color-dim);opacity:0;animation:fadeIn 2s forwards 1s}@keyframes fadeIn{to{opacity:1}}.progress-container{width:300px;margin:2rem auto 0;position:relative}.progress-bar{height:2px;background:#aaa3;position:relative;overflow:hidden}.progress-fill{height:100%;width:0%;background:var(--color-blue);position:absolute;top:0;left:0;box-shadow:0 0 10px var(--color-blue);transition:width .1s linear}.progress-fill.stuck{width:73%!important;animation:jitter .5s infinite alternate}@keyframes jitter{0%{width:72.8%}to{width:73.2%}}.cursor{display:inline-block;width:12px;height:1.2em;background:var(--color-magenta);margin-left:5px;vertical-align:text-bottom;box-shadow:0 0 5px var(--color-magenta);animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.progress-text{margin-top:.5rem;font-size:.8rem;letter-spacing:.1em;color:var(--color-dim)}@media(max-width:768px){.title{font-size:2.5rem}.subtitle{font-size:1rem}.progress-container{width:200px}}
