*{margin:0;padding:0;box-sizing:border-box}:root{--text-color: #00ff41;--bg-color: #0a0a0a;--dim-color: #003b00;--mid-color: #00a025;--bright-color: #00ff41;--amber-color: #ffb000;--error-color: #ff3333;--system-color: #00aaff;--glow-color: rgba(0, 255, 65, .5);--panel-border: #004400;--panel-bg: rgba(0, 20, 0, .6)}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:JetBrains Mono,monospace;background:var(--bg-color);color:var(--text-color);font-size:14px;line-height:1.4}.crt-screen{position:relative;width:100%;height:100%;overflow:hidden}.crt-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:100}.crt-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 0%,rgba(0,255,65,.03) 50%,transparent 100%);background-size:100% 8px;animation:scanline-move 8s linear infinite;pointer-events:none;z-index:101}@keyframes scanline-move{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:102}.glow{text-shadow:0 0 5px var(--glow-color)}.text-normal{color:var(--text-color)}.text-dim{color:var(--dim-color)}.text-bright{color:var(--bright-color);text-shadow:0 0 5px var(--glow-color)}.text-amber{color:var(--amber-color)}.text-error{color:var(--error-color)}.text-system{color:var(--system-color)}.text-combat{color:#f60}.clickable{color:var(--amber-color);cursor:pointer;text-decoration:underline;text-decoration-style:dotted}.clickable:hover{color:var(--bright-color);text-shadow:0 0 8px var(--glow-color)}.panel{border:1px solid var(--panel-border);background:var(--bg-color);background:color-mix(in srgb,var(--bg-color) 88%,transparent);padding:8px;overflow:hidden;position:relative;z-index:1}.panel-header{color:var(--amber-color);border-bottom:1px solid var(--panel-border);padding-bottom:4px;margin-bottom:8px;font-size:12px;text-transform:uppercase;letter-spacing:2px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--dim-color)}::-webkit-scrollbar-thumb:hover{background:var(--mid-color)}input{font-family:JetBrains Mono,monospace;background:transparent;border:none;color:var(--text-color);outline:none;font-size:14px;width:100%;caret-color:var(--text-color)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{animation:blink 1s step-end infinite}@keyframes flicker{0%{opacity:.97}5%{opacity:.95}10%{opacity:.97}15%{opacity:.96}20%{opacity:.98}to{opacity:.97}}.crt-flicker{animation:flicker .15s infinite}@keyframes matrix-fall{0%{transform:translateY(-100%);opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes byte-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.byte-idle{animation:byte-idle 2s ease-in-out infinite}@keyframes byte-build-1{0%{opacity:0}to{opacity:1}}@keyframes byte-build-2{0%{opacity:0}to{opacity:1}}@keyframes byte-build-3{0%{opacity:0}to{opacity:1}}@keyframes byte-build-4{0%{opacity:0}to{opacity:1}}.byte-build .line-1{animation:byte-build-1 .3s 0s both}.byte-build .line-2{animation:byte-build-2 .3s .3s both}.byte-build .line-3{animation:byte-build-3 .3s .6s both}.byte-build .line-4{animation:byte-build-4 .3s .9s both}@keyframes type-reveal{0%{width:0}to{width:100%}}@keyframes scan-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:fade-in .5s ease-in}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-up{animation:slide-up .3s ease-out}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch{animation:glitch .3s ease-in-out}