@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&family=Share+Tech+Mono&display=swap";:root{--color-neon-blue: #00f0ff;--color-neon-pink: #ff00ff;--color-neon-yellow: #ffff00;--color-neon-green: #00ff66;--color-dark-blue: #0a0a1e;--color-dark-purple: #1a0b2e;--color-black: #000000;--color-text: #ffffff;--color-text-secondary: #b3b3b3;font-family:Share Tech Mono,monospace;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--color-text);background-color:var(--color-dark-blue);background-image:linear-gradient(45deg,var(--color-dark-blue),var(--color-dark-purple));background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-neon-blue);text-decoration:inherit;position:relative;transition:all .3s ease}a:hover{color:var(--color-neon-pink);text-shadow:0 0 8px var(--color-neon-pink)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif;line-height:1.1;text-transform:uppercase;letter-spacing:2px;color:var(--color-text);text-shadow:0 0 10px var(--color-neon-blue),0 0 20px rgba(0,240,255,.5)}h1{font-size:3.2em;margin-bottom:.5em}button{border-radius:0;border:1px solid var(--color-neon-blue);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:Share Tech Mono,monospace;background-color:transparent;color:var(--color-neon-blue);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 10px #00f0ff80}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,240,255,.2),transparent);transition:all .6s ease}button:hover{border-color:var(--color-neon-pink);color:var(--color-neon-pink);box-shadow:0 0 15px #ff00ff80}button:hover:before{left:100%}button:focus,button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-neon-green)}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch:before{color:var(--color-neon-pink);z-index:-1;animation:glitch-animation .4s ease-in-out infinite alternate-reverse}.glitch:after{color:var(--color-neon-blue);z-index:-2;animation:glitch-animation .3s ease-in-out infinite alternate}@keyframes glitch-animation{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.scanline{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,240,255,.02) 50%);background-size:100% 4px;z-index:9999;pointer-events:none;opacity:.15}.cyber-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,240,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.05) 1px,transparent 1px);background-size:30px 30px;z-index:-1;pointer-events:none}.neon-text{color:var(--color-text);text-shadow:0 0 5px var(--color-neon-blue),0 0 10px var(--color-neon-blue),0 0 20px var(--color-neon-blue)}.neon-text-pink{color:var(--color-text);text-shadow:0 0 5px var(--color-neon-pink),0 0 10px var(--color-neon-pink),0 0 20px var(--color-neon-pink)}.cyber-card{background:#0a0a1eb3;border:1px solid var(--color-neon-blue);box-shadow:0 0 15px #00f0ff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;position:relative;overflow:hidden}.cyber-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-neon-blue),var(--color-neon-pink),var(--color-neon-blue));animation:cyber-card-border 3s linear infinite}@keyframes cyber-card-border{0%{background-position:0% 0%}to{background-position:200% 0%}}.terminal{background-color:#000000e6;border:1px solid #00ff00;border-radius:5px;box-shadow:0 0 20px #00ff004d;color:#0f0;font-family:Share Tech Mono,monospace;height:500px;margin:0 auto;max-width:900px;overflow:hidden;width:100%;display:flex;flex-direction:column}.terminal-header{background-color:#111;border-bottom:1px solid #00ff00;display:flex;padding:5px 10px}.terminal-controls{display:flex;gap:8px}.terminal-control{border-radius:50%;height:12px;width:12px}.terminal-control.close{background-color:#ff5f56}.terminal-control.minimize{background-color:#ffbd2e}.terminal-control.maximize{background-color:#27c93f}.terminal-title{color:#0f0;flex-grow:1;font-size:14px;text-align:center}.terminal-content{flex-grow:1;overflow-y:auto;padding:10px;scrollbar-width:thin;scrollbar-color:#00ff00 #000}.terminal-content::-webkit-scrollbar{width:8px}.terminal-content::-webkit-scrollbar-track{background:#000}.terminal-content::-webkit-scrollbar-thumb{background-color:#0f0;border-radius:10px}.terminal-line{margin-bottom:8px}.terminal-command{display:flex;margin-bottom:4px}.terminal-prompt{color:#0f0;margin-right:8px}.terminal-input{color:#fff}.terminal-output{color:#0f0;white-space:pre-wrap;word-break:break-word}.terminal-output.error{color:#f33}.terminal-form{display:flex;margin-top:10px}.terminal-input-field{background-color:transparent;border:none;color:#fff;flex-grow:1;font-family:Share Tech Mono,monospace;font-size:16px;outline:none;padding:0}.help-output{display:flex;flex-direction:column;gap:5px}.help-title{color:#0ff;margin-bottom:5px}.help-command{display:flex;justify-content:space-between;padding-left:10px}.command-name{color:#ff0;margin-right:20px;min-width:100px}.command-desc{color:#aaa}.help-note{background-color:#0000004d;border-left:3px solid var(--color-secondary);color:#aaa;font-size:.9em;margin-top:15px;padding:8px 10px}.help-note code{background-color:#00000080;color:var(--color-warning);font-family:Share Tech Mono,monospace;padding:2px 5px}.status-output{display:flex;flex-direction:column;gap:5px}.status-header{color:#0ff;margin-bottom:5px}.status-item{color:#aaa;padding-left:10px}.missions-output{display:flex;flex-direction:column;gap:10px}.missions-header{color:#0ff;margin-bottom:5px}.mission-item{border:1px solid #333;border-left:3px solid #00ff00;margin-bottom:10px;padding:8px}.mission-item.completed{border-left-color:#ff0}.mission-name{color:#ff0;font-weight:700;margin-bottom:5px}.mission-desc{color:#aaa;margin-bottom:5px}.mission-details{color:#666;display:flex;font-size:.9em;gap:15px;margin-bottom:8px}.mission-run-command{background-color:#0000004d;border-left:3px solid var(--color-primary);color:#aaa;font-size:.9em;margin-top:8px;padding:5px 10px}.mission-run-command code{background-color:#00000080;color:var(--color-warning);font-family:Share Tech Mono,monospace;padding:2px 5px}.no-missions{color:#f33;font-style:italic}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.terminal-cursor{animation:blink 1s step-end infinite;background-color:#0f0;display:inline-block;height:1em;margin-left:2px;width:.5em}.mini-game{background-color:#000000e6;border:1px solid var(--color-primary);border-radius:5px;box-shadow:0 0 20px #00ff004d;color:var(--color-text);font-family:Share Tech Mono,monospace;margin:0 auto;max-width:900px;padding:20px;width:100%}.game-header{align-items:center;border-bottom:1px solid var(--color-primary);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.game-header h2{color:var(--color-primary);font-family:Orbitron,sans-serif;margin:0}.game-status{display:flex;gap:20px}.game-message{background-color:var(--color-darker);border-left:3px solid var(--color-secondary);margin-bottom:20px;padding:10px}.game-actions{display:flex;justify-content:center;margin-top:20px}.submit-button{background-color:var(--color-darker);border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;font-family:Share Tech Mono,monospace;font-size:1rem;padding:10px 20px;transition:all .3s ease}.submit-button:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-darker)}.submit-button:disabled{border-color:#444;color:#444;cursor:not-allowed}.port-scan .scan-interface{display:flex;flex-direction:column;gap:20px}.scan-input{display:flex;gap:10px}.scan-input input{background-color:var(--color-darker);border:1px solid var(--color-light);color:var(--color-text);flex-grow:1;font-family:Share Tech Mono,monospace;padding:10px}.scan-input input:focus{border-color:var(--color-primary);outline:none}.scan-input button{background-color:var(--color-darker);border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;font-family:Share Tech Mono,monospace;padding:0 20px;transition:all .3s ease}.scan-input button:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-darker)}.scan-input button:disabled{border-color:#444;color:#444;cursor:not-allowed}.port-results{max-height:300px;overflow-y:auto}.port-results table{border-collapse:collapse;width:100%}.port-results th{background-color:var(--color-darker);border-bottom:1px solid var(--color-light);color:var(--color-secondary);padding:10px;text-align:left}.port-results td{border-bottom:1px solid var(--color-darker);padding:8px 10px}.port-results tr:hover{background-color:#00ff000d}.port-results .open-port{color:var(--color-primary)}.password-crack .password-interface{display:flex;flex-direction:column;gap:20px}.password-input{display:flex;gap:10px}.password-input input{background-color:var(--color-darker);border:1px solid var(--color-light);color:var(--color-text);flex-grow:1;font-family:Share Tech Mono,monospace;padding:10px;text-transform:uppercase}.password-hints{background-color:var(--color-darker);border-left:3px solid var(--color-warning);margin-bottom:20px;padding:10px}.password-hints h3{color:var(--color-warning);margin-top:0}.password-hints ul{list-style-type:none;margin:0;padding:0}.password-hints li{margin-bottom:5px;padding-left:15px;position:relative}.password-hints li:before{color:var(--color-warning);content:">";left:0;position:absolute}.password-attempts{display:flex;flex-direction:column;gap:10px}.attempt-item{align-items:center;display:flex;gap:10px}.attempt-password{background-color:var(--color-darker);flex-grow:1;padding:8px}.attempt-feedback{color:var(--color-secondary)}.data-decryption .decryption-grid{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.data-segment{background-color:var(--color-darker);border:1px solid var(--color-light);cursor:pointer;font-family:monospace;height:100px;overflow:hidden;padding:10px;position:relative;transition:all .3s ease}.data-segment:hover{border-color:var(--color-primary)}.data-segment.decrypted{border-color:var(--color-primary);color:var(--color-primary)}.data-segment .encrypted{color:var(--color-danger);font-size:.8rem;letter-spacing:-1px;line-height:1.2;opacity:.7}.data-segment .decrypted-content{color:var(--color-primary)}.decryption-key-input{margin-top:20px}.decryption-key-input input{background-color:var(--color-darker);border:1px solid var(--color-light);color:var(--color-text);font-family:Share Tech Mono,monospace;padding:10px;width:100%}.firewall-bypass .grid-container{display:flex;justify-content:center;margin:20px 0}.firewall-grid{display:grid;gap:2px;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}.grid-cell{align-items:center;background-color:var(--color-darker);border:1px solid var(--color-light);cursor:pointer;display:flex;font-family:monospace;height:40px;justify-content:center;transition:all .2s ease;width:40px}.grid-cell:hover{background-color:#00ff001a}.grid-cell.selected{background-color:#0f03;border-color:var(--color-primary)}.grid-cell.path{background-color:#00ff004d;border-color:var(--color-primary)}.grid-cell.start{background-color:var(--color-primary);color:var(--color-darker)}.grid-cell.end{background-color:var(--color-secondary);color:var(--color-darker)}.system-override .node-map{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px 0;position:relative}.node{align-items:center;background-color:var(--color-darker);border:2px solid var(--color-light);border-radius:50%;cursor:pointer;display:flex;height:60px;justify-content:center;position:relative;transition:all .3s ease;width:60px}.node.locked{border-color:var(--color-danger)}.node.unlocked{border-color:var(--color-warning)}.node.compromised{border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary)}.node.current{animation:pulse 1.5s infinite}.node-connection{background-color:var(--color-light);height:2px;position:absolute;transform-origin:0 0;width:100px}.node-connection.active{background-color:var(--color-primary);box-shadow:0 0 5px var(--color-primary)}.sequence-input{display:flex;flex-direction:column;gap:10px;margin-top:20px}.sequence-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.sequence-button{background-color:var(--color-darker);border:1px solid var(--color-light);color:var(--color-text);cursor:pointer;font-family:Share Tech Mono,monospace;height:40px;transition:all .2s ease;width:40px}.sequence-button:hover{border-color:var(--color-primary)}.current-sequence{background-color:var(--color-darker);border:1px solid var(--color-light);display:flex;gap:5px;justify-content:center;margin:0 auto;max-width:300px;padding:10px}.sequence-digit{align-items:center;background-color:var(--color-light);color:var(--color-text);display:flex;height:30px;justify-content:center;width:30px}@keyframes pulse{0%{box-shadow:0 0 #00ff00b3}70%{box-shadow:0 0 0 10px #0f00}to{box-shadow:0 0 #0f00}}:root{--color-background: #0a0a0f;--color-text: #e0e0e0;--color-primary: #00ff00;--color-secondary: #00ffff;--color-accent: #ff00ff;--color-warning: #ffff00;--color-danger: #ff3333;--color-dark: #111111;--color-darker: #0a0a0a;--color-light: #333333;--color-lighter: #444444}body{background-color:var(--color-background);color:var(--color-text);font-family:Share Tech Mono,monospace;margin:0;padding:0}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{align-items:center;background-color:var(--color-darker);border-bottom:1px solid var(--color-primary);display:flex;justify-content:space-between;padding:1rem 2rem}.app-header h1{color:var(--color-primary);font-family:Orbitron,sans-serif;margin:0;text-shadow:0 0 10px rgba(0,255,0,.5)}.player-info{display:flex;gap:1.5rem}.player-info span{color:var(--color-secondary);font-size:.9rem}.app-content{flex-grow:1;padding:2rem}.app-footer{align-items:center;background-color:var(--color-darker);border-top:1px solid var(--color-primary);display:flex;justify-content:space-between;padding:.5rem 2rem}.system-status{align-items:center;display:flex;gap:.5rem}.status-indicator{border-radius:50%;height:10px;width:10px}.status-indicator.online{background-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary)}.status-indicator.offline{background-color:var(--color-danger);box-shadow:0 0 10px var(--color-danger)}.copyright{color:#666;font-size:.8rem}.app:before{background-image:linear-gradient(rgba(0,255,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,0,.03) 1px,transparent 1px);background-size:20px 20px;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.app:after{animation:scanline 6s linear infinite;background:linear-gradient(to bottom,#0000,#00ff001a,#0000);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:999}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.glitch{animation:glitch 1s linear infinite;position:relative}@keyframes glitch{2%,64%{transform:translate(2px) skew(0)}4%,60%{transform:translate(-2px) skew(0)}62%{transform:translate(0) skew(5deg)}}.glitch:before,.glitch:after{animation:glitchBefore 2s linear alternate-reverse infinite;clip:rect(44px,450px,56px,0);content:attr(title);left:0;opacity:.5;position:absolute;top:0}.glitch:after{animation:glitchAfter 3s linear alternate-reverse infinite;clip:rect(44px,450px,56px,0);left:2px;opacity:.7;top:0}@keyframes glitchBefore{0%{clip:rect(10px,350px,20px,30px)}20%{clip:rect(20px,450px,30px,10px)}40%{clip:rect(30px,300px,40px,50px)}60%{clip:rect(40px,380px,50px,30px)}80%{clip:rect(50px,320px,60px,10px)}to{clip:rect(60px,390px,70px,40px)}}@keyframes glitchAfter{0%{clip:rect(15px,350px,25px,25px)}20%{clip:rect(25px,450px,35px,5px)}40%{clip:rect(35px,300px,45px,45px)}60%{clip:rect(45px,380px,55px,25px)}80%{clip:rect(55px,320px,65px,5px)}to{clip:rect(65px,390px,75px,35px)}}
