:root{--bg-desk:#121417;--bezel-color:#2b2b2b;--bezel-edge:#1a1a1a;--bezel-highlight:#3f3f3f;--crt-black:#06090c;--vga-green:#5f5;--vga-amber:#fa0;--led-off:#202422;--led-green:#3f3;--led-red:#f33;--led-amber:#fa0;--led-glow-green:#33ff33b3;--led-glow-red:#ff3333b3;--led-glow-amber:#ffaa00b3;--btn-bg:#2a2e33;--btn-border:#444b54;--btn-text:#c0c6ce;--btn-hover:#373c44;--font-mono:"Px437 IBM VGA 9x16", "Px437 IBM VGA 8x16", "Perfect DOS VGA 437", "Consolas", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-desk);color:#e0e0e0;width:100%;height:100%;font-family:var(--font-mono);font-size-adjust:from-font;-webkit-user-select:none;user-select:none;overflow-x:hidden}#app{flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;padding:12px;display:flex}.hud-wrapper{background:#1e2227;border:2px solid #323842;border-radius:6px;width:100%;max-width:960px;margin-bottom:12px;padding:8px 16px;box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff14}.hud-bar{letter-spacing:.5px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:.85rem;display:flex}.hud-section{align-items:center;gap:12px;display:flex}.hardware-leds{gap:12px;display:flex}.led-group{flex-direction:column;align-items:center;gap:3px;display:flex}.led-group label{color:#8c96a5;font-size:.65rem;font-weight:700}.led{background-color:var(--led-off);border:1px solid #111;border-radius:50%;width:10px;height:10px;transition:all 80ms}#led-dtr.active,#led-rts.active,#led-cts.active,#led-cd.active,#led-rx.active{background-color:var(--led-green);box-shadow:0 0 8px var(--led-glow-green)}#led-ri.active{background-color:var(--led-red);box-shadow:0 0 8px var(--led-glow-red)}#led-tx.active{background-color:var(--led-amber);box-shadow:0 0 8px var(--led-glow-amber)}.system-info{color:#b0bac5;align-items:center;gap:8px;font-size:.8rem;display:flex}.info-label{color:#727e8d;font-weight:700}.info-value{color:#5f5;font-weight:700;font-family:var(--font-mono)}.separator{color:#3b424d}.retro-select{color:#fa0;font-family:var(--font-mono);cursor:pointer;background:#13161a;border:1px solid #3f4754;border-radius:4px;outline:none;padding:3px 6px;font-size:.78rem}.retro-select:focus{border-color:#5f5}.monitor-housing{background:linear-gradient(145deg,#333840 0%,#1f2328 100%);border:3px solid #474f5c;border-radius:14px;flex-direction:column;align-items:center;width:100%;max-width:960px;padding:20px;display:flex;box-shadow:0 12px 35px #000000b3,inset 0 2px 4px #ffffff26}.crt-bezel{background:#000;border:8px solid #14171a;border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000000e6}.crt-glass{aspect-ratio:720/400;background-color:var(--crt-black);justify-content:center;align-items:center;width:100%;display:flex;position:relative}.crt-glass:before{content:" ";pointer-events:none;z-index:10;background:linear-gradient(#ffffff0a 0%,#fff0 100%);height:45%;position:absolute;top:0;left:0;right:0}.crt-glass:after{content:" ";pointer-events:none;z-index:11;background:radial-gradient(circle,#0000 65%,#0009 100%);position:absolute;inset:0}#terminal-canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;display:block}.crt-curve{transition:transform .3s;transform:perspective(600px)rotateX(1.5deg)scale(.99)}.monitor-brand{color:#6a7482;letter-spacing:1px;justify-content:space-between;width:100%;margin-top:10px;padding:0 8px;font-size:.75rem;display:flex}.brand-text{color:#8c97a7;font-weight:700}.power-indicator{align-items:center;gap:6px;display:flex}.power-led{background:#3f3;border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px #3f3c}.toolbar-wrapper{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-width:960px;margin-top:14px;display:flex}.retro-btn{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--btn-text);font-family:var(--font-mono);cursor:pointer;border-radius:4px;padding:7px 12px;font-size:.8rem;transition:all .12s;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff14}.retro-btn:hover{background:var(--btn-hover);color:#fff;border-color:#5d6774}.retro-btn:active{transform:translateY(1px);box-shadow:0 1px 2px #0006}.retro-btn.primary{color:#a4f5b4;background:#1c4424;border-color:#2e7a3d}.retro-btn.primary:hover{background:#255c30}.retro-btn.danger{color:#fca5a5;background:#4a1f1f;border-color:#8c3636}.retro-btn.danger:hover{background:#612828}.retro-btn.active{color:#93c5fd;background:#26384a;border-color:#3b82f6}.soft-keypad{background:#1a1e23;border:1px solid #2d343e;border-radius:6px;flex-wrap:wrap;justify-content:center;gap:6px;width:100%;max-width:960px;margin-top:12px;padding:8px;display:flex}.soft-key{color:#d1d5db;font-family:var(--font-mono);cursor:pointer;background:#272d36;border:1px solid #3c4452;border-radius:4px;padding:6px 10px;font-size:.8rem}.soft-key:hover{background:#333a46}.soft-key:active{background:#1e232a}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000c;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.visible{display:flex}.modal-card{background:#1c2026;border:2px solid #3b82f6;border-radius:8px;width:100%;max-width:680px;max-height:85vh;padding:20px;overflow-y:auto;box-shadow:0 16px 40px #000c}.modal-header{border-bottom:1px solid #323a46;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.modal-header h2{color:#60a5fa;font-size:1.15rem}.modal-body{color:#cbd5e1;font-size:.85rem;line-height:1.5}.modal-body h3{color:#facc15;margin-top:14px;margin-bottom:6px;font-size:.95rem}.modal-body ul{margin-bottom:10px;padding-left:20px}.modal-body code{color:#5f5;font-family:var(--font-mono);background:#0d1117;border-radius:3px;padding:2px 5px}.modal-footer{justify-content:flex-end;margin-top:16px;display:flex}@media (width<=768px){#app{padding:6px}.monitor-housing{border-radius:8px;padding:8px}.crt-bezel{border-width:4px}.hud-bar{justify-content:center}.system-info{font-size:.72rem}.retro-btn{padding:6px 9px;font-size:.72rem}.soft-key{padding:5px 8px;font-size:.72rem}}