:root{--bg-dark: #0A0E1A;--bg-card: #141929;--neon-cyan: #00F5FF;--neon-pink: #FF006E;--neon-purple: #BD00FF;--text-main: #E0E0E0;--text-muted: #6B7280;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Menlo, monospace}body{margin:0;background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.app-container{min-height:100vh;background-color:var(--bg-dark);position:relative;display:flex;flex-direction:column;box-sizing:border-box}.scanline{position:fixed;top:0;left:0;width:100%;height:4px;background:#00f5ff1a;z-index:999;pointer-events:none;animation:scan 6s linear infinite}@keyframes scan{0%{top:-10px}to{top:100%}}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;z-index:0;pointer-events:none}.game-header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background:#141929d9;border-bottom:2px solid rgba(0,245,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.logo-section{display:flex;align-items:center;gap:10px}.logo-text{font-family:var(--font-mono);font-weight:800;font-size:1.3rem;letter-spacing:.1em;color:#fff;text-shadow:0 0 8px var(--neon-cyan)}.version-tag{font-family:var(--font-mono);font-size:.7rem;color:var(--neon-cyan);border:1px solid var(--neon-cyan);padding:1px 4px;border-radius:2px}.header-actions{display:flex;align-items:center;gap:15px}.hacker-id{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.85rem;background:#00f5ff1a;border:1px solid rgba(0,245,255,.3);padding:5px 12px;border-radius:4px;color:var(--neon-cyan)}.btn-icon{background:none;border:1px solid rgba(255,255,255,.1);color:var(--text-main);cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 8px #00f5ff4d}.game-main{flex:1;display:flex;justify-content:center;align-items:center;padding:20px;z-index:5}.start-screen{text-align:center;max-width:600px;width:100%}.glitch-title{font-family:var(--font-mono);font-size:3.5rem;font-weight:900;letter-spacing:.15em;color:#fff;position:relative;text-shadow:0 0 15px var(--neon-cyan);margin-bottom:5px}.subtitle{color:var(--neon-purple);font-size:1rem;letter-spacing:.2em;margin-bottom:30px;text-shadow:0 0 5px var(--neon-purple)}.start-card{background:var(--bg-card);border:2px solid rgba(189,0,255,.3);border-radius:4px;padding:30px;box-shadow:0 0 20px #bd00ff26;text-align:left}.input-group{margin-bottom:25px}.input-group label{display:block;font-family:var(--font-mono);font-size:.8rem;color:var(--neon-cyan);margin-bottom:8px;letter-spacing:.05em}.input-wrapper{display:flex;gap:10px}.input-wrapper input{flex:1;background:#0006;border:1px solid rgba(0,245,255,.3);border-radius:2px;padding:10px 15px;color:#fff;font-family:var(--font-mono);font-size:1rem;outline:none}.input-wrapper input:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px #00f5ff33}.btn-secondary{background:#bd00ff1a;border:1px solid var(--neon-purple);color:var(--neon-purple);padding:10px 15px;cursor:pointer;font-family:var(--font-mono);font-size:.9rem;border-radius:2px;transition:all .2s}.btn-secondary:hover{background:var(--neon-purple);color:#fff;box-shadow:0 0 12px var(--neon-purple)}.game-rules{background:#0000004d;border-left:3px solid var(--neon-cyan);padding:15px;margin-bottom:30px;border-radius:2px}.game-rules h3{margin-top:0;font-size:1rem;color:var(--neon-cyan);display:flex;align-items:center;gap:8px;font-family:var(--font-mono)}.game-rules ul{margin:0;padding-left:20px;font-size:.85rem;line-height:1.6;color:var(--text-main)}.game-rules li{margin-bottom:8px}.btn-primary-neon{width:100%;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));border:none;color:#fff;font-family:var(--font-mono);font-size:1.1rem;font-weight:700;padding:14px;cursor:pointer;border-radius:2px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 0 15px #00f5ff66;transition:all .3s}.btn-primary-neon:hover{transform:translateY(-2px);box-shadow:0 0 25px #00f5ff99}.game-layout{display:grid;grid-template-columns:300px 1fr 300px;gap:20px;width:100%;max-width:1400px;height:calc(100vh - 120px)}.sidebar{display:flex;flex-direction:column;gap:20px}.panel-title{font-family:var(--font-mono);font-size:.85rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px;margin-bottom:15px;letter-spacing:.1em;display:flex;align-items:center;gap:8px}.status-panel,.skills-panel{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:20px}.status-item{margin-bottom:15px}.status-label{display:flex;justify-content:space-between;font-size:.8rem;font-family:var(--font-mono);margin-bottom:6px}.progress-bar-bg{height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;transition:width .4s ease}.hp-bar{background:linear-gradient(90deg,var(--neon-pink),#ff5500);box-shadow:0 0 8px var(--neon-pink)}.download-bar{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));box-shadow:0 0 8px var(--neon-cyan)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.stat-box{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:10px;text-align:center}.stat-num{display:block;font-size:1.2rem;font-weight:700;font-family:var(--font-mono);color:var(--neon-cyan)}.stat-lbl{font-size:.7rem;color:var(--text-muted)}.skills-grid{display:flex;flex-direction:column;gap:12px}.skill-btn{display:flex;align-items:center;gap:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:10px;cursor:pointer;text-align:left;color:var(--text-main);transition:all .2s}.skill-btn:hover:not(.disabled){background:#ffffff0d}.active-cloak:hover:not(.disabled){border-color:var(--neon-purple);box-shadow:0 0 10px #bd00ff4d}.active-decoy:hover:not(.disabled){border-color:var(--neon-cyan);box-shadow:0 0 10px #00f5ff4d}.skill-icon-wrapper{background:#ffffff0d;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center}.active-cloak .skill-icon-wrapper{color:var(--neon-purple)}.active-decoy .skill-icon-wrapper{color:var(--neon-cyan)}.skill-info{display:flex;flex-direction:column}.skill-name{font-family:var(--font-mono);font-size:.85rem;font-weight:700}.skill-desc{font-size:.7rem;color:var(--text-muted)}.skill-btn.disabled{opacity:.5;cursor:not-allowed}.mobile-controls{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:auto;background:#0003;padding:15px;border-radius:4px}.controls-row{display:flex;gap:5px}.ctrl-btn{width:45px;height:45px;background:#141929cc;border:1px solid rgba(0,245,255,.3);color:var(--neon-cyan);border-radius:4px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .1s}.ctrl-btn:active{background:var(--neon-cyan);color:#000;box-shadow:0 0 12px var(--neon-cyan)}.ctrl-center{width:45px;height:45px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.grid-container{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid rgba(0,245,255,.1);border-radius:4px;padding:20px;box-shadow:0 0 20px #00f5ff0d}.grid-header-info{margin-bottom:15px}.warning-banner{background:#ff006e1a;border:1px solid var(--neon-pink);color:var(--neon-pink);padding:10px 15px;border-radius:2px;display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.85rem;text-shadow:0 0 5px var(--neon-pink)}.cyber-grid{flex:1;display:flex;flex-direction:column;gap:4px;background:#0006;padding:10px;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.grid-row{flex:1;display:flex;gap:4px}.grid-cell{flex:1;background:#14192999;border:1px solid rgba(255,255,255,.02);position:relative;display:flex;align-items:center;justify-content:center;transition:all .2s}.cell-coord{position:absolute;top:4px;left:4px;font-size:.6rem;font-family:var(--font-mono);color:#ffffff26}.cell-warning{border-color:#ff006e66;background:#ff006e0d}.warning-pulse-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#ff006e26;animation:warningPulse 1.5s infinite ease-in-out;pointer-events:none}@keyframes warningPulse{0%,to{opacity:.2}50%{opacity:.6}}.cell-scanned{background:#ff006ecc!important;box-shadow:0 0 20px var(--neon-pink);z-index:5;animation:flashScan .5s ease-out}@keyframes flashScan{0%{filter:brightness(2)}to{filter:brightness(1)}}.player-node{width:70%;height:70%;background:#00f5ff26;border:2px solid var(--neon-cyan);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--neon-cyan);box-shadow:0 0 15px var(--neon-cyan);z-index:3}.player-node.cloaked{border-color:var(--neon-purple);background:#bd00ff26;color:var(--neon-purple);box-shadow:0 0 15px var(--neon-purple);opacity:.6}.node-label{font-family:var(--font-mono);font-size:.6rem;font-weight:700;margin-top:2px}.decoy-node{width:65%;height:65%;background:#bd00ff1a;border:2px dashed var(--neon-purple);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--neon-purple);box-shadow:0 0 10px var(--neon-purple);z-index:2}.grid-footer{margin-top:15px}.legend{display:flex;justify-content:center;gap:20px}.legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted)}.legend-dot{width:8px;height:8px;border-radius:50%}.player-dot{background:var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan)}.decoy-dot{background:var(--neon-purple);box-shadow:0 0 6px var(--neon-purple)}.warning-dot{background:#ff006e80}.scan-dot{background:var(--neon-pink);box-shadow:0 0 6px var(--neon-pink)}.terminal-panel{background:#05070d;border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:15px;display:flex;flex-direction:column;height:100%}.terminal-body{flex:1;overflow-y:auto;font-family:var(--font-mono);font-size:.75rem;line-height:1.5;display:flex;flex-direction:column;gap:8px;padding-right:5px}.log-line{display:flex;gap:6px;word-break:break-all}.log-time{color:var(--text-muted);flex-shrink:0}.log-info{color:#aaa}.log-warn{color:#fa0}.log-success{color:var(--neon-cyan);text-shadow:0 0 4px rgba(0,245,255,.2)}.log-danger{color:var(--neon-pink);text-shadow:0 0 4px rgba(255,0,110,.2)}.terminal-empty{color:var(--text-muted);text-align:center;margin-top:40px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#05070dd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100}.modal-card{background:var(--bg-card);border-radius:4px;padding:30px;max-width:480px;width:90%;text-align:center;box-shadow:0 10px 30px #00000080}.border-cyan{border:2px solid var(--neon-cyan);box-shadow:0 0 25px #00f5ff26}.border-pink{border:2px solid var(--neon-pink);box-shadow:0 0 25px #ff006e26}.modal-card h2{font-family:var(--font-mono);font-size:1.8rem;margin-top:0;letter-spacing:.1em}.modal-desc{font-size:.9rem;line-height:1.6;color:var(--text-main);margin-bottom:20px}.modal-stats{display:flex;justify-content:space-around;background:#0000004d;padding:15px;border-radius:4px;margin-bottom:25px}.m-stat{display:flex;flex-direction:column;gap:5px}.m-stat span{font-size:.75rem;color:var(--text-muted)}.m-stat strong{font-family:var(--font-mono);font-size:1.2rem}.btn-cyan{background:var(--neon-cyan)!important;color:#000!important;box-shadow:0 0 15px var(--neon-cyan)!important}.btn-pink{background:var(--neon-pink)!important;color:#fff!important;box-shadow:0 0 15px var(--neon-pink)!important}.tutorial-content{text-align:left;margin-bottom:25px}.tut-step{display:flex;gap:15px;margin-bottom:15px}.step-num{background:#00f5ff1a;border:1px solid var(--neon-cyan);color:var(--neon-cyan);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;flex-shrink:0}.tut-step p{margin:0;font-size:.85rem;line-height:1.5}.pulse{animation:pulseGlow 2s infinite ease-in-out}.pulse-fast{animation:pulseGlow .8s infinite ease-in-out}@keyframes pulseGlow{0%,to{opacity:.6;filter:drop-shadow(0 0 2px currentColor)}50%{opacity:1;filter:drop-shadow(0 0 8px currentColor)}}.spin{animation:spinSlow 12s linear infinite}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-neon-cyan{color:var(--neon-cyan)}.icon-neon-pink{color:var(--neon-pink)}.text-neon-cyan{color:var(--neon-cyan);text-shadow:0 0 6px var(--neon-cyan)}.text-neon-pink{color:var(--neon-pink);text-shadow:0 0 6px var(--neon-pink)}.text-neon-purple{color:var(--neon-purple);text-shadow:0 0 6px var(--neon-purple)}@media (max-width: 1024px){.game-layout{grid-template-columns:1fr;height:auto}.terminal-panel{height:200px}}