:root{--bg-color: #0a0a0a;--text-color: #e0e0e0;--accent-color: #00ffcc;--agent-a: #4a90e2;--agent-b: #e24a4a;--agent-c: #e2b74a;--terminal-bg: #111;--border-color: #333}*{box-sizing:border-box}body{margin:0;background-color:var(--bg-color);color:var(--text-color);font-family:Courier New,Courier,monospace;overflow:hidden}.app-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.story-container{max-width:800px;text-align:center;padding:2rem}.story-line{font-size:1.5rem;margin-bottom:1.5rem;color:var(--accent-color);text-shadow:0 0 10px rgba(0,255,204,.5)}.story-container .start-btn{background:#000;color:var(--accent-color);border:2px solid var(--accent-color);padding:1rem 1.5rem;font-size:1.4rem;font-weight:700;margin-top:3rem;cursor:pointer;border-radius:8px;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;box-shadow:0 0 20px #00ffcc4d}.story-container .start-btn:hover{background:var(--accent-color);color:#000;box-shadow:0 0 30px #0fc9;transform:scale(1.05)}.register-screen{text-align:center}.register-screen input{background:transparent;border:2px solid var(--accent-color);color:var(--accent-color);padding:1rem;font-size:1.2rem;margin-right:1rem;font-family:inherit}.register-screen button{background:var(--accent-color);color:var(--bg-color);border:none;padding:1rem 2rem;font-size:1.2rem;cursor:pointer;font-family:inherit;font-weight:700}.game-screen{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:var(--bg-color);overflow:hidden;position:relative}.hud{position:fixed;top:0;left:0;width:100%;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;background:#000;border-bottom:2px solid var(--accent-color);z-index:9999;box-shadow:0 2px 10px #00ffcc1a}.hud-left,.hud-right{display:flex;align-items:center;gap:1rem}.hud-center{display:flex;gap:1rem;color:#888;font-size:.9rem}.level-stat{border:1px solid var(--border-color);padding:.2rem .5rem;border-radius:4px;background:var(--terminal-bg);color:#aaa}.info-btn{background:none;border:none;color:var(--accent-color);font-size:1.2rem;cursor:pointer;padding:0;margin-left:1rem;transition:transform .2s;font-weight:700}.info-btn:hover{transform:scale(1.1);text-shadow:0 0 5px var(--accent-color)}.rules-container{position:fixed;top:80px;left:2rem;z-index:1000;background:#1a1a1a;border:2px solid var(--accent-color);border-radius:8px;padding:1.5rem;box-shadow:0 0 20px #00ffcc4d;max-width:400px}.rules-content h3{color:var(--accent-color);margin:0 0 1rem;font-size:1rem;letter-spacing:2px;text-align:center}.rule{color:#ccc;font-size:.9rem;margin-bottom:.8rem;line-height:1.4}.main-rule{color:#ff6b6b;font-weight:700;border:1px solid #ff6b6b;padding:.5rem;border-radius:4px;background:#ff6b6b1a;margin-bottom:1rem}.disclaimer{color:#888;font-size:.7rem;font-style:italic;margin-top:1rem;padding-top:.8rem;border-top:1px solid #333;line-height:1.3}.close-rules{position:absolute;top:.5rem;right:.8rem;background:none;border:none;color:var(--accent-color);font-size:1.5rem;cursor:pointer;font-weight:700}.close-rules:hover{color:#fff}.agent-title{display:flex;align-items:center;gap:1rem}.agent-info-btn{font-size:.9rem;margin-left:.5rem}.rules-btn{font-size:.9rem;margin-left:1rem}.level-indicator{display:flex;align-items:center;color:#fff;font-weight:700;letter-spacing:1px}.timer{font-family:Courier New,monospace;color:#f33;font-weight:700;font-size:1.2rem;margin-right:1rem}.give-up-btn{background:#300;color:#f33;border:1px solid #ff3333;padding:.5rem 1rem;font-size:.8rem;cursor:pointer;font-weight:700;transition:all .2s;margin-right:.5rem}.give-up-btn:hover{background:#f33;color:#000}.reset-btn{background:#333;color:#fff;border:1px solid #555;padding:.5rem .8rem;font-size:1rem;cursor:pointer;border-radius:4px}.reset-btn:hover{background:#555}.agent-interface{display:flex;flex:1;overflow:hidden;position:relative;margin-top:60px;height:calc(100vh - 60px);width:100%}.chat-section{flex:1.2;display:flex;flex-direction:column;border-right:2px solid var(--border-color);background:var(--terminal-bg);min-width:0}.agent-header{padding:.8rem 1.5rem;background:#0000004d;border-bottom:1px solid var(--border-color)}.chat-window{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:1rem}.message{max-width:80%;padding:1rem;border-radius:4px;line-height:1.5;position:relative;word-wrap:break-word}.message.user{align-self:flex-end;background:#00ffcc1a;border:1px solid var(--accent-color);color:var(--accent-color)}.message.assistant{align-self:flex-start;background:#ffffff0d;border-left:4px solid #fff}.message.system-msg{align-self:center;background:transparent;border:1px solid #444;color:#888;font-style:italic}.speech-text{color:#fff;font-weight:400}.action-text{color:#888;font-style:italic;background:#ffffff0d;padding:.2rem .4rem;border-radius:3px;border-left:2px solid #555;margin:.2rem 0;display:inline-block}.input-area{padding:1.5rem;background:#1a1a1a;border-top:1px solid var(--border-color);display:flex;gap:1rem}.input-area input{flex:1;background:#000;border:1px solid var(--border-color);color:#fff;padding:1rem;font-family:Courier New,monospace;font-size:1rem}.input-area button{background:#fff;color:#000;border:none;padding:0 2rem;font-weight:700;cursor:pointer;transition:all .2s}.input-area button:hover{background:#ccc}.answer-panel-container{flex:.7;background:#0f0f0f;display:flex;justify-content:center;align-items:center;padding:2rem;border-left:1px solid var(--border-color);position:relative}.answer-panel-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.answer-panel{background:#1a1a1a;padding:3rem;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:2rem;box-shadow:0 0 20px #00000080;z-index:1}.answer-panel h3{color:#666;letter-spacing:2px;font-size:.9rem;margin-bottom:1rem}.code-display{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.char-input{width:50px;height:60px;background:#000;border:1px solid #444;color:#fff;font-size:2rem;text-align:center;text-transform:uppercase;border-radius:4px;font-family:Courier New,monospace}.char-input:focus{border-color:#fff;outline:none;box-shadow:0 0 10px #ffffff1a}.char-input.locked{background:#111;color:#666;border-color:#222}.lock-btn{background:#333;color:#fff;border:none;padding:1rem 3rem;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;border-radius:4px;margin-top:1rem}.lock-btn:hover:not(:disabled){background:#444}.lock-btn:disabled{opacity:.5;cursor:not-allowed}.icon-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.won-screen{text-align:center;color:var(--accent-color)}.failed-screen{text-align:center;color:#f33;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.failed-screen h1{font-size:3rem;margin-bottom:1rem;text-shadow:0 0 10px #ff0000}.failed-screen button{background:#f33;color:#000;border:none;padding:1rem 2rem;font-size:1.2rem;font-weight:700;cursor:pointer;margin-top:2rem}.failed-screen button:hover{background:#fff}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#1a1a1a;padding:2rem;border-radius:8px;max-width:500px;width:90%;text-align:center;box-shadow:0 0 30px #000c;border:1px solid #333}.modal-content h2{color:#fff;margin-bottom:1.5rem;letter-spacing:2px;border-bottom:1px solid #333;padding-bottom:1rem}.agent-profile{text-align:left;margin-bottom:2rem}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.profile-header h3{margin:0;font-size:1.5rem}.difficulty-badge{padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:700;color:#000}.difficulty-badge.easy{background:#4a90e2}.difficulty-badge.medium{background:#e24a4a}.difficulty-badge.hard{background:#e2b74a}.dossier-section{background:#111;padding:1rem;border-radius:4px;margin-bottom:1rem;border:1px solid #333}.dossier-section h4{color:#666;margin:0 0 .5rem;font-size:.8rem}.dossier-section p{margin:0;color:#ccc;font-size:.95rem;line-height:1.5}.start-btn{border:none;padding:1rem 2rem;font-size:1.2rem;font-weight:700;color:#000;cursor:pointer;width:100%;border-radius:4px;transition:transform .1s}.start-btn:hover{transform:scale(1.02)}.neural-panel{background:linear-gradient(135deg,#1a0033,#0d001a);padding:3rem;border:2px solid #6600cc;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:2rem;box-shadow:0 0 30px #6600cc4d,inset 0 0 20px #6600cc1a;z-index:1;position:relative;overflow:hidden}.neural-panel:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,0,204,.1) 0%,transparent 70%);animation:neural-pulse 4s ease-in-out infinite;pointer-events:none}.neural-header{display:flex;align-items:center;gap:1rem;color:#c6f;text-align:center}.neural-header h3{color:#c6f;letter-spacing:3px;font-size:1.1rem;margin:0;text-shadow:0 0 10px rgba(204,102,255,.5)}.neural-icon{width:24px;height:24px;color:#c6f;animation:neural-glow 2s ease-in-out infinite alternate}.neural-interface{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%}.synaptic-grid{display:flex;gap:1rem;margin-bottom:1rem}.synapse{width:12px;height:12px;border-radius:50%;background:#333;border:1px solid #555;position:relative}.synapse.active{background:#c6f;border-color:#c6f;box-shadow:0 0 15px #c6f9;animation:synapse-fire 1.5s ease-in-out infinite}.synapse.active:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;border:1px solid rgba(204,102,255,.3);animation:synapse-ripple 1.5s ease-out infinite}.mind-probe{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:400px;position:relative}.probe-label{color:#96c;font-size:.9rem;letter-spacing:2px;text-shadow:0 0 5px rgba(153,102,204,.5)}.neural-input{width:100%;padding:1.5rem;background:#000000b3;border:2px solid #6600cc;border-radius:8px;color:#c6f;font-size:1.4rem;text-align:center;font-family:Courier New,monospace;letter-spacing:2px;text-transform:uppercase;transition:all .3s ease}.neural-input:focus{outline:none;border-color:#c6f;box-shadow:0 0 20px #c6f6,inset 0 0 10px #cc66ff1a;background:#6600cc1a}.neural-input.extracting{background:#c6f3;border-color:#f6c;animation:neural-extract 1s ease-in-out infinite}.neural-input::placeholder{color:#669;opacity:.7}.neural-waves{display:flex;gap:4px;margin-top:.5rem}.wave{width:3px;height:20px;background:linear-gradient(to top,transparent,#6600cc,transparent);animation:wave-pulse 1.2s ease-in-out infinite}.wave:nth-child(2){animation-delay:.2s}.wave:nth-child(3){animation-delay:.4s}.neural-extract-btn{background:linear-gradient(135deg,#60c,#40a);color:#fff;border:2px solid #cc66ff;padding:1.2rem 3rem;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.8rem;border-radius:8px;margin-top:1rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.neural-extract-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.neural-extract-btn:hover:not(:disabled):before{left:100%}.neural-extract-btn:hover:not(:disabled){background:linear-gradient(135deg,#70d,#50b);box-shadow:0 0 25px #c6f6;transform:translateY(-2px)}.neural-extract-btn:disabled{opacity:.5;cursor:not-allowed}.neural-extract-btn.extracting{background:linear-gradient(135deg,#f6c,#c4a);border-color:#f9d;animation:neural-processing 1.5s ease-in-out infinite}.icon-pulse{animation:pulse-glow 1s ease-in-out infinite}@keyframes neural-pulse{0%,to{transform:scale(1) rotate(0);opacity:.3}50%{transform:scale(1.1) rotate(180deg);opacity:.6}}@keyframes neural-glow{0%{text-shadow:0 0 5px rgba(204,102,255,.5)}to{text-shadow:0 0 20px rgba(204,102,255,.8),0 0 30px rgba(204,102,255,.4)}}@keyframes synapse-fire{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes synapse-ripple{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}@keyframes neural-extract{0%,to{box-shadow:0 0 20px #c6f6}50%{box-shadow:0 0 40px #f6c9,inset 0 0 20px #f6c3}}@keyframes wave-pulse{0%,to{transform:scaleY(.3);opacity:.5}50%{transform:scaleY(1);opacity:1}}@keyframes neural-processing{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.toast-notification{position:fixed;bottom:20px;right:20px;background:#1a1a1a;border:1px solid #ff6b6b;border-radius:4px;padding:1rem 1.5rem;color:#ff6b6b;font-size:.9rem;display:flex;align-items:center;gap:1rem;z-index:10000;box-shadow:0 4px 12px #ff6b6b33;max-width:350px}.toast-close{background:none;border:none;color:#ff6b6b;font-size:1.2rem;cursor:pointer;padding:0;margin-left:auto;font-weight:700}.toast-close:hover{color:#fff}