*{box-sizing:border-box;cursor:crosshair}body,html{margin:0;padding:0;width:100%;height:100%;background-color:#000;overflow:hidden;font-family:Courier New,Courier,monospace;color:#e0e0e0}.exit-overlay{position:fixed;top:20px;right:20px;z-index:9999;background:#000;border:1px solid #fff;color:#fff;padding:10px 15px;text-decoration:none;text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:1px;transition:all .2s ease}.exit-overlay:hover{background:#fff;color:#000;box-shadow:0 0 10px #ffffff80}:root{--stars-small: 10px 10px #fff, 245px 543px #fff, 1834px 234px #fff, 934px 1743px #fff, 42px 94px #fff, 1200px 100px #fff, 1500px 900px #fff, 300px 1600px #fff, 600px 400px #fff, 900px 1200px #fff, 50px 500px #fff, 1800px 1400px #fff, 1100px 700px #fff, 1600px 200px #fff, 200px 1000px #fff, 750px 150px #fff, 1350px 650px #fff, 450px 1850px #fff, 1950px 350px #fff, 50px 1900px #fff, 823px 421px #fff, 128px 1732px #fff, 1563px 832px #fff, 932px 142px #fff, 421px 1234px #fff, 1632px 521px #fff, 231px 943px #fff, 1123px 1832px #fff, 732px 321px #fff, 1421px 1123px #fff, 321px 1532px #fff, 1832px 621px #fff, 532px 1321px #fff, 932px 821px #fff, 1232px 421px #fff, 1732px 121px #fff, 132px 1632px #fff, 632px 921px #fff, 1532px 1321px #fff, 32px 231px #fff, 1921px 1832px #fff, 432px 532px #fff, 1132px 1432px #fff, 832px 232px #fff, 1432px 1732px #fff, 232px 832px #fff, 1632px 1132px #fff, 532px 32px #fff, 1232px 932px #fff, 1732px 1532px #fff, 142px 632px #fff, 732px 1232px #fff, 1332px 32px #fff, 332px 1432px #fff, 1832px 432px #fff, 932px 1032px #fff, 1532px 532px #fff, 632px 1732px #fff, 1132px 232px #fff, 432px 1332px #fff, 1632px 732px #fff, 232px 1832px #fff, 832px 632px #fff, 1232px 1532px #fff, 1732px 332px #fff, 532px 1132px #fff, 1432px 832px #fff, 932px 1632px #fff, 32px 332px #fff, 1832px 1232px #fff, 1332px 532px #fff, 732px 1432px #fff, 332px 932px #fff, 1532px 132px #fff, 1032px 1732px #fff, 432px 832px #fff, 1932px 232px #fff, 232px 1232px #fff, 1132px 632px #fff, 1632px 1532px #fff, 832px 32px #fff, 1232px 1132px #fff, 1732px 732px #fff, 532px 1632px #fff, 1432px 232px #fff;--stars-medium: 500px 200px #ccc, 1100px 1400px #ccc, 200px 800px #ccc, 1600px 500px #ccc, 800px 1700px #ccc, 1300px 100px #ccc, 400px 1100px #ccc, 1900px 700px #ccc, 700px 300px #ccc, 1400px 1500px #ccc, 100px 1300px #ccc, 1700px 900px #ccc, 600px 1800px #ccc, 1000px 400px #ccc, 300px 600px #ccc, 1500px 1200px #ccc, 1200px 1600px #ccc, 900px 200px #ccc, 1800px 1000px #ccc, 550px 1550px #ccc, 250px 450px #ccc, 1350px 850px #ccc, 850px 1250px #ccc, 1650px 350px #ccc, 450px 1900px #ccc, 1150px 650px #ccc, 150px 1050px #ccc, 1750px 1450px #ccc, 950px 50px #ccc, 1450px 1750px #ccc, 650px 750px #ccc, 1250px 250px #ccc, 350px 1350px #ccc, 1850px 550px #ccc, 750px 1650px #ccc, 1550px 950px #ccc, 1050px 150px #ccc, 50px 1150px #ccc, 1950px 1350px #ccc, 550px 550px #ccc;--stars-large: 100px 400px #999, 1200px 100px #999, 1600px 1400px #999, 400px 1200px #999, 800px 600px #999, 1900px 1600px #999, 1400px 800px #999, 200px 1700px #999, 1000px 300px #999, 600px 1500px #999, 1700px 500px #999, 1300px 1100px #999, 300px 200px #999, 1500px 1800px #999, 700px 1300px #999, 900px 700px #999, 500px 1000px #999, 1800px 200px #999, 1100px 1600px #999, 150px 900px #999}.star-layer{position:absolute;top:0;left:0;background:transparent}#stars1{width:1px;height:1px;box-shadow:var(--stars-small);animation:animStar 50s linear infinite}#stars1:after{content:" ";position:absolute;top:2000px;width:1px;height:1px;box-shadow:var(--stars-small)}#stars2{width:2px;height:2px;box-shadow:var(--stars-medium);animation:animStar 35s linear infinite}#stars2:after{content:" ";position:absolute;top:2000px;width:2px;height:2px;box-shadow:var(--stars-medium)}#stars3{width:3px;height:3px;box-shadow:var(--stars-large);animation:animStar 20s linear infinite}#stars3:after{content:" ";position:absolute;top:2000px;width:3px;height:3px;box-shadow:var(--stars-large)}@keyframes animStar{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}.wrapper{position:relative;z-index:10;width:100%;height:100%;display:grid;grid-template-columns:280px 1fr 320px;grid-template-rows:60px 1fr 40px;gap:2px;padding:15px}header,aside,main,footer,.right-panel{background:#0000004d;border:1px solid #444;padding:1rem;backdrop-filter:blur(0px)}header{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #fff;text-transform:uppercase;letter-spacing:2px}.logo{font-weight:900;font-size:1.5rem;background:#fff;color:#000;padding:2px 8px}aside{grid-row:2 / 3;display:flex;flex-direction:column;border-right:1px dashed #666}ul{list-style:none;padding:0;margin-top:20px}li{margin-bottom:8px}a{color:#888;text-decoration:none;display:block;border:1px solid transparent;padding:5px;transition:.1s;font-size:.9rem}a:hover{color:#000;background:#fff;border:1px solid #fff}a:before{content:"> ";color:#444}main{grid-column:2 / 3;overflow-y:auto;position:relative;display:flex;flex-direction:column;gap:20px;border-left:none;border-right:none}h1{font-size:4rem;margin:0;line-height:.8;text-transform:uppercase;letter-spacing:-2px;position:relative;z-index:2}.subtitle{font-size:1rem;color:#666;margin-bottom:20px;border-bottom:1px solid #333;padding-bottom:10px;display:block}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.brutal-box{border:1px solid #fff;padding:15px;position:relative;background:#050505b3}.brutal-box h3{margin:0 0 10px;background:#fff;color:#000;display:inline-block;padding:2px 5px;font-size:.8rem;text-transform:uppercase}.data-stream{font-size:.7rem;color:#555;word-break:break-all;line-height:1.2;font-family:monospace;height:100px;overflow:hidden;opacity:.7}.glitch{position:relative;color:#fff}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-1px 0 red;clip:rect(24px,550px,90px,0);animation:glitch-anim 3s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-1px 0 blue;clip:rect(85px,550px,140px,0);animation:glitch-anim 2s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(10px,9999px,30px,0)}20%{clip:rect(80px,9999px,100px,0)}40%{clip:rect(10px,9999px,80px,0)}60%{clip:rect(40px,9999px,60px,0)}80%{clip:rect(90px,9999px,20px,0)}to{clip:rect(5px,9999px,50px,0)}}.right-panel{grid-column:3 / 4;display:flex;flex-direction:column;gap:15px;border-left:1px solid #666}.ascii-art{font-size:10px;line-height:10px;white-space:pre;color:#444;overflow:hidden;align-self:center;margin:20px 0}.sys-row{display:flex;justify-content:space-between;margin-bottom:5px;font-size:.8rem}.progress-bar{width:100%;height:10px;background:#222;margin-bottom:15px;position:relative}.fill{height:100%;background:#fff;width:0%}.fill-anim{animation:fillBar .5s ease-in-out infinite alternate}@keyframes fillBar{0%{width:10%}to{width:90%}}.ticker-wrap{width:100%;overflow:hidden;background:#fff;color:#000;padding:5px 0;white-space:nowrap;font-size:.9rem;font-weight:700}.ticker{display:inline-block;animation:ticker 20s linear infinite}@keyframes ticker{0%{transform:translate(100%)}to{transform:translate(-100%)}}footer{grid-column:1 / -1;border-top:1px solid #444;display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:#666;padding:5px 15px}.blink{animation:blinker 1s step-end infinite}@keyframes blinker{50%{opacity:0}}@media (max-width: 900px){.wrapper{grid-template-columns:1fr;grid-template-rows:auto;display:flex;flex-direction:column}.content-grid{grid-template-columns:1fr}.ascii-art{display:none}.exit-overlay{top:10px;right:10px;font-size:.7rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000;border-left:1px solid #333}::-webkit-scrollbar-thumb{background:#fff}