:root{--terminal-green: #33ff33;--terminal-green-dim: #1a8c1a;--terminal-green-bright: #66ff66;--terminal-bg: #0a0a0a;--terminal-bg-glow: #0a1a0a;--terminal-cols: 80;--terminal-rows: 30;--terminal-padding: 20px;--terminal-font: "VT323", "Courier New", "Lucida Console", monospace;--terminal-font-size: 16px;--terminal-line-height: 1.15;--terminal-char-width: .6em;--glow-intensity: .8;--glow-spread: 8px}html[data-color-scheme=amber]{--terminal-green: #ffb000;--terminal-green-dim: #8c5c00;--terminal-green-bright: #ffd733;--terminal-bg: #0a0a0a;--terminal-bg-glow: #1a1410}html[data-color-scheme=white]{--terminal-green: #ffffff;--terminal-green-dim: #a0a0a0;--terminal-green-bright: #ffffff;--terminal-bg: #0a0a0a;--terminal-bg-glow: #1a1a1a}html[data-color-scheme=green]{--terminal-green: #33ff33;--terminal-green-dim: #1a8c1a;--terminal-green-bright: #66ff66;--terminal-bg: #0a0a0a;--terminal-bg-glow: #0a1a0a}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background-color:#1a1a1a;font-family:var(--terminal-font)}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:radial-gradient(ellipse at center,#2a2a2a,#0a0a0a)}.crt-monitor{display:flex;flex-direction:column;align-items:center}.crt-bezel{background:linear-gradient(145deg,#3a3a3a,#1a1a1a,#2a2a2a);border-radius:20px;padding:30px;box-shadow:0 0 0 3px #0a0a0a,0 0 0 6px #2a2a2a,0 20px 40px #000c,inset 0 2px 4px #ffffff1a}.crt-screen{position:relative;background-color:var(--terminal-bg);border-radius:8px;overflow:hidden;box-shadow:inset 0 0 100px #000000e6,inset 0 0 20px #33ff330d}.terminal{position:relative;width:calc(var(--terminal-cols) * var(--terminal-char-width) * var(--terminal-font-size) + var(--terminal-padding) * 2);height:calc(var(--terminal-rows) * var(--terminal-font-size) * var(--terminal-line-height) + var(--terminal-padding) * 2 + 30px);min-width:720px;min-height:480px;max-width:95vw;max-height:90vh;padding:var(--terminal-padding);background-color:var(--terminal-bg);color:var(--terminal-green);font-family:var(--terminal-font);font-size:var(--terminal-font-size);line-height:var(--terminal-line-height);display:flex;flex-direction:column;z-index:1;overflow:hidden}.terminal-output{flex:1;overflow-y:auto;overflow-x:auto;white-space:pre;scrollbar-width:thin;scrollbar-color:var(--terminal-green-dim) var(--terminal-bg)}.terminal-output::-webkit-scrollbar{display:none}.terminal-line{display:block;min-height:calc(var(--terminal-font-size) * var(--terminal-line-height));text-shadow:0 0 5px var(--terminal-green),0 0 10px rgba(51,255,51,.5),0 0 20px rgba(51,255,51,.3)}.terminal-line.dim{color:var(--terminal-green-dim);text-shadow:0 0 5px var(--terminal-green-dim)}.terminal-line.bright{color:var(--terminal-green-bright);text-shadow:0 0 8px var(--terminal-green-bright),0 0 15px rgba(102,255,102,.6),0 0 25px rgba(102,255,102,.4)}.color-green{color:var(--terminal-green)}.color-dim{color:var(--terminal-green-dim)}.color-bright{color:var(--terminal-green-bright)}.color-red{color:#f33;text-shadow:0 0 5px #ff3333,0 0 10px rgba(255,51,51,.5)}.color-yellow{color:#ff3;text-shadow:0 0 5px #ffff33,0 0 10px rgba(255,255,51,.5)}.color-amber{color:#ffb000;text-shadow:0 0 5px #ffb000,0 0 10px rgba(255,176,0,.5)}.color-cyan{color:#3ff;text-shadow:0 0 5px #33ffff,0 0 10px rgba(51,255,255,.5)}.color-white{color:#fff;text-shadow:0 0 5px #ffffff,0 0 10px rgba(255,255,255,.5)}.terminal-input-line{display:flex;align-items:center;min-height:calc(var(--terminal-font-size) * var(--terminal-line-height));margin-top:4px}.terminal-prompt{color:var(--terminal-green);margin-right:.5ch;text-shadow:0 0 5px var(--terminal-green),0 0 10px rgba(51,255,51,.5)}.terminal-input{flex:1;background:transparent;border:none;outline:none;color:var(--terminal-green);font-family:var(--terminal-font);font-size:var(--terminal-font-size);line-height:var(--terminal-line-height);caret-color:transparent;text-shadow:0 0 5px var(--terminal-green),0 0 10px rgba(51,255,51,.5)}.terminal-input::placeholder{color:var(--terminal-green-dim);opacity:.5}.terminal-input:focus{outline:none}.cursor{display:inline-block;width:.6em;height:1em;background-color:var(--terminal-green);margin-left:1px;animation:cursorBlink 1s step-end infinite;box-shadow:0 0 5px var(--terminal-green),0 0 10px #33ff3380}.terminal-input:not(:focus)+.cursor{display:none}.crt-base{display:flex;flex-direction:column;align-items:center}.crt-base-neck{width:80px;height:30px;background:linear-gradient(90deg,#2a2a2a,#3a3a3a,#2a2a2a);border-radius:0 0 10px 10px}.crt-base-foot{width:200px;height:15px;background:linear-gradient(90deg,#2a2a2a,#3a3a3a,#2a2a2a);border-radius:0 0 50px 50px;margin-top:-5px}::selection{background-color:var(--terminal-green);color:var(--terminal-bg)}.terminal-output::-webkit-scrollbar{width:8px}.terminal-output::-webkit-scrollbar-track{background:var(--terminal-bg)}.terminal-output::-webkit-scrollbar-thumb{background:var(--terminal-green-dim);border-radius:4px}.terminal-output::-webkit-scrollbar-thumb:hover{background:var(--terminal-green)}@media (min-width: 1024px){:root{--terminal-font-size: 18px}.terminal{min-width:800px;min-height:500px}}@media (min-width: 1280px){:root{--terminal-font-size: 20px}.terminal{min-width:900px;min-height:560px}}@media (min-width: 1536px){:root{--terminal-font-size: 22px}.terminal{min-width:1000px;min-height:620px}}@media (max-width: 1023px){:root{--terminal-font-size: 14px;--terminal-padding: 15px}.crt-bezel{padding:15px;border-radius:10px}.terminal{min-width:600px;min-height:400px}.crt-base{display:none}}@media (max-width: 768px){:root{--terminal-font-size: 12px;--terminal-padding: 10px}.crt-bezel{padding:10px;border-radius:5px}.terminal{min-width:100%;min-height:100vh;border-radius:0}.crt-monitor{width:100%;height:100%}.crt-screen{border-radius:0}}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:hidden}.scanlines:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,#0000,#0000 1px,#0000004d 1px,#0000004d 2px);animation:scanlineScroll 10s linear infinite}.scanlines:after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(180deg,#3f30,#33ff331a,#3f30);animation:scanlineMove 8s linear infinite;opacity:.5}@keyframes scanlineScroll{0%{background-position:0 0}to{background-position:0 100%}}@keyframes scanlineMove{0%{transform:translateY(-100%)}to{transform:translateY(calc(100vh + 100%))}}.screen-curvature{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:11;background:transparent;box-shadow:inset 0 0 80px #00000080,inset 0 0 40px #0000004d;border-radius:8px}.screen-curvature:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,transparent 60%,rgba(0,0,0,.15) 80%,rgba(0,0,0,.4) 100%);border-radius:8px}.vignette{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:12;background:radial-gradient(ellipse at center,transparent 0%,transparent 50%,rgba(0,0,0,.2) 70%,rgba(0,0,0,.5) 90%,rgba(0,0,0,.8) 100%);border-radius:8px}.crt-screen{animation:screenFlicker .15s infinite}@keyframes screenFlicker{0%{opacity:1}50%{opacity:.995}to{opacity:1}}.crt-screen:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:15;animation:randomFlicker 5s steps(1) infinite;background:transparent}@keyframes randomFlicker{0%,to{opacity:1}4%{opacity:.97}4.2%{opacity:1}35%{opacity:1}35.1%{opacity:.95}35.3%{opacity:1}78%{opacity:1}78.2%{opacity:.96}78.4%{opacity:1}}.terminal-line,.terminal-prompt,.terminal-input{position:relative}.rgb-separation{text-shadow:0 0 5px var(--terminal-green),0 0 10px rgba(51,255,51,.5),-.5px 0 0 rgba(255,0,0,.15),.5px 0 0 rgba(0,150,255,.15)}.rgb-heavy{text-shadow:0 0 5px var(--terminal-green),0 0 10px rgba(51,255,51,.5),-1px 0 0 rgba(255,0,0,.3),1px 0 0 rgba(0,150,255,.3)}.crt-screen:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--terminal-bg);z-index:-1;box-shadow:0 0 30px #33ff331a,0 0 60px #33ff330d,inset 0 0 30px #33ff3308;border-radius:10px}.phosphor-trail{position:relative}.phosphor-trail:after{content:attr(data-text);position:absolute;top:0;left:0;color:var(--terminal-green-dim);opacity:.3;pointer-events:none;filter:blur(1px);animation:phosphorFade .5s ease-out}@keyframes phosphorFade{0%{opacity:.5;filter:blur(0)}to{opacity:0;filter:blur(2px)}}.interference{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:13;background:repeating-linear-gradient(0deg,transparent,transparent 100%);animation:interferenceEffect 20s steps(1) infinite}@keyframes interferenceEffect{0%,to{background:transparent}10%{background:linear-gradient(180deg,transparent 0%,transparent 45%,rgba(51,255,51,.03) 45%,rgba(51,255,51,.03) 55%,transparent 55%,transparent 100%)}10.5%{background:transparent}45%{background:linear-gradient(180deg,transparent 0%,transparent 20%,rgba(51,255,51,.02) 20%,rgba(51,255,51,.02) 25%,transparent 25%,transparent 100%)}45.3%{background:transparent}72%{background:linear-gradient(180deg,transparent 0%,transparent 70%,rgba(51,255,51,.04) 70%,rgba(51,255,51,.04) 75%,transparent 75%,transparent 100%)}72.4%{background:transparent}}.power-on{animation:powerOn 2s ease-out forwards}@keyframes powerOn{0%{filter:brightness(0) contrast(0);transform:scaleY(.01)}10%{filter:brightness(10) contrast(5);transform:scaleY(.01)}20%{filter:brightness(3) contrast(2);transform:scaleY(.3)}40%{filter:brightness(1.5) contrast(1.2);transform:scaleY(.8)}70%{filter:brightness(1.1) contrast(1.05);transform:scaleY(.95)}to{filter:brightness(1) contrast(1);transform:scale(1)}}.power-off{animation:powerOff .5s ease-in forwards}@keyframes powerOff{0%{filter:brightness(1);transform:scale(1)}20%{filter:brightness(2);transform:scale(1)}50%{filter:brightness(5);transform:scaleY(.01)}to{filter:brightness(0);transform:scale(0)}}.static-noise{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:14;opacity:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.static-noise.active{opacity:.15;animation:staticNoise .1s steps(5) infinite}@keyframes staticNoise{0%{transform:translate(0)}20%{transform:translate(-2%,2%)}40%{transform:translate(2%,-2%)}60%{transform:translate(-1%,-1%)}80%{transform:translate(1%,1%)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.scanlines:before,.scanlines:after,.crt-screen,.crt-screen:after,.interference,.static-noise{animation:none}.power-on,.power-off{animation:none}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes cursorBlinkFast{0%,to{opacity:1}50%{opacity:0}}.cursor-block{animation:cursorBlink 1s step-end infinite}.cursor-underline{width:.6em;height:2px;animation:cursorBlink 1s step-end infinite}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes textFadeIn{0%{opacity:0;text-shadow:0 0 0 transparent}50%{opacity:.5;text-shadow:0 0 10px var(--terminal-green)}to{opacity:1;text-shadow:0 0 5px var(--terminal-green),0 0 10px rgba(51,255,51,.5)}}@keyframes textRevealLeft{0%{clip-path:inset(0 100% 0 0);opacity:.5}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes textGlitch{0%,to{transform:translate(0);text-shadow:0 0 5px var(--terminal-green),0 0 10px rgba(51,255,51,.5)}10%{transform:translate(-2px,1px);text-shadow:-2px 0 rgba(255,0,0,.5),2px 0 rgba(0,255,255,.5)}20%{transform:translate(2px,-1px);text-shadow:2px 0 rgba(255,0,0,.5),-2px 0 rgba(0,255,255,.5)}30%{transform:translate(0);text-shadow:0 0 5px var(--terminal-green),0 0 10px rgba(51,255,51,.5)}}@keyframes textScramble{0%{opacity:.8}25%{opacity:1}50%{opacity:.9}75%{opacity:1}to{opacity:1}}@keyframes screenFlickerSubtle{0%,to{opacity:1}25%{opacity:.99}50%{opacity:.995}75%{opacity:.98}}@keyframes screenFlickerHeavy{0%,to{opacity:1}10%{opacity:.85}20%{opacity:.95}30%{opacity:.7}40%{opacity:.9}50%{opacity:.8}60%{opacity:1}70%{opacity:.75}80%{opacity:.95}90%{opacity:.85}}@keyframes brightnessFlicker{0%,to{filter:brightness(1)}5%{filter:brightness(1.1)}10%{filter:brightness(.95)}15%{filter:brightness(1.05)}20%{filter:brightness(1)}}@keyframes alertFlashRed{0%,to{background-color:var(--terminal-bg);color:var(--terminal-green)}50%{background-color:#ff000026;color:#f33}}@keyframes alertFlashDefcon1{0%,to{color:var(--terminal-green);text-shadow:0 0 5px var(--terminal-green)}50%{color:red;text-shadow:0 0 10px #ff0000,0 0 20px #ff0000}}@keyframes alertFlashDefcon2{0%,to{color:var(--terminal-green);text-shadow:0 0 5px var(--terminal-green)}50%{color:#f60;text-shadow:0 0 10px #ff6600,0 0 20px #ff6600}}@keyframes alertFlashDefcon3{0%,to{color:var(--terminal-green);text-shadow:0 0 5px var(--terminal-green)}50%{color:#fc0;text-shadow:0 0 10px #ffcc00,0 0 20px #ffcc00}}@keyframes warningPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}@keyframes criticalAlert{0%,to{background-color:transparent;border-color:var(--terminal-green)}25%,75%{background-color:#ff00001a;border-color:red}}@keyframes connectionPulse{0%{opacity:.3;text-shadow:0 0 5px var(--terminal-green)}50%{opacity:1;text-shadow:0 0 15px var(--terminal-green),0 0 25px var(--terminal-green)}to{opacity:.3;text-shadow:0 0 5px var(--terminal-green)}}@keyframes modemConnect{0%{content:"CONNECTING"}25%{content:"CONNECTING."}50%{content:"CONNECTING.."}75%{content:"CONNECTING..."}}@keyframes dataTransfer{0%{opacity:1}10%{opacity:.5}20%{opacity:1}30%{opacity:.7}40%{opacity:1}50%{opacity:.3}60%{opacity:.9}70%{opacity:.5}80%{opacity:1}90%{opacity:.6}to{opacity:1}}@keyframes signalPulse{0%,to{transform:scaleY(.3);opacity:.5}50%{transform:scaleY(1);opacity:1}}@keyframes loadingDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes progressFill{0%{width:0%}to{width:100%}}@keyframes spinnerRotate{0%{content:"|"}25%{content:"/"}50%{content:"-"}75%{content:"\\"}}.animate-cursor-blink{animation:cursorBlink 1s step-end infinite}.animate-typing{animation:textFadeIn .3s ease-out}.animate-reveal{animation:textRevealLeft .5s ease-out}.animate-glitch{animation:textGlitch .5s ease-in-out}.animate-flicker{animation:screenFlickerSubtle .1s infinite}.animate-flicker-heavy{animation:screenFlickerHeavy .2s infinite}.animate-alert{animation:alertFlashRed .5s ease-in-out infinite}.animate-alert-defcon1{animation:alertFlashDefcon1 .3s ease-in-out infinite}.animate-alert-defcon2{animation:alertFlashDefcon2 .4s ease-in-out infinite}.animate-alert-defcon3{animation:alertFlashDefcon3 .5s ease-in-out infinite}.animate-connection{animation:connectionPulse 1.5s ease-in-out infinite}.animate-data-transfer{animation:dataTransfer .5s linear infinite}.animate-warning{animation:warningPulse 1s ease-in-out infinite}.animate-critical{animation:criticalAlert .25s ease-in-out infinite}.animate-loading:after{content:"";animation:loadingDots 1.5s steps(4) infinite}.animate-spinner:after{content:"|";animation:spinnerRotate .5s steps(4) infinite}@media (prefers-reduced-motion: reduce){.animate-cursor-blink,.animate-typing,.animate-reveal,.animate-glitch,.animate-flicker,.animate-flicker-heavy,.animate-alert,.animate-alert-defcon1,.animate-alert-defcon2,.animate-alert-defcon3,.animate-connection,.animate-data-transfer,.animate-warning,.animate-critical,.animate-loading:after,.animate-spinner:after{animation:none}.animate-alert,.animate-warning,.animate-critical{opacity:1;background-color:#ff00001a}.animate-connection{opacity:.7}}
