*{margin:0;padding:0;box-sizing:border-box}:root{--cabinet-bg: #1a1a2e;--bezel-color: #2d2d44;--screen-bg: #0a0a0a;--text-primary: #00ff00;--text-secondary: #00cc00;--text-dim: #006600;--btn-power: #ff4444;--btn-exit: #ff8844;--btn-restart: #44ff44;--glow-green: 0 0 10px #00ff00, 0 0 20px #00ff00, 0 0 30px #00ff00}html,body{min-height:100%;font-family:Courier New,monospace;background:#0a0a12}html{overflow-x:hidden;overflow-y:auto}body{display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,#1a1a2e,#0a0a12)}.cabinet{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;width:100%;max-width:100vw;overflow:hidden}.screen-content{position:absolute;top:0;left:0;width:100%;height:100%;display:none;flex-direction:column;justify-content:center;align-items:center}.screen-content.active{display:flex}.static-noise{width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);animation:noise .2s steps(10) infinite}@keyframes noise{0%{transform:translate(0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(1%,1%)}30%{transform:translate(-1%,1%)}40%{transform:translate(1%,-1%)}50%{transform:translate(-1%)}60%{transform:translate(1%)}70%{transform:translateY(1%)}80%{transform:translateY(-1%)}90%{transform:translate(1%,1%)}to{transform:translate(0)}}.boot-content{text-align:center;color:var(--text-primary)}#ascii-art{font-size:8px;line-height:1;letter-spacing:0;margin-bottom:30px;text-shadow:var(--glow-green)}.boot-message{font-size:14px;animation:blink 1s infinite}.press-start{font-size:18px;margin-top:20px;animation:blink .5s infinite}.press-start.hidden{display:none}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.menu-content{width:80%;max-width:400px;color:var(--text-primary);display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.menu-title{font-size:24px;text-align:center;margin-bottom:30px;text-shadow:var(--glow-green);flex-shrink:0}.game-list{list-style:none;margin-bottom:15px;flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--text-dim) rgba(0,100,0,.1)}.game-list::-webkit-scrollbar{width:6px}.game-list::-webkit-scrollbar-track{background:#0064001a}.game-list::-webkit-scrollbar-thumb{background:var(--text-dim);box-shadow:0 0 5px var(--text-dim)}.game-list li{padding:12px 20px;margin:8px 0;background:#00ff000d;border:1px solid var(--text-dim);cursor:pointer;transition:all .1s;text-transform:uppercase}.game-list li:hover,.game-list li.selected{background:#0f03;border-color:var(--text-primary);text-shadow:var(--glow-green)}.menu-instructions{display:flex;justify-content:center;gap:30px;font-size:12px;color:var(--text-dim);flex-shrink:0;padding-top:10px}#screen-game{padding:15px}.game-frame{width:100%;height:100%;border:none;background:#000;border-radius:3px}.escape-progress{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#000c;padding:10px 20px;border:1px solid var(--text-primary);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:100}.escape-progress.hidden{display:none}.escape-bar{width:150px;height:8px;background:var(--text-dim);position:relative;overflow:hidden}.escape-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:var(--progress, 0%);background:var(--text-primary);box-shadow:var(--glow-green);transition:width .05s linear}.escape-progress span{font-size:12px;color:var(--text-primary)}.control-panel{display:flex;gap:20px;padding:15px 30px;background:linear-gradient(180deg,#3d3d5c,#2d2d44);border-radius:10px;box-shadow:0 4px 8px #0000004d,inset 0 1px #ffffff1a}.cabinet-btn{width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;font-size:20px;transition:all .1s;box-shadow:0 4px #0000004d,0 6px 10px #0000004d}.cabinet-btn:active{transform:translateY(2px);box-shadow:0 2px #0000004d,0 3px 5px #0000004d}.power-btn{background:linear-gradient(180deg,#ff6666 0%,var(--btn-power) 100%);color:#fff}.power-btn.on{box-shadow:0 4px #0000004d,0 6px 10px #0000004d,0 0 20px var(--btn-power)}.exit-btn{background:linear-gradient(180deg,#ffaa66 0%,var(--btn-exit) 100%);color:#fff}.restart-btn{background:linear-gradient(180deg,#66ff66 0%,var(--btn-restart) 100%);color:#fff}.mute-btn{background:linear-gradient(180deg,#79f,#57d);color:#fff}.mute-btn.muted{background:linear-gradient(180deg,#666,#444);opacity:.7}.btn-icon{display:block;line-height:1}.game-instructions{width:100%;max-width:600px;height:50px;padding:12px 20px;background:#0006;border-radius:8px;color:#aaa;font-size:13px;text-align:center;line-height:1.4;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden}.game-instructions.hidden{visibility:hidden}.game-instructions.expanded{height:auto;min-height:50px}.instructions-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-instructions.expanded .instructions-text{white-space:normal;overflow:visible}.instructions-expand{background:none;border:1px solid #666;color:#888;padding:2px 8px;border-radius:4px;cursor:pointer;font-size:12px;flex-shrink:0}.instructions-expand:hover{border-color:#999;color:#aaa}.instructions-expand.hidden{display:none}.keyboard-btn{background:linear-gradient(180deg,#a7f,#85d);color:#fff}.keyboard-btn.active{box-shadow:0 4px #0000004d,0 6px 10px #0000004d,0 0 20px #85d}.virtual-keyboard{display:flex;flex-direction:column;gap:10px;padding:15px;background:linear-gradient(180deg,#3d3d5c,#2d2d44);border-radius:10px;box-shadow:0 4px 8px #0000004d,inset 0 1px #ffffff1a;touch-action:manipulation;-webkit-user-select:none;user-select:none}.virtual-keyboard.hidden{display:none}.vk-key-area{display:flex;gap:20px;justify-content:center;align-items:center}.vk-key-area.swapped{flex-direction:row-reverse}.vk-side{display:flex;flex-direction:column;gap:6px}.vk-row{display:flex;gap:6px;justify-content:center}.vk-row-center{justify-content:center}.vk-key{min-width:48px;min-height:48px;border-radius:8px;border:none;cursor:pointer;font-size:16px;font-weight:700;font-family:Courier New,monospace;background:linear-gradient(180deg,#555,#333);color:#fff;touch-action:manipulation;-webkit-user-select:none;user-select:none;box-shadow:0 3px #0006,0 4px 8px #0000004d;transition:transform .05s,box-shadow .05s}.vk-key:active,.vk-key.active{transform:translateY(2px);box-shadow:0 1px #0006,0 2px 4px #0000004d;background:linear-gradient(180deg,#666,#444)}.vk-bottom-row{display:flex;gap:10px;justify-content:center}.vk-space{flex:2;min-width:120px}.vk-enter{flex:1;min-width:80px}.vk-swap{width:48px;height:48px;border-radius:8px;border:none;cursor:pointer;font-size:18px;background:linear-gradient(180deg,#666,#444);color:#aaa;touch-action:manipulation;-webkit-user-select:none;user-select:none;box-shadow:0 3px #0006,0 4px 8px #0000004d;flex-shrink:0}.vk-swap:hover{background:linear-gradient(180deg,#777,#555);color:#fff}.vk-swap:active{transform:translateY(2px);box-shadow:0 1px #0006,0 2px 4px #0000004d}@media (max-width: 900px){.menu-title{font-size:18px;margin-bottom:15px}.game-list li{padding:10px 15px;margin:6px 0;font-size:14px}.menu-instructions{gap:15px;font-size:11px}}.tv-frame{background:linear-gradient(135deg,#4a4a6a,#2d2d44,#1a1a2e);padding:30px;border-radius:20px;box-shadow:0 20px 60px #00000080,inset 0 2px #ffffff1a,inset 0 -2px #0000004d}.tv-bezel{background:linear-gradient(180deg,#1a1a1a,#0d0d0d);padding:15px;border-radius:10px;box-shadow:inset 0 0 30px #000c,inset 0 0 10px #00000080}.tv-screen{position:relative;width:800px;height:600px;background:var(--screen-bg);border-radius:5px;overflow:hidden;box-shadow:inset 0 0 50px #00000080}.crt-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.1) 80%,rgba(0,0,0,.3) 100%)}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:11;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);animation:scanline-flicker .1s infinite}@keyframes scanline-flicker{0%{opacity:.8}50%{opacity:.9}to{opacity:.8}}.vignette{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:12;box-shadow:inset 0 0 100px #00000080;border-radius:5px}.tv-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:13;background:radial-gradient(ellipse 120% 120% at 50% 50%,transparent 50%,rgba(0,0,0,.15) 100%)}.tv-screen.power-on{animation:power-on .5s ease-out forwards}.tv-screen.power-off{animation:power-off .3s ease-in forwards}@keyframes power-on{0%{filter:brightness(5) blur(10px);transform:scaleY(.01)}50%{filter:brightness(2) blur(5px);transform:scaleY(.1)}to{filter:brightness(1) blur(0);transform:scaleY(1)}}@keyframes power-off{0%{filter:brightness(1);transform:scaleY(1)}50%{filter:brightness(2);transform:scaleY(.1)}to{filter:brightness(0);transform:scaleY(.01)}}.tv-screen .screen-content{text-shadow:0 0 2px var(--text-primary),0 0 5px var(--text-secondary)}.tv-screen:after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(to bottom,transparent,rgba(0,255,0,.1),transparent);pointer-events:none;z-index:14;animation:refresh-line 8s linear infinite}@keyframes refresh-line{0%{top:-3px}to{top:100%}}.tv-screen .screen-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(90deg,rgba(255,0,0,.02) 0%,transparent 10%,transparent 90%,rgba(0,0,255,.02) 100%)}@media (max-width: 900px){.tv-screen{width:90vw;height:67.5vw;max-width:600px;max-height:450px}.tv-frame{padding:20px}.tv-bezel{padding:10px}#ascii-art{font-size:5px}}