#matrix-bg,#orientation-warning,body{position:fixed;height:100vh}#orientation-warning,#vga-text{font-family:VT323,monospace;display:none}#broken-screen-overlay,#monitor-overlay,#screen-bezel::after,.scanline{right:0;position:absolute}#console,#screen-bezel{height:100%;position:relative}#orientation-warning,#retro-player{padding:20px;box-sizing:border-box}#hardware-numpad,#retro-player{background-color:#1a1a1a;box-shadow:inset 0 0 15px #000,5px 5px 15px rgba(0,0,0,.6)}#screen-bezel,.divider-line,.hardware-body,.lcd-screen,body{overflow:hidden}#matrix-bg,#screen-bezel::after,.lcd-screen,.scanline{pointer-events:none}#console,#orientation-warning,#retro-player,#screen-bezel,#terminal-wrapper,.lcd-screen{box-sizing:border-box}.btn-numpad,.btn-retro,.lcd-screen{text-align:center}*{-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;background-color:#030604;display:flex;justify-content:center;align-items:center;height:100dvh;color:#0f5;font-family:'Courier New',Courier,monospace;width:100%}#matrix-bg{top:0;left:0;width:100vw;z-index:-1;opacity:.12;filter:blur(3px);transition:1s ease-in-out}#orientation-warning{top:0;left:0;width:100vw;height:100dvh;background:#030604;color:#00d246;z-index:999999;flex-direction:column;justify-content:center;align-items:center;gap:30px;font-size:24px;text-align:center;text-shadow:0 0 15px rgba(0,210,70,.8),0 0 25px rgba(0,210,70,.5)}#orientation-warning img{width:120px;height:auto;opacity:.9;filter:drop-shadow(0 0 12px #00d246);animation:1.5s ease-in-out infinite alternate rotate-icon}@keyframes rotate-icon{0%{transform:rotate(-15deg)}100%{transform:rotate(15deg)}}#terminal-wrapper{width:95vw;height:92vh;max-width:1600px;max-height:900px;background:radial-gradient(ellipse at center,transparent 60%,rgba(5,5,5,.85) 100%),linear-gradient(105deg,transparent 20%,rgba(255,255,255,.025) 21%,transparent 22%),linear-gradient(-75deg,transparent 80%,rgba(255,255,255,.015) 81%,transparent 82%),radial-gradient(circle at 15% 25%,rgba(255,255,255,.02) 0,transparent 5%),radial-gradient(circle at 85% 75%,rgba(0,0,0,.3) 0,transparent 10%),linear-gradient(135deg,rgba(34,34,34,.95) 0,rgba(18,18,18,.95) 100%),url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.95" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noiseFilter)" opacity="0.18"/></svg>');border:2px solid #050505;border-radius:20px;padding:30px;box-shadow:25px 25px 40px rgba(0,0,0,.95),inset 2px 2px 6px rgba(255,255,255,.03),inset -2px -2px 10px rgba(0,0,0,.8);display:flex;flex-direction:column;position:relative;transition:background 1s,border-color 1s}.hardware-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;color:#666;font-weight:700;letter-spacing:3px;user-select:none;flex-shrink:0}.hardware-brand{font-size:24px;color:#333;text-shadow:1px 1px 1px #2a2a2a,-1px -1px 1px #050505}#bio-note,.press-text{color:#444;user-select:none}.hardware-brand span{display:inline-block}body.matrix-active .hardware-brand{animation:none}.hardware-brand span.matrix-glow{color:#0f5;text-shadow:0 0 10px #0f5,0 0 20px #0f5}.hardware-controls{display:flex;align-items:center;justify-content:flex-end;width:50px}.hdd-led{width:14px;height:14px;border-radius:50%;background-color:#400;border:2px solid #111;box-shadow:inset 0 2px 4px rgba(0,0,0,.8);transition:background-color 50ms}.hdd-led.active{background-color:#f22;box-shadow:0 0 8px red,0 0 4px red,inset 0 1px 2px rgba(255,255,255,.4);animation:80ms infinite alternate flicker}@keyframes flicker{0%{opacity:1}100%{opacity:.5}}.hardware-body{display:flex;flex-grow:1;gap:30px;position:relative}#screen-bezel{background-color:#030303;border:25px solid #111;border-radius:12px;border-color:#151515 #0a0a0a #050505 #111;flex-grow:1;box-shadow:inset 0 0 15px rgba(0,0,0,.9),0 0 15px rgba(0,0,0,.7);transition:background-color 1s,border-color 1s,box-shadow 1s}#screen-bezel::after{content:" ";display:block;top:0;left:0;bottom:0;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.25) 50%),linear-gradient(90deg,rgba(255,0,0,.03),rgba(0,255,0,.01),rgba(0,0,255,.03));background-size:100% 4px,3px 100%;z-index:2}.scanline{top:0;left:0;height:15%;background:linear-gradient(to bottom,rgba(0,255,85,0),rgba(0,255,85,.08) 50%,rgba(0,255,85,0));opacity:.5;animation:7s linear infinite scanline;z-index:4}@keyframes scanline{0%{top:-15%}100%{top:115%}}#monitor-overlay{top:0;left:0;bottom:0;background-color:#030303;z-index:50;display:flex;justify-content:center;align-items:center;cursor:pointer}.press-text{font-size:24px;letter-spacing:5px;text-shadow:0 0 10px rgba(150,150,150,.1);animation:3s infinite pulse}@keyframes pulse{0%,100%{opacity:.3;text-shadow:0 0 5px rgba(150,150,150,.1);color:#555}50%{opacity:1;text-shadow:0 0 15px rgba(255,255,255,.4);color:#ccc}}#vga-text{position:absolute;top:20px;right:30px;color:#0f9;font-size:50px;text-shadow:0 0 5px #0f9;z-index:40}#commandInput,#console{font-size:16px;text-shadow:1px 0 1px rgba(255,0,0,.4),-1px 0 1px rgba(0,0,255,.4),0 0 4px rgba(0,255,85,.6);outline:0;color:#0f5}#bio-note,#commandInput,.btn-numpad{font-family:'Courier New',Courier,monospace}#broken-screen-overlay{display:none;top:0;left:0;bottom:0;z-index:10000;background-size:100% 100%;background-position:center;background-repeat:no-repeat;pointer-events:none;filter:drop-shadow(0 0 10px rgba(0, 255, 85, .4))}body.critical-failure.screen-off #console,body.critical-failure.screen-off #vga-text,body.critical-failure.screen-off .scanline{opacity:0;visibility:hidden}@keyframes matrix-leak-shake{0%,100%{transform:translate(0,0) skew(0);opacity:1;filter:drop-shadow(0 0 5px #0f5)}10%{transform:translate(-10px,5px) skew(-2deg);filter:blur(1px) drop-shadow(0 10px 5px #0f5)}20%{transform:translate(10px,-5px) skew(2deg);opacity:.8;filter:blur(0px)}30%{transform:translate(-15px,15px) scale(1.05) skew(5deg);opacity:.9;filter:drop-shadow(2px 5px 2px #0f5)}40%{transform:translate(15px,-15px) scale(.95);opacity:1;filter:blur(2px) drop-shadow(0 20px 10px #0f5)}50%{transform:translate(-5px,5px) skew(-5deg);filter:blur(0px)}60%{transform:translate(5px,20px) scale(1.1);opacity:.7;filter:blur(1px) drop-shadow(0 -10px 5px #0f5)}70%{transform:translate(-10px,-10px) skew(3deg);opacity:1;filter:blur(0px)}80%{transform:translate(20px,5px) scale(1.05);filter:blur(3px) drop-shadow(0 30px 15px #0f5)}90%{transform:translate(-5px,-20px) skew(-3deg);opacity:.8;filter:blur(0px)}}body.critical-failure:not(.screen-off) #console{animation:.15s steps(2) infinite matrix-leak-shake;transform-origin:center}#console{padding:20px 30px;overflow-y:auto;z-index:1;scrollbar-width:thin;scrollbar-color:#00aa3c transparent;display:block}#console::-webkit-scrollbar{width:6px;height:6px}#console::-webkit-scrollbar-track{background:0 0;border:none}#console::-webkit-scrollbar-thumb{background:#00aa3c;border-radius:3px;border:none}#console::-webkit-scrollbar-thumb:hover{background:#00c642}#console::-webkit-scrollbar-thumb:active{background:#00ba3e}#sysinfo-container{margin-bottom:15px}.output-line{margin:2px 0;word-wrap:break-word;white-space:pre-wrap;line-height:1.5}.interactive-prompt{color:#0f5;font-weight:700;text-shadow:0 0 4px rgba(0,255,85,.6)}.interactive-prompt.pulse-active{animation:1.5s infinite alternate pulse-prompt}@keyframes pulse-prompt{0%{opacity:1;text-shadow:0 0 12px #0f5}100%{opacity:1;text-shadow:0 0 2px rgba(0,255,85,.3)}}.divider-line{white-space:nowrap!important;width:100%;display:block;text-overflow:clip}.terminal-link{color:#0f5;text-shadow:0 0 8px #0f5;text-decoration:underline;cursor:pointer;font-weight:700;transition:.2s}.terminal-link:hover{color:#fff;text-shadow:0 0 12px #fff}.terminal-link:active{color:#aaa}#input-container{display:none;margin-top:10px;align-items:center}#player-slot,.controls,.lcd-screen,.slider-row,.sliders,.toggle-panel{display:flex}#prompt-text{margin-right:10px;white-space:nowrap}#commandInput{background:0 0;border:none;flex-grow:1;width:100%;-webkit-appearance:none;appearance:none;border-radius:0;box-shadow:none}#commandInput:focus{outline:0;box-shadow:none;border:none}#commandInput::-ms-clear,#commandInput::-ms-reveal{display:none}#player-slot{width:300px;flex-shrink:0;flex-direction:column;gap:20px}#bio-note{font-size:13px;text-align:right;margin-bottom:auto;padding-top:10px;padding-right:10px;letter-spacing:2px;line-height:1.6;text-shadow:1px 1px 1px #111}#mobile-panels-wrapper{display:flex;flex-direction:column;width:100%;gap:20px}#hardware-numpad.toggle-panel{display:grid}#hardware-numpad{border:2px solid #0a0a0a;border-radius:12px;padding:15px;grid-template-columns:repeat(3,1fr);gap:10px;z-index:90}.btn-numpad{background:linear-gradient(to bottom,#2c2c2c 0,#1e1e1e 100%);border:1px solid #111;border-top-color:#444;border-left-color:#333;border-radius:6px;color:#888;font-size:22px;font-weight:700;cursor:pointer;padding:20px 0;user-select:none;box-shadow:2px 3px 5px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.05);transition:50ms ease-in-out}.btn-del,.btn-enter{font-size:16px}.btn-numpad.pressed,.btn-numpad:active{background:linear-gradient(to bottom,#1a1a1a 0,#1e1e1e 100%);box-shadow:inset 2px 3px 6px rgba(0,0,0,.8);transform:translateY(2px)}body.power-on .btn-numpad.pressed,body.power-on .btn-numpad:active{background:linear-gradient(to bottom,#151515 0,#1a1a1a 100%);border-color:#050505;color:#0f5;text-shadow:0 0 8px #0f5}.btn-del{color:#a55}.btn-del.pressed,.btn-del:active{color:#844}body.power-on .btn-del.pressed,body.power-on .btn-del:active{color:#f55;text-shadow:0 0 8px #f55}#retro-player{width:100%;border:2px solid #0a0a0a;border-radius:12px;z-index:100;flex-direction:column;gap:15px}.lcd-screen{background-color:#021408;border-top:3px solid #050505;border-left:3px solid #050505;border-bottom:3px solid #222;border-right:3px solid #222;border-radius:4px;padding:8px 10px;color:#0f5;font-family:VT323,monospace;font-size:24px;text-shadow:0 0 6px #0f5,0 0 12px #0f5;white-space:pre;justify-content:center;align-items:center;height:35px;width:100%;box-shadow:inset 0 0 10px rgba(0,0,0,.8)}.btn-retro,.sliders{font-weight:700;font-family:'Courier New',Courier,monospace}.lcd-screen.off{color:#051a0a;text-shadow:none;background-color:#010a04}.controls{justify-content:space-between;align-items:center;gap:10px;width:100%}.btn-retro{background:linear-gradient(to bottom,#383838 0,#1a1a1a 100%);border:1px solid #000;border-top:1px solid #4a4a4a;border-radius:3px;color:#999;font-size:14px;cursor:pointer;padding:8px 12px;flex-grow:1;box-shadow:0 4px 6px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.1);text-shadow:1px 1px 1px rgba(0,0,0,.8);transition:.1s}.btn-retro:hover{color:#ccc;background:linear-gradient(to bottom,#444 0,#222 100%)}.btn-retro.pressed,.btn-retro:active{background:linear-gradient(to bottom,#1a1a1a 0,#2a2a2a 100%);border-top:1px solid #000;box-shadow:inset 0 3px 5px rgba(0,0,0,.8);transform:translateY(2px)}body.power-on .btn-retro.pressed,body.power-on .btn-retro:active{color:#0f5;text-shadow:0 0 5px #0f5}body.critical-failure .btn-del.pressed,body.critical-failure .btn-del:active,body.critical-failure .btn-numpad.pressed,body.critical-failure .btn-numpad:active,body.critical-failure .btn-retro.pressed,body.critical-failure .btn-retro:active{color:#888!important;text-shadow:1px 1px 1px rgba(0,0,0,.8)!important;border-color:#111!important;background:linear-gradient(to bottom,#1a1a1a 0,#1e1e1e 100%)!important;box-shadow:inset 2px 3px 6px rgba(0,0,0,.8)!important}body.critical-failure .btn-mobile-toggle.active img{filter:none!important}.sliders{flex-direction:column;gap:8px;font-size:12px;color:#777;width:100%}.slider-row{align-items:center;gap:15px;width:100%}input[type=range]{-webkit-appearance:none;width:100%;background:0 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:10px;background:#888;border:1px solid #222;border-bottom:2px solid #111;border-radius:2px;cursor:pointer;margin-top:-7px;box-shadow:1px 1px 2px rgba(0,0,0,.8),0 0 4px rgba(136,136,136,.3)}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#0a0a0a;border-bottom:1px solid #333;border-radius:2px;box-shadow:inset 0 1px 2px #000}input[type=range]::-moz-range-thumb{height:18px;width:10px;background:#888;border:1px solid #222;border-bottom:2px solid #111;border-radius:2px;cursor:pointer;box-shadow:1px 1px 2px rgba(0,0,0,.8),0 0 4px rgba(136,136,136,.3)}input[type=range]::-moz-range-track{width:100%;height:4px;cursor:pointer;background:#0a0a0a;border-bottom:1px solid #333;border-radius:2px;box-shadow:inset 0 1px 2px #000}#mobile-toggle-bar,.icon-on,body.power-on .btn-mobile-toggle.active .icon-off{display:none}.icon-off,body.power-on .btn-mobile-toggle.active .icon-on{display:block}.btn-mobile-toggle img{width:24px;height:24px;object-fit:contain}body.power-on .btn-mobile-toggle.active img{filter:drop-shadow(0px 0px 5px #0f5) drop-shadow(0px 0px 10px #0f5)}@media screen and (max-width:950px) and (orientation:landscape),screen and (max-height:500px) and (orientation:landscape){#terminal-wrapper,canvas{display:none!important}#orientation-warning{display:flex!important}}@media (max-width:850px){#commandInput,#console{font-size:clamp(11.5px, 3.2vw, 16px)}#player-slot,#screen-bezel{box-sizing:border-box;width:100%}#console,#retro-player{padding:15px}.btn-mobile-toggle.active,.btn-mobile-toggle.pressed,.btn-mobile-toggle:active{box-shadow:inset 2px 3px 6px rgba(0,0,0,.8);background:linear-gradient(to bottom,#1a1a1a 0,#1e1e1e 100%)}body{padding:0;background-size:auto}#terminal-wrapper{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;border:none;padding:10px;margin:0;box-shadow:none}.hardware-header{flex-direction:column;align-items:center;gap:5px;padding-bottom:10px}.hardware-brand{font-size:18px;text-align:center}.hardware-controls{display:none}.hardware-body{flex-direction:column;gap:15px;display:flex}#screen-bezel{border-width:8px;border-radius:12px;flex-grow:1}#console{overflow-x:auto}.output-line{white-space:pre-wrap}.divider-line{white-space:nowrap!important}#player-slot{flex-direction:column;gap:10px}#bio-note,#vol-row,body.mobile-keyboard-active #bio-note,body.mobile-keyboard-active #mobile-panels-wrapper,body.mobile-keyboard-active #mobile-toggle-bar{display:none!important}#mobile-panels-wrapper{position:relative;overflow:hidden;border-radius:12px;flex-shrink:0;transition:height .4s cubic-bezier(.25, 1, .5, 1)}#mobile-panels-wrapper .toggle-panel{position:absolute!important;bottom:0;left:0;right:0}#mobile-panels-wrapper #retro-player{z-index:1;transform:translateY(0);transition:opacity .2s,pointer-events .2s;justify-content:center;height:auto}#mobile-panels-wrapper #retro-player:not(.active-panel){opacity:0;pointer-events:none}#mobile-panels-wrapper #retro-player.active-panel{opacity:1;display:flex!important;pointer-events:auto!important}#mobile-panels-wrapper #hardware-numpad{display:grid!important;z-index:2;transform:translateY(100%);transition:transform .4s cubic-bezier(.25, 1, .5, 1);pointer-events:none;height:auto}#mobile-panels-wrapper #hardware-numpad.active-panel{transform:translateY(0);pointer-events:auto!important}#hardware-numpad{padding:10px;gap:8px}.btn-numpad{padding:10px 0;font-size:19px}#mobile-toggle-bar{display:flex;width:100%;gap:10px;order:3}.btn-mobile-toggle{flex-grow:1;padding:8px;display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom,#2c2c2c 0,#1e1e1e 100%);border:1px solid #111;border-radius:6px;cursor:pointer;text-align:center;box-shadow:2px 3px 5px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.05);transition:.1s}.btn-mobile-toggle.active{border-color:#050505}.btn-mobile-toggle.pressed,.btn-mobile-toggle:active{transform:translateY(2px)}.lcd-screen{font-size:clamp(17px, 4.8vw, 23px);height:35px}.press-text{font-size:25px;color:#555;text-shadow:0 0 10px rgba(150,150,150,.2);animation:3s infinite pulse-mobile}@keyframes pulse-mobile{0%,100%{opacity:.3;text-shadow:0 0 5px rgba(150,150,150,.2)}50%{opacity:1;text-shadow:0 0 15px rgba(200,200,200,.6)}}body.matrix-active #terminal-wrapper{background:rgba(15,15,15,.4)!important}body.matrix-active #screen-bezel{background-color:rgba(5,5,5,.4)!important}body.matrix-active #console{text-shadow:0 0 8px rgba(0,255,85,.8),0 0 2px #0f5}body.mobile-keyboard-active #screen-bezel{border-radius:4px 4px 0 0!important;border-bottom:0 solid #050505!important}body.mobile-keyboard-active #terminal-wrapper{padding-bottom:0!important}body.mobile-keyboard-active #console{padding-bottom:5px}}