:root{--phosphor: #33ff33;--phosphor-dim: #1a8f1a;--phosphor-glow: rgba(51, 255, 51, .4)}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;background:#000;font-family:VT323,monospace;overflow:hidden}#app-root{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.monitor-wrapper{position:relative;width:90vw;height:80vh;max-width:1000px;max-height:800px;aspect-ratio:4/3;margin:auto}#monitor-bezel{position:relative;width:100%;height:100%;background:linear-gradient(145deg,#0a0a0a,#000);border-radius:20px;box-shadow:inset 1px 1px 2px #ffffff1a,inset -1px -1px 2px #ffffff0d,0 0 15px #000c,0 0 30px #33ff3305;display:flex;justify-content:center;align-items:center;padding:25px;container-type:size}body.crt-active #monitor-bezel{background:#050505;box-shadow:inset 1px 1px 2px #ffffff1a,0 0 50px #33ff331a}.screen-area{position:relative;top:auto;left:auto;width:100%;height:100%;background:#000;overflow:hidden;z-index:10;border-radius:60px/40px;box-shadow:inset 0 0 20px #000}#terminal-container{position:absolute;top:0;right:0;bottom:0;left:0;padding:3% 4%;overflow:hidden}#terminal-output{width:100%;height:100%;color:var(--phosphor);font-size:clamp(10px,3.5cqh,14px);line-height:1.3;white-space:pre-wrap;word-wrap:break-word;text-shadow:0 0 5px var(--phosphor-glow);overflow-y:auto;scrollbar-width:none}#terminal-output::-webkit-scrollbar{display:none}#cursor{display:inline-block;width:.6em;height:1em;background:var(--phosphor);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(transparent 0px,rgba(0,0,0,.15) 1px,transparent 2px);pointer-events:none;z-index:50;opacity:0}body.crt-active .scanlines{opacity:.35}.glow-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.3) 100%);pointer-events:none;z-index:40;opacity:0}body.crt-active .glow-overlay{opacity:1}body.crt-active .screen-area{animation:power-on .3s ease-out}@keyframes power-on{0%{filter:brightness(0)}50%{filter:brightness(1.5)}to{filter:brightness(1)}}.controls-area{position:absolute;bottom:25px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:8px}.label-on,.label-off{color:#555;font-size:10px;font-family:sans-serif;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.1)}.label-on{color:#4cd137;opacity:.5}body.crt-active .label-on{opacity:1;text-shadow:0 0 5px #4cd137}.power-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:16px;background:linear-gradient(#444,#222);border:1px solid #111;border-radius:2px;cursor:pointer}.power-switch:hover{background:linear-gradient(#555,#333)}.power-led{position:absolute;top:57%;right:12%;width:6px;height:6px;background:#300;border-radius:50%}body.crt-active .power-led{background:var(--phosphor);box-shadow:0 0 6px var(--phosphor)}.startup-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--phosphor-dim);font-size:clamp(10px,2cqh,14px);text-transform:uppercase;letter-spacing:2px;animation:pulse 2s ease-in-out infinite;pointer-events:none}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.7}}body.crt-active .startup-hint{display:none}.menu-item{cursor:pointer}.menu-item:hover{text-shadow:0 0 10px var(--phosphor)}.escape-button{position:absolute;top:4px;right:4px;background:transparent;border:1px solid var(--phosphor-dim);color:var(--phosphor-dim);font-family:inherit;font-size:10px;padding:2px 6px;cursor:pointer;z-index:100}.escape-button:hover{border-color:var(--phosphor);color:var(--phosphor)}.hidden{display:none!important}@media (max-width: 768px){.monitor-wrapper{width:100vw;height:100vh;max-width:none;max-height:none;aspect-ratio:auto}#monitor-bezel,body.crt-active #monitor-bezel{background:#000}.screen-area{width:100%;height:100%;border-radius:0;box-shadow:none;top:0;left:0}#terminal-output{font-size:16px;padding:1rem}.controls-area{top:auto;bottom:20px;left:50%;transform:translate(-50%);width:100%;display:flex;justify-content:center;gap:20px;pointer-events:none}.power-switch{pointer-events:auto;width:60px;height:30px;border:2px solid #333;z-index:100}.power-led{position:static;margin-top:12px}}