:root{--font-mono: "Share Tech Mono", monospace;--bg-color: #030000;--text-color: #ff3333;--dim-color: #550000;--error-color: #ff0000;--highlight-color: #ff8080;--pointer-x: 0;--pointer-y: 0;--grid-tilt: 60deg;--grid-roll: 0deg;--grid-shift: 0px}*,*:before,*:after{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);overflow:hidden;-webkit-user-select:none;user-select:none}#root{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.scanlines{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000004d 50%,#0000004d);background-size:100% 4px;pointer-events:none;z-index:10;animation:scroll 10s linear infinite}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle,#14000000 50%,#1e000066 90%,#000c);pointer-events:none;z-index:11;box-shadow:inset 0 0 100px #000000e6}.bg-grid{position:fixed;top:-50%;left:-50%;width:200vw;height:200vh;background-image:linear-gradient(rgba(255,50,50,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,50,50,.3) 1px,transparent 1px);background-size:50px 50px;transform:perspective(500px) rotateX(var(--grid-tilt)) rotate(var(--grid-roll)) translate(var(--grid-shift)) translateY(0) translateZ(-100px);z-index:-1;animation:grid-move 20s linear infinite;pointer-events:none;box-shadow:0 0 100px #f003;transition:transform .18s ease-out}@keyframes grid-move{0%{background-position:0 0;transform:perspective(500px) rotateX(var(--grid-tilt)) rotate(var(--grid-roll)) translate(var(--grid-shift)) translateY(0) translateZ(-100px)}to{background-position:0 50px;transform:perspective(500px) rotateX(var(--grid-tilt)) rotate(var(--grid-roll)) translate(var(--grid-shift)) translateY(50px) translateZ(-100px)}}.tear-band{position:fixed;left:-5vw;width:110vw;height:20px;background:linear-gradient(90deg,transparent,rgba(255,51,51,.26),rgba(0,255,255,.2),transparent);mix-blend-mode:screen;opacity:0;pointer-events:none;z-index:12}.tear-band-one{top:34vh}.tear-band-two{top:71vh}.signal-corrupt{filter:saturate(1.45) contrast(1.15)}.signal-corrupt .tear-band{animation:tear-flash .42s steps(2,end)}.signal-corrupt .content-wrapper{animation:content-jolt .42s steps(2,end)}@keyframes scroll{0%{background-position:0 0}to{background-position:0 100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes tear-flash{0%{opacity:0;transform:translate(-8vw) skew(-18deg)}25%{opacity:1;transform:translate(4vw) skew(18deg)}55%{opacity:.55;transform:translate(-2vw) skew(-8deg)}to{opacity:0;transform:translate(10vw) skew(4deg)}}@keyframes content-jolt{0%,to{transform:translate(0)}30%{transform:translate(-8px)}60%{transform:translate(6px)}}@keyframes boot-line{0%{opacity:0;transform:translateY(8px)}12%,to{opacity:1;transform:translateY(0)}}@keyframes boot-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes icon-blink{0%,88%,to{transform:scaleY(1)}92%{transform:scaleY(.08)}}@keyframes phosphor-line{0%{opacity:0;transform:scaleX(.2)}45%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}.blink{animation:blink 1s step-end infinite}@keyframes flicker{0%{opacity:1;text-shadow:0 0 10px var(--error-color)}3%{opacity:.4;text-shadow:none}6%{opacity:1;text-shadow:0 0 10px var(--error-color)}7%{opacity:.4;text-shadow:none}8%{opacity:1;text-shadow:0 0 10px var(--error-color)}9%{opacity:1;text-shadow:0 0 5px var(--error-color)}10%{opacity:.1;text-shadow:none}11%{opacity:1;text-shadow:0 0 10px var(--error-color)}50%{opacity:1;text-shadow:0 0 10px var(--error-color)}52%{opacity:.4;text-shadow:none}54%{opacity:1;text-shadow:0 0 10px var(--error-color)}to{opacity:1;text-shadow:0 0 10px var(--error-color)}}.holo-flicker{animation:flicker 4s infinite linear}.bot-stack{position:relative;display:block;width:64px;height:64px;color:var(--text-color);overflow:visible}.bot-layer{position:absolute;left:0;top:0;stroke-width:1.8;fill:none;overflow:visible;animation:icon-blink 5.5s infinite steps(1,end)}.bot-layer-main{color:var(--text-color);stroke:var(--text-color)!important;z-index:3}.bot-layer-cyan{color:#0ff;stroke:#0ff!important;opacity:.86;left:2px;top:2px;z-index:1}.bot-layer-magenta{color:#f0f;stroke:#f0f!important;opacity:.86;left:-2px;top:-2px;z-index:2}.text-flicker{animation:flicker 3s infinite linear}.glitch{position:relative;font-weight:700;text-shadow:2px 2px 0px #00ffff,-2px -2px 0px #ff00ff;animation:glitch-skew 1s cubic-bezier(.25,.46,.45,.94) both infinite}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch:before{left:2px;text-shadow:-2px 0 #ff0000;clip:rect(44px,450px,56px,0);animation:glitch-anim-1 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 #00ffff;clip:rect(44px,450px,56px,0);animation:glitch-anim-2 5s infinite linear alternate-reverse}@keyframes glitch-skew{0%{transform:skew(0)}20%{transform:skew(0)}22%{transform:skew(10deg)}24%{transform:skew(-10deg)}26%{transform:skew(0)}80%{transform:skew(0)}82%{transform:skew(5deg)}84%{transform:skew(-5deg)}86%{transform:skew(0)}}@keyframes glitch-anim-1{0%{clip:rect(20px,9999px,80px,0)}20%{clip:rect(10px,9999px,90px,0)}40%{clip:rect(50px,9999px,40px,0)}60%{clip:rect(80px,9999px,20px,0)}80%{clip:rect(30px,9999px,70px,0)}to{clip:rect(60px,9999px,50px,0)}}@keyframes glitch-anim-2{0%{clip:rect(80px,9999px,20px,0)}20%{clip:rect(40px,9999px,60px,0)}40%{clip:rect(90px,9999px,10px,0)}60%{clip:rect(20px,9999px,80px,0)}80%{clip:rect(60px,9999px,40px,0)}to{clip:rect(50px,9999px,50px,0)}}.glitch-simple{position:relative;display:inline-block;animation:glitch-skew 1s cubic-bezier(.25,.46,.45,.94) both infinite}.glitch-simple:before,.glitch-simple:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch-simple:before{left:2px;text-shadow:-1px 0 var(--error-color);clip:rect(44px,450px,56px,0);animation:glitch-anim-1 5s infinite linear alternate-reverse}.glitch-simple:after{left:-2px;text-shadow:-1px 0 var(--dim-color);clip:rect(44px,450px,56px,0);animation:glitch-anim-2 5s infinite linear alternate-reverse}.border-container{border:none;padding:3rem;position:relative;background:transparent;box-shadow:none;max-width:600px;width:90%}.boot-panel{width:min(560px,86vw);color:var(--highlight-color);font-size:1rem;line-height:1.8;text-align:left;text-shadow:0 0 12px rgba(255,0,0,.6)}.boot-line{opacity:0;animation:boot-line 2.4s steps(3,end) forwards}.boot-loader{height:2px;margin-top:1.5rem;overflow:hidden;background:#ff33332e}.boot-loader:before{content:"";display:block;width:60%;height:100%;background:linear-gradient(90deg,transparent,var(--highlight-color),transparent);animation:boot-scan 1.3s linear infinite}.content-wrapper{display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center}.main-signal{display:flex;flex-direction:column;align-items:center;text-align:center;transition:opacity .22s ease,transform .22s ease,filter .22s ease}.diagnostics-active .main-signal{opacity:0;transform:scale(.96);filter:blur(8px);pointer-events:none}.icon-wrapper{display:flex;gap:1rem;margin-bottom:2rem;color:var(--text-color);padding:0;background:transparent;border:0;cursor:crosshair;font:inherit}.site-title{font-size:3rem;margin:0;letter-spacing:.2em;color:var(--text-color)}.status-text{font-family:monospace;color:var(--dim-color);font-size:.9rem;margin-top:.5rem;text-transform:uppercase}.void-text{color:var(--error-color)}.description-text{max-width:400px;line-height:1.6;margin:2rem 0;color:var(--highlight-color);opacity:.8;font-size:1.3rem}.footer{width:100%;display:flex;justify-content:center;font-size:.7rem;color:var(--highlight-color)}.footer-left{display:flex;align-items:center;gap:.5rem}.diagnostics{position:fixed;left:50%;top:50%;z-index:30;width:min(520px,calc(100vw - 2rem));color:var(--highlight-color);background:#0c0000eb;border:1px solid rgba(255,128,128,.62);box-shadow:0 0 0 1px #ff000038,0 0 32px #ff000052,inset 0 0 36px #ff000021;transform:translate(-50%,-50%);text-align:left;letter-spacing:.04em;overflow:hidden;animation:diag-open .26s steps(3,end)}.diagnostics:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent,transparent 5px,rgba(255,128,128,.04) 6px);pointer-events:none}.diagnostics-titlebar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:.55rem .7rem;background:linear-gradient(90deg,#ff333342,#55000047);border-bottom:1px solid rgba(255,128,128,.38);color:var(--text-color);font-size:.82rem;text-shadow:0 0 10px rgba(255,0,0,.8)}.diagnostics-close{width:1.6rem;height:1.35rem;padding:0;color:var(--highlight-color);background:#ff000014;border:1px solid rgba(255,128,128,.45);font:inherit;cursor:pointer;text-shadow:inherit}.diagnostics-close:hover{background:#ff333338}.diagnostics-body{position:relative;z-index:1;padding:.85rem}.diagnostics-icon{display:flex;align-items:center;gap:.55rem;margin-bottom:.75rem;color:var(--text-color);font-size:.72rem;letter-spacing:.16em;text-shadow:0 0 12px rgba(255,0,0,.85)}.diagnostics-icon svg{filter:drop-shadow(2px 0 0 #00ffff) drop-shadow(-2px 0 0 #ff00ff);animation:icon-blink 2.8s infinite steps(1,end)}.diagnostics-output{display:flex;flex-direction:column;justify-content:flex-end;height:9.2rem;padding:.65rem;overflow:hidden;background:#0000007a;border:1px solid rgba(255,128,128,.18)}.diagnostics-line{opacity:0;color:#ffbebee0;font-size:.78rem;line-height:1.55;animation:diag-type .85s steps(2,end) forwards}.diagnostics-line-command{color:#ffc1c1;text-shadow:0 0 9px rgba(255,80,80,.72)}.diagnostics-line-response{color:#ffbebee0}.diagnostics-line-warning{color:#ff6d6d;text-shadow:0 0 10px rgba(255,0,0,.8)}.diagnostics-line-muted{color:#ff80808c}.diagnostics-live-cursor{display:flex;align-items:center;gap:.2rem;height:1.2rem;margin-top:.12rem;color:#ffbebeb8;font-size:.72rem}.diagnostics-live-cursor .cursor-blink{height:.72em;vertical-align:-.04em}.diagnostics-meters{display:grid;gap:.65rem;margin-top:.9rem}.diagnostic-meter-label{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.24rem;color:#ffbebeeb;font-size:.72rem}.diagnostic-meter-track{height:8px;padding:1px;background:#2d0000cc;border:1px solid rgba(255,128,128,.22)}.diagnostic-meter-track span{display:block;height:100%;background:linear-gradient(90deg,#f33,#ff9a9a);box-shadow:0 0 12px #ff3333b8;animation:meter-pulse 1.8s linear infinite;transition:width .42s steps(5,end)}.diagnostics-footer{display:flex;justify-content:space-between;gap:1rem;margin-top:.85rem;color:#ff8080b8;font-size:.66rem}@keyframes diag-type{0%{opacity:0;transform:translate(-8px)}12%,to{opacity:1;transform:translate(0)}}@keyframes diag-open{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes meter-pulse{0%,to{filter:brightness(.85)}50%{filter:brightness(1.3)}}@keyframes diag-hint-pulse{0%,to{opacity:1;transform:translateY(-1px);box-shadow:0 0 #ff808000,0 0 14px #ff3333b8,inset 0 1px #ffbebe4d}46%{opacity:.58;transform:translateY(0);box-shadow:0 0 #ff808000,0 0 5px #ff333361,inset 0 1px #ffbebe29}52%{opacity:1;text-shadow:2px 0 0 #00ffff,-2px 0 0 #ff00ff,0 0 12px rgba(255,128,128,.95)}}.diagnostics+.footer{opacity:.32}.diagnostics-old{display:none;gap:.45rem 1.5rem;margin:.25rem 0 .9rem;text-align:left;text-shadow:0 0 8px rgba(255,0,0,.5)}.lock-status{margin-top:3rem;font-size:1.2rem;color:var(--highlight-color);cursor:pointer;padding:0;background:transparent;border:0;font:inherit}.key-cap{display:inline-block;padding:6px 10px;margin:0 8px;background:linear-gradient(to bottom,#3a1515,#200a0a);color:inherit;border:1px solid rgba(255,128,128,.4);border-radius:5px;box-shadow:0 4px #ff80804d,0 8px 15px #000c,inset 0 1px #ff80804d;font-family:inherit;font-weight:700;line-height:1;vertical-align:middle;position:relative;top:-4px;text-shadow:0 0 2px var(--highlight-color)}.lock-status:active .key-cap{top:0;box-shadow:0 0 #ff80804d,0 0 5px #ff808033,inset 0 1px #ff80801a;transform:translateY(4px)}@keyframes turn-off{0%{transform:scale(1) translateZ(0);filter:brightness(1) saturate(1);opacity:1}60%{transform:scaleY(.002) translateZ(0);filter:brightness(1) saturate(2);opacity:1}to{transform:scale(0) translateZ(0);filter:brightness(1) saturate(1);opacity:0}}.crt-shutdown{animation:turn-off 3s cubic-bezier(.4,0,.2,1) forwards}.crt-shutdown:after{content:"";position:fixed;left:16vw;right:16vw;top:50%;height:2px;background:#ff8080f2;box-shadow:0 0 26px #ff0000e6,0 0 70px #0ff6;pointer-events:none;z-index:25;animation:phosphor-line 3s cubic-bezier(.4,0,.2,1) forwards}.crt-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.terminal-view{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem;box-sizing:border-box;background-color:#000;z-index:100;color:var(--text-color);font-size:clamp(1.4rem,4vw,3rem);line-height:1.4;text-shadow:0 0 18px rgba(255,0,0,.8)}.terminal-sequence{padding-left:max(2rem,18vw)}.terminal-sequence .cursor-blink{height:.72em;vertical-align:-.04em}.corner-readout{position:fixed;bottom:1rem;z-index:13;color:#ff8080ad;font-size:.72rem;letter-spacing:.08em;text-shadow:0 0 10px rgba(255,0,0,.55);pointer-events:none}.corner-readout-left{left:1rem}.corner-readout-right{right:1rem}.diag-hint{display:inline-block;padding:.16rem .36rem .14rem;margin:0 .18rem;color:#ffd0d0;font-weight:700;letter-spacing:.16em;background:linear-gradient(to bottom,#5f0e0ee0,#200000eb);border:1px solid rgba(255,128,128,.58);border-radius:3px;text-shadow:0 0 9px rgba(255,128,128,.9);animation:diag-hint-pulse 1.25s steps(2,end) infinite}.cursor-blink{display:inline-block;width:.4em;height:.8em;background-color:currentColor;animation:blink 1s step-end infinite;margin-left:2px;vertical-align:-.08em}@media (max-width: 768px){.border-container{padding:1.5rem;width:95%}.bg-grid{background-size:38px 38px}.icon-wrapper{margin-bottom:1rem}.bot-stack{width:72px;height:72px}.bot-layer{width:72px;height:72px;stroke-width:1.9}.bot-layer-cyan{left:3px;top:3px}.bot-layer-magenta{left:-3px;top:-3px}.site-title{font-size:clamp(1.65rem,8vw,2.3rem);letter-spacing:.05em;word-break:break-word}.description-text{font-size:1.1rem;margin:1.5rem 0}.footer{flex-direction:column;gap:.5rem;align-items:center}.diagnostics{top:49%;width:calc(100vw - 1.5rem)}.diagnostics-body{padding:.7rem}.diagnostics-output{min-height:6.4rem}.diagnostics-line{font-size:.68rem}.diagnostics-footer{flex-direction:column;gap:.25rem}.lock-status{margin-top:2rem;font-size:1rem}.corner-readout{display:none}.boot-panel{font-size:.88rem}}
