:root{--bg-color:#000;--text-color:#ffb000;--dim-text:#a87400;--font-family:"VT323", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);justify-content:center;align-items:center;width:100vw;height:100vh;font-size:1.25rem;line-height:1.1;display:flex;overflow:hidden}#root{width:100%;height:100%}.terminal-window{border:1px solid var(--text-color);flex-direction:column;width:100%;height:100%;padding:1rem;display:flex;position:relative;box-shadow:inset 0 0 20px #ffb00033}.scanlines{z-index:10;pointer-events:none;opacity:.3;background:linear-gradient(#12101000 50%,#0000001a 50%) 0 0/100% 4px;width:100%;height:100%;position:fixed;top:0;left:0}.crt-glow{pointer-events:none;z-index:11;background:radial-gradient(circle,#0000 70%,#ffb0000d 100%);width:100%;height:100%;position:fixed;top:0;left:0}.header{justify-content:space-between;margin-bottom:1rem;display:flex}.ascii-logo{white-space:pre;font-size:.8rem}.sys-info{text-align:right;font-size:.8rem}.content-area{flex-direction:column;flex-grow:1;gap:1rem;display:flex}.box{border:1px solid var(--text-color);padding:.5rem;position:relative}.box-title{background:var(--bg-color);padding:0 .5rem;font-size:.8rem;position:absolute;top:-.6rem;left:1rem}.nav-item{color:var(--text-color);margin:.5rem 0;text-decoration:none;display:block}.nav-item:hover{background:var(--text-color);color:var(--bg-color)}.status-bar{background:var(--text-color);color:var(--bg-color);gap:2rem;margin-top:auto;padding:.2rem 1rem;font-size:.8rem;display:flex}.cursor{background:var(--text-color);width:8px;height:15px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (width<=600px){.ascii-logo{font-size:.4rem}.header{flex-direction:column}.sys-info{text-align:left;margin-top:.5rem}}