:root{--color-purple: #7652cd;--color-dark-purple: #403c4c;--color-magenta: #a71349;--color-red: #ff0000;--color-black: #000000;--color-dark-bg: #302c3c;--color-gold: #a78511;--color-cyan: #3cb4f0;--color-white: #ffffff;--color-gray: #404040;--color-green: #00ff00;--bg-primary: var(--color-dark-bg);--bg-secondary: var(--color-dark-purple);--text-primary: var(--color-white);--text-secondary: var(--color-cyan);--accent-primary: var(--color-purple);--accent-secondary: var(--color-green);--accent-warning: var(--color-gold);--accent-danger: var(--color-magenta)}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;font-family:Courier New,monospace;font-size:16px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);overflow:hidden;position:fixed;inset:0}app-root{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;overflow:hidden}body,html{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:text}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}.game-area img,.puzzle-area img,.interactive img{pointer-events:auto}.game-interface-hub,.brain-map-container,.pentode-container,.memory-blocks-container,.puzzle-tiles-container,.logic-tower-container,.neural-maze-container{-webkit-touch-callout:none}.tech-text{font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:2px}.glow-text{text-shadow:0 0 5px var(--accent-secondary),0 0 10px var(--accent-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.btn{display:inline-block;padding:.5rem 1rem;border:2px solid var(--accent-secondary);border-radius:0;background-color:var(--bg-secondary);color:var(--accent-secondary);font-family:Courier New,monospace;font-size:1rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s;text-decoration:none}.btn:hover{background-color:var(--accent-secondary);color:var(--bg-primary);box-shadow:0 0 10px var(--accent-secondary)}.btn:active{transform:scale(.98)}.btn:disabled{border-color:var(--color-gray);color:var(--color-gray);cursor:not-allowed}.btn-secondary{border-color:var(--color-cyan);color:var(--color-cyan)}.btn-secondary:hover{background-color:var(--color-cyan);color:var(--bg-primary);box-shadow:0 0 10px var(--color-cyan)}.btn-success{border-color:var(--accent-secondary);color:var(--accent-secondary)}.btn-success:hover{background-color:var(--accent-secondary);box-shadow:0 0 10px var(--accent-secondary)}.btn-danger{border-color:var(--accent-danger);color:var(--accent-danger)}.btn-danger:hover{background-color:var(--accent-danger);color:var(--text-primary);box-shadow:0 0 10px var(--accent-danger)}.card{background-color:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:0;padding:1.5rem;margin-bottom:1.5rem;box-shadow:inset 0 0 20px #00000080}.card .card-title{font-size:1.5rem;margin-bottom:1rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px}.card .card-content{margin-bottom:1rem}.card .card-footer{border-top:1px solid var(--accent-primary);padding-top:1rem;display:flex;justify-content:flex-end;gap:.5rem}.indicator-light{width:12px;height:12px;border-radius:50%;background-color:var(--color-gray);border:2px solid var(--bg-secondary)}.indicator-light.active{background-color:var(--accent-secondary);box-shadow:0 0 8px var(--accent-secondary)}.indicator-light.warning{background-color:var(--accent-warning);box-shadow:0 0 8px var(--accent-warning)}.indicator-light.danger{background-color:var(--color-red);box-shadow:0 0 8px var(--color-red)}.status-bar{background-color:var(--color-black);color:var(--accent-secondary);padding:.5rem 1rem;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:2px;border:1px solid var(--accent-primary)}.monitor-frame{background-color:var(--color-black);border:4px solid var(--color-gray);border-radius:4px;box-shadow:inset 0 0 30px #000c,0 0 10px #00000080;padding:1rem}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-in{animation:slideIn .5s ease-out}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--accent-secondary)}50%{box-shadow:0 0 15px var(--accent-secondary),0 0 25px var(--accent-secondary)}}.pulse-glow{animation:pulse-glow 2s infinite}.scanlines:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none}.dev-tools{position:fixed;bottom:10px;right:10px;z-index:9999;opacity:.3;transition:opacity .3s}.dev-tools:hover{opacity:1}.dev-tools button{font-size:.625rem;padding:.25rem .5rem;background-color:#000c;border:1px solid var(--color-gray);color:var(--color-gray)}.dev-tools button:hover{border-color:var(--accent-warning);color:var(--accent-warning)}