:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0a}.app{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-header{background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:15px 0;position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.header-info{display:flex;align-items:center;gap:20px}.auth-section{display:flex;align-items:center}.game-title{display:flex;align-items:center;gap:10px;font-size:1.8rem;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3)}.atlas-icon{font-size:2rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.agent-info{display:flex;align-items:center;gap:20px;font-size:.9rem}.agent-name{color:#4ecdc4;font-weight:600;background:#4ecdc41a;padding:5px 12px;border-radius:15px;border:1px solid rgba(78,205,196,.3)}.agent-level{color:gold;font-weight:600}.agent-score{color:#fff;font-weight:600;background:#ffffff1a;padding:5px 12px;border-radius:15px;border:1px solid rgba(255,255,255,.2)}.app-main{flex:1;width:100%}button{font-family:inherit;font-size:inherit;border:none;outline:none;transition:all .3s ease}button:focus-visible{outline:2px solid #4ecdc4;outline-offset:2px}.fade-in{animation:fadeIn .5s ease}.slide-in-up{animation:slideInUp .6s ease}.pulse{animation:pulse 2s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#4ecdc480;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4ecdc4b3}::selection{background:#4ecdc44d;color:#fff}*:focus{outline:none}*:focus-visible{outline:2px solid #4ecdc4;outline-offset:2px}@media (max-width: 768px){.game-title{font-size:1.4rem}.atlas-icon{font-size:1.6rem}.agent-info{flex-direction:column;gap:8px;align-items:flex-end}.header-content{padding:0 15px}}@media (max-width: 480px){.game-title{font-size:1.2rem}.agent-info{font-size:.8rem}}.welcome-screen{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;padding:20px;color:#fff}.intro-content,.agent-registration{max-width:800px;width:100%;text-align:center}.agency-logo{margin-bottom:40px}.logo-icon{font-size:4rem;display:block;margin-bottom:10px;filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}.agency-logo h1{font-size:3.5rem;font-weight:900;letter-spacing:3px;margin:0;background:linear-gradient(45deg,gold,#ffed4e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(255,215,0,.5)}.agency-tagline{font-size:1.2rem;color:#a8a8a8;margin:5px 0 0;letter-spacing:2px}.mission-briefing{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:30px;margin:30px 0;border:1px solid rgba(255,255,255,.2)}.mission-briefing h2{color:#ff6b6b;font-size:1.8rem;margin-bottom:20px;text-shadow:0 0 10px rgba(255,107,107,.5)}.briefing-text p{font-size:1.1rem;line-height:1.6;margin-bottom:15px;color:#e0e0e0}.mission-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:30px}.feature{display:flex;align-items:center;gap:10px;padding:15px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.feature-icon{font-size:1.5rem}.registration-header{margin-bottom:40px}.registration-header h2{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(45deg,#4ecdc4,#44a08d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.registration-form{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:40px;border:1px solid rgba(255,255,255,.2)}.form-group{margin-bottom:30px;text-align:left}.form-group label{display:block;margin-bottom:10px;font-weight:600;color:gold}.form-group input{width:100%;padding:15px;font-size:1.2rem;border:2px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff1a;color:#fff;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#4ecdc4;box-shadow:0 0 20px #4ecdc44d}.form-group input::placeholder{color:#ffffff80}.agent-preview{margin:30px 0;min-height:80px;display:flex;align-items:center;justify-content:center}.preview-card{animation:fadeInUp .5s ease}.agent-badge{display:flex;align-items:center;gap:15px;padding:20px;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 30px #0000004d}.badge-icon{font-size:2rem}.badge-text{display:flex;flex-direction:column;text-align:left}.badge-text strong{font-size:1.3rem;margin-bottom:5px}.badge-text span{font-size:.9rem;color:#fffc}.accept-mission-btn,.start-game-btn,.back-btn{padding:15px 30px;font-size:1.2rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;margin:10px}.accept-mission-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a52);color:#fff;font-size:1.4rem;padding:20px 40px;margin-top:30px;box-shadow:0 10px 30px #ff6b6b4d}.accept-mission-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ff6b6b66}.start-game-btn{background:linear-gradient(45deg,#4ecdc4,#44a08d);color:#fff;box-shadow:0 10px 30px #4ecdc44d}.start-game-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 40px #4ecdc466}.start-game-btn:disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed}.back-btn{background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.3)}.security-notice{margin-top:30px;padding:15px;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:10px;font-size:.9rem;color:#ffc107}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.agency-logo h1{font-size:2.5rem}.mission-features{grid-template-columns:1fr}.registration-form{padding:30px 20px}.agent-badge{flex-direction:column;text-align:center;gap:10px}}.age-onboarding{min-height:100vh;background:linear-gradient(135deg,#0d1421,#1a1a2e,#16213e);color:#fff;display:flex;align-items:center;justify-content:center;padding:2rem;font-family:Courier New,monospace}.onboarding-container{max-width:600px;width:100%;background:#0000004d;border-radius:16px;padding:3rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 40px #00000080;text-align:center}.spy-header{margin-bottom:2.5rem}.classification-label{background:#b71c1c;color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.8rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:inline-block;margin-bottom:1rem;border:2px solid #ff5722;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.onboarding-title{font-size:2.5rem;margin:1rem 0;text-shadow:2px 2px 4px rgba(0,0,0,.8);background:linear-gradient(45deg,#81c784,#4caf50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.onboarding-subtitle{font-size:1.1rem;color:#b0bec5;margin-bottom:0;line-height:1.5}.age-form-container h2{color:#ffb74d;font-size:1.5rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.form-description{color:#90a4ae;margin-bottom:2rem;font-size:1rem;line-height:1.5}.age-ranges{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.age-range-btn{background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:1rem 1.5rem;color:#fff;cursor:pointer;transition:all .3s ease;text-align:left;font-family:inherit}.age-range-btn:hover{background:#ffffff1a;border-color:#81c78480;transform:translateY(-2px)}.age-range-btn.selected{background:#81c78433;border-color:#81c784;box-shadow:0 0 20px #81c7844d}.range-label{font-weight:700;font-size:1.1rem;color:#81c784;margin-bottom:.5rem}.range-description{font-size:.9rem;color:#b0bec5;line-height:1.4}.age-input-section{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem}.or-divider{color:#90a4ae;margin-bottom:1.5rem;font-size:1rem}.age-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;align-items:center;gap:1rem;justify-content:center}.age-label{font-weight:700;color:#ffb74d;min-width:40px}.age-input{background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem 1rem;color:#fff;font-size:1.1rem;font-family:inherit;text-align:center;width:120px;transition:all .3s ease}.age-input:focus{outline:none;border-color:#81c784;box-shadow:0 0 15px #81c7844d}.age-input::placeholder{color:#ffffff80}.error-message{background:#f4433633;border:1px solid #f44336;border-radius:6px;padding:.75rem;color:#ffcdd2;font-size:.9rem}.form-actions{display:flex;flex-direction:column;gap:1rem}.submit-btn{background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:8px;padding:1rem 2rem;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-family:inherit;box-shadow:0 4px 15px #4caf504d}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#4caf50);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.skip-btn{background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:.75rem 1.5rem;color:#ffffffb3;font-size:.9rem;cursor:pointer;transition:all .3s ease;font-family:inherit}.skip-btn:hover{background:#ffffff1a;color:#fff;border-color:#ffffff80}.privacy-note{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.privacy-note p{color:#78909c;font-size:.85rem;margin:0;line-height:1.4}@media (max-width: 768px){.age-onboarding{padding:1rem}.onboarding-container{padding:2rem}.onboarding-title{font-size:2rem}.age-ranges{gap:.75rem}.age-range-btn{padding:.75rem 1rem}.input-group{flex-direction:column;gap:.5rem}.age-input{width:100%;max-width:150px}.form-actions{gap:.75rem}}.world-map{min-height:100vh;background:linear-gradient(135deg,#0c1445,#1a1a2e,#16213e);color:#fff;padding:20px}.map-header{text-align:center;margin-bottom:30px}.map-header h2{font-size:2.5rem;margin-bottom:20px;background:linear-gradient(45deg,#4ecdc4,#44a08d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mission-status{max-width:600px;margin:0 auto}.progress-stats{display:flex;justify-content:space-around;margin-bottom:15px}.stat{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-label{font-size:.9rem;color:#a8a8a8}.stat-value{font-size:1.5rem;font-weight:700;color:gold}.progress-fill{height:100%;background:linear-gradient(90deg,#4ecdc4,#44a08d);transition:width .5s ease;border-radius:4px}.current-mission{max-width:800px;margin:20px auto;padding:20px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:10px;text-align:center}.current-mission h3{color:#ff6b6b;margin-bottom:10px}.map-container{position:relative;max-width:1200px;margin:40px auto;background:#ffffff0d;border-radius:20px;padding:40px;border:1px solid rgba(255,255,255,.1)}.world-map-svg{position:relative;width:100%;height:500px}.map-background{width:100%;height:100%;opacity:.3}.region-marker{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;padding:15px;border-radius:15px;transition:all .3s ease;min-width:120px;text-align:center}.region-marker.unlocked{background:#ffc1074d;border:3px solid rgba(255,193,7,.8);box-shadow:0 0 25px #ffc10766;animation:pulse-available 2s infinite}.region-marker.unlocked:hover{transform:scale(1.1);background:#ffc10780;box-shadow:0 0 35px #ffc107b3}.region-marker.recommended{background:#ff572266;border:4px solid rgba(255,87,34,.9);box-shadow:0 0 30px #ff572299;animation:pulse-recommended 1.5s infinite;transform:scale(1.05)}.region-marker.recommended:before{content:"🎯";position:absolute;top:-15px;left:-15px;font-size:1.8rem;background:#ff5722f2;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border:3px solid #ff5722;animation:bounce 2s infinite}.region-marker.recommended:hover{transform:scale(1.15);background:#ff572299;box-shadow:0 0 40px #ff5722cc}@keyframes pulse-recommended{0%,to{box-shadow:0 0 30px #ff572299;border-color:#ff5722e6}50%{box-shadow:0 0 45px #ff5722e6;border-color:#ff5722}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.region-marker.completed{background:#28a74566;border:3px solid rgba(40,167,69,.8);box-shadow:0 0 20px #28a74566;position:relative}.region-marker.completed:after{content:"✅";position:absolute;top:-10px;right:-10px;font-size:1.5rem;background:#28a745e6;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:2px solid #28a745}.region-marker.completed:hover{transform:scale(1.05);background:#28a74580}.region-marker.locked{background:#6c757d33;border:2px dashed rgba(108,117,125,.4);cursor:not-allowed;opacity:.4;filter:grayscale(100%)}.region-marker.locked:after{content:"🔒";position:absolute;top:-10px;right:-10px;font-size:1.2rem;background:#6c757dcc;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;border:2px solid #6c757d}@keyframes pulse-available{0%,to{box-shadow:0 0 25px #ffc10766;border-color:#ffc107cc}50%{box-shadow:0 0 35px #ffc107b3;border-color:#ffc107}}.map-legend{display:flex;justify-content:center;gap:30px;margin:30px 0;padding:20px;background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.legend-item{display:flex;align-items:center;gap:10px;padding:10px 15px;border-radius:10px;background:#ffffff08;font-weight:600}.legend-icon{font-size:1.2rem;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center}.legend-icon.completed{background:#28a745e6;border:2px solid #28a745}.legend-icon.recommended{background:#ff5722e6;border:2px solid #ff5722;animation:pulse-legend 1.5s infinite}.legend-icon.available{background:#ffc107e6;border:2px solid #ffc107}.legend-icon.locked{background:#6c757dcc;border:2px solid #6c757d;opacity:.6}@keyframes pulse-legend{0%,to{transform:scale(1);box-shadow:0 0 5px #ffc1074d}50%{transform:scale(1.1);box-shadow:0 0 10px #ffc10799}}.region-icon{font-size:2rem;margin-bottom:5px}.region-label{font-size:.9rem;font-weight:600;text-align:center}.completion-badge{position:absolute;top:-5px;right:-5px;background:#2ecc71;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:.8rem}.lock-icon{position:absolute;top:-5px;right:-5px;background:#000000b3;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:.8rem}.region-tooltip{position:absolute;top:20px;right:20px;width:300px;padding:20px;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,.2);z-index:100;animation:fadeIn .3s ease}.region-tooltip h4{margin:0 0 10px;color:gold;font-size:1.3rem}.region-difficulty{margin-bottom:15px}.difficulty-badge{background:linear-gradient(45deg,#667eea,#764ba2);padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.region-description{margin-bottom:15px;color:#e0e0e0;line-height:1.5}.region-clue{margin-bottom:15px;padding:10px;background:#ffc1071a;border-left:3px solid #ffc107;border-radius:5px}.region-clue strong{color:#ffc107}.region-clue p{margin:5px 0 0;font-style:italic;color:#f0f0f0}.region-status{font-weight:600}.status-completed{color:#2ecc71}.status-available{color:#4ecdc4}.status-locked{color:#ff6b6b}.map-legend{display:flex;justify-content:center;gap:30px;margin:30px 0}.legend-item{display:flex;align-items:center;gap:8px;padding:8px 15px;background:#ffffff0d;border-radius:20px;font-size:.9rem}.legend-icon{font-size:1.2rem}.agent-status{position:fixed;bottom:20px;left:20px;z-index:50}.status-card{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:15px;border:1px solid rgba(255,255,255,.2);min-width:200px}.status-card h4{margin:0 0 15px;color:gold;text-align:center}.agent-details{display:flex;flex-direction:column;gap:8px}.agent-details div{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.world-map{padding:15px}.map-header h2{font-size:2rem}.progress-stats{flex-direction:column;gap:15px}.map-container{padding:20px}.world-map-svg{height:400px}.region-marker{min-width:100px;padding:12px}.region-tooltip{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:350px}.map-legend{flex-wrap:wrap;gap:15px}.agent-status{position:static;margin:20px auto 0;width:fit-content}}.quiz-mode{min-height:100vh;background:linear-gradient(135deg,#2c1810,#1a1a2e,#0f3460);color:#fff;padding:20px}.quiz-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;flex-wrap:wrap;gap:20px}.mission-info h2{font-size:2.2rem;margin-bottom:10px;background:linear-gradient(45deg,#ff6b6b,#ee5a52);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mission-briefing{color:#e0e0e0;font-size:1.1rem;max-width:600px}.quiz-controls{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.back-btn{padding:10px 20px;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fffc;border-radius:8px;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#ffffff1a;color:#fff}.agent-score{font-size:1.1rem;color:gold;font-weight:600}.quiz-progress{max-width:800px;margin:0 auto 40px;background:#ffffff0d;padding:20px;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.progress-info{display:flex;justify-content:space-between;margin-bottom:15px;font-weight:600}.current-score{color:#4ecdc4}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,#ee5a52);transition:width .5s ease;border-radius:4px}.quiz-container{max-width:900px;margin:0 auto}.intelligence-report{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:15px;padding:25px;margin-bottom:30px}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.report-header h3{color:#ffc107;margin:0}.timer{display:flex;align-items:center}.time-remaining{font-size:1.2rem;font-weight:700;padding:8px 15px;background:#ffffff1a;border-radius:20px;transition:all .3s ease}.time-remaining.urgent{background:#ff6b6b33;color:#ff6b6b;animation:pulse 1s infinite}.region-clue{font-style:italic;color:#f0f0f0;line-height:1.5}.question-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #0000004d}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.question-header h3{color:#4ecdc4;font-size:1.5rem;margin:0}.difficulty-badge{background:linear-gradient(45deg,#667eea,#764ba2);padding:6px 15px;border-radius:20px;font-size:.9rem;font-weight:600}.question-text{font-size:1.4rem;font-weight:600;margin-bottom:30px;color:#fff;line-height:1.4;text-align:center;padding:20px;background:#ffffff0d;border-radius:15px}.answers-container{display:grid;gap:15px;margin-bottom:30px}.answer-btn{display:flex;align-items:center;gap:15px;padding:18px 25px;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:1.1rem;text-align:left}.answer-btn:hover:not(:disabled){background:#4ecdc433;border-color:#4ecdc480;transform:translate(5px)}.answer-btn.selected{background:#4ecdc44d;border-color:#4ecdc4}.answer-btn.correct{background:#2ecc714d;border-color:#2ecc71;animation:correctAnswer .6s ease}.answer-btn.incorrect{background:#e74c3c4d;border-color:#e74c3c;animation:incorrectAnswer .6s ease}.answer-btn:disabled{cursor:not-allowed}.answer-letter{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:#fff3;border-radius:50%;font-weight:700;flex-shrink:0}.answer-text{flex:1}.result-panel{background:#0006;border-radius:15px;padding:25px;text-align:center}.result-message{margin-bottom:20px}.success-result,.failure-result{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.3rem;font-weight:600;margin-bottom:15px}.success-result{color:#2ecc71}.failure-result{color:#e74c3c}.result-icon{font-size:2rem}.hint-section{background:#ffffff0d;padding:15px;border-radius:10px;margin-bottom:20px;font-style:italic;color:#e0e0e0}.next-btn{background:linear-gradient(45deg,#4ecdc4,#44a08d);border:none;padding:15px 30px;border-radius:10px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #4ecdc44d}.next-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4ecdc466}.mission-status{position:fixed;bottom:20px;right:20px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;border:1px solid rgba(255,255,255,.2)}.status-indicators{display:flex;flex-direction:column;gap:10px}.status-item{display:flex;align-items:center;gap:8px;font-size:.9rem}.status-icon{font-size:1.1rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes correctAnswer{0%{transform:scale(1)}50%{transform:scale(1.02);box-shadow:0 0 30px #2ecc7199}to{transform:scale(1)}}@keyframes incorrectAnswer{0%{transform:scale(1)}25%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:scale(1)}}@media (max-width: 768px){.quiz-mode{padding:15px}.quiz-header{flex-direction:column;align-items:stretch}.quiz-controls{align-items:stretch}.mission-info h2{font-size:1.8rem}.question-text{font-size:1.2rem}.answer-btn{padding:15px 20px;font-size:1rem}.mission-status{position:static;margin:20px auto 0;width:fit-content}.status-indicators{flex-direction:row;flex-wrap:wrap;gap:15px}}.story-context{background:#ff57221a;border:1px solid rgba(255,87,34,.3);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,87,34,.2)}.story-icon{font-size:1.5rem}.location-info{font-weight:700;color:#ff5722;font-size:1.1rem}.sequence-info{margin-left:auto;background:#ff572233;padding:.25rem .75rem;border-radius:12px;font-size:.9rem;color:#ff5722;font-weight:600}.story-narrative{color:#fff;line-height:1.6}.story-narrative p{margin:0 0 1rem;font-size:1.05rem;font-style:italic}.progression-hint{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ffc1071a;border-left:3px solid #ffc107;border-radius:0 8px 8px 0;margin-top:1rem}.hint-icon{font-size:1rem}.progression-hint em{color:#ffc107;font-size:.95rem}.login-prompt{display:flex;flex-direction:column;align-items:center;gap:8px}.login-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#4285f4;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.login-btn:hover{background:#3367d6}.login-subtitle{font-size:12px;color:#666;margin:0}.user-avatar{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:20px;transition:background .2s}.user-avatar:hover{background:#ffffff1a}.user-avatar img{width:24px;height:24px;border-radius:50%}.user-name{font-size:14px;font-weight:500;color:#fff}.profile-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.profile-modal{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:12px;padding:24px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;color:#fff;box-shadow:0 20px 40px #0000004d}.profile-header{text-align:center;margin-bottom:24px}.close-btn{position:absolute;top:16px;right:16px;background:#fff3;color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ffffff4d}.profile-avatar img{width:80px;height:80px;border-radius:50%;border:3px solid rgba(255,255,255,.3);margin-bottom:12px}.profile-header h2{margin:0 0 4px;font-size:24px;font-weight:600}.user-email{color:#fffc;font-size:14px;margin:0}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.stat-card{background:#ffffff1a;border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px}.stat-icon{font-size:24px}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:18px;font-weight:700;color:#fff}.stat-label{font-size:12px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.profile-progress{margin-bottom:24px}.profile-progress h3{margin:0 0 12px;font-size:16px;font-weight:600}.regions-grid{display:flex;flex-direction:column;gap:8px}.completed-region,.unlocked-region{padding:8px 12px;border-radius:6px;font-size:14px}.completed-region{background:#2ea04333;border:1px solid rgba(46,160,67,.3)}.unlocked-region{background:#ffc10733;border:1px solid rgba(255,193,7,.3)}.profile-actions{text-align:center}.logout-btn{background:#dc3545cc;color:#fff;border:none;border-radius:6px;padding:10px 20px;cursor:pointer;font-weight:500;transition:background .2s}.logout-btn:hover{background:#dc3545}@media (max-width: 600px){.profile-stats{grid-template-columns:1fr}.profile-modal{padding:20px;margin:10px}.stat-card{padding:12px}}.regional-multimedia{width:100%;max-width:900px;margin:0 auto}.regional-multimedia.loading,.regional-multimedia.error{display:flex;align-items:center;justify-content:center;min-height:200px;background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.multimedia-spinner{text-align:center;color:#fff}.spinner{width:40px;height:40px;border:3px solid rgba(78,205,196,.3);border-top:3px solid #4ecdc4;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{text-align:center;color:#ff6b6b}.error-icon{font-size:2rem;display:block;margin-bottom:10px}.retry-btn{background:#4ecdc41a;border:1px solid #4ecdc4;color:#4ecdc4;padding:8px 16px;border-radius:8px;margin-top:15px;cursor:pointer;transition:all .3s ease}.retry-btn:hover{background:#4ecdc433;transform:translateY(-1px)}.multimedia-section{background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.1);padding:20px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-title{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:20px;border-bottom:2px solid rgba(78,205,196,.3);padding-bottom:10px}.section-icon{font-size:1.4rem;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}.photos-section{background:linear-gradient(135deg,#4ecdc41a,#ffffff0d)}.photo-gallery{display:flex;flex-direction:column;gap:15px}.photo-container{position:relative;border-radius:10px;overflow:hidden;background:#0000004d}.featured-photo{width:100%;height:250px;object-fit:cover;display:block;transition:transform .3s ease}.featured-photo:hover{transform:scale(1.02)}.photo-navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;padding:0 15px;pointer-events:none}.nav-btn{background:#000000b3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;font-weight:700;transition:all .3s ease;pointer-events:all;display:flex;align-items:center;justify-content:center}.nav-btn:hover{background:#4ecdc4cc;transform:scale(1.1)}.photo-counter{background:#000000b3;color:#fff;padding:5px 12px;border-radius:15px;font-size:.9rem;font-weight:500;pointer-events:all}.photo-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:20px 15px 15px}.photo-description{font-size:.95rem;line-height:1.4;margin-bottom:5px}.photo-credit{font-size:.8rem;opacity:.8;font-style:italic}.photo-thumbnails{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.thumbnail{width:60px;height:45px;border:2px solid rgba(255,255,255,.3);border-radius:5px;overflow:hidden;cursor:pointer;transition:all .3s ease;background:none;padding:0}.thumbnail:hover{border-color:#4ecdc4;transform:translateY(-2px)}.thumbnail.active{border-color:#4ecdc4;box-shadow:0 0 10px #4ecdc480}.thumbnail img{width:100%;height:100%;object-fit:cover}.weather-section{background:linear-gradient(135deg,#ffd7001a,#ffffff0d)}.weather-location{font-size:.9rem;color:gold;font-weight:400;margin-left:10px}.weather-content{display:flex;flex-direction:column;gap:20px}.weather-current{display:flex;flex-direction:column;gap:15px;align-items:center;text-align:center}.weather-main{display:flex;align-items:center;gap:20px}.weather-icon{width:64px;height:64px;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.weather-temp{display:flex;flex-direction:column;align-items:center}.temperature{font-size:2.5rem;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.feels-like{font-size:.9rem;color:#ffffffb3;margin-top:5px}.weather-description{font-size:1.1rem;color:#fff;text-transform:capitalize;font-weight:500}.weather-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.weather-stat{display:flex;justify-content:space-between;align-items:center;background:#ffffff1a;padding:10px 15px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.stat-label{font-size:.9rem;color:#fffc}.stat-value{font-weight:600;color:#fff;font-size:.9rem}.weather-education,.spy-context{background:#ffffff14;border-radius:10px;padding:15px;border:1px solid rgba(255,255,255,.15)}.education-title,.spy-title{font-size:1rem;font-weight:600;color:#4ecdc4;margin-bottom:10px;display:flex;align-items:center;gap:8px}.climate-type,.climate-explanation,.visit-time{font-size:.9rem;color:#ffffffe6;margin-bottom:8px;line-height:1.4}.spy-stats{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.spy-stat{font-size:.85rem;color:#fffc}.operational-notes{list-style:none;padding:0;margin:10px 0 0}.note{font-size:.85rem;color:#fffc;position:relative;padding:4px 0 4px 15px}.note:before{content:"•";color:#4ecdc4;position:absolute;left:0}.fallback-notice{margin-top:15px;text-align:center;color:orange;font-style:italic}.pronunciation-section{background:linear-gradient(135deg,#9333ea1a,#ffffff0d)}.pronunciation-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.pronunciation-item{background:#ffffff1a;border-radius:8px;padding:12px 15px;display:flex;flex-direction:column;gap:5px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.pronunciation-item:hover{background:#ffffff26;transform:translateY(-2px)}.word{font-size:1.1rem;font-weight:600;color:#fff}.pronunciation{font-size:.9rem;color:#4ecdc4;font-family:Courier New,monospace}.language{font-size:.8rem;color:#fff9;font-style:italic}@media (max-width: 768px){.multimedia-section{padding:15px;margin-bottom:15px}.section-title{font-size:1.1rem}.featured-photo{height:200px}.weather-main{flex-direction:column;gap:10px}.temperature{font-size:2rem}.weather-details{grid-template-columns:1fr}.weather-stat{flex-direction:column;gap:5px;text-align:center}.pronunciation-list{grid-template-columns:1fr}.spy-stats{flex-direction:column;gap:8px}}@media (max-width: 480px){.photo-navigation{padding:0 10px}.nav-btn{width:35px;height:35px;font-size:1rem}.photo-thumbnails{gap:8px}.thumbnail{width:50px;height:38px}.temperature{font-size:1.8rem}}.mission-briefing{min-height:100vh;background:linear-gradient(135deg,#0d1421,#1a1a2e,#16213e);color:#fff;display:flex;flex-direction:column;font-family:Courier New,monospace}.briefing-header{background:linear-gradient(90deg,#b71c1c,#d32f2f);padding:1rem 2rem;border-bottom:3px solid #ff5722;position:relative;width:100%;box-sizing:border-box}.classification-bar{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px}.classification{background:#000;color:red;padding:.5rem 1rem;border:2px solid #ff0000;animation:pulse 2s infinite}.threat-level{color:#ffeb3b;text-shadow:0 0 10px #ffeb3b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.mission-title{font-size:2.5rem;margin:0;text-align:center;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-weight:700}.mission-location{text-align:center;font-size:1.2rem;margin-top:.5rem;color:#81c784}.briefing-content{flex:1;display:flex;flex-direction:column;padding:2rem 0;gap:2rem;width:100%;min-height:0;overflow-y:auto}.agent-status{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:0;padding:1rem 2rem;display:flex;align-items:center;gap:1.5rem;margin:0 0 1rem;flex-shrink:0;width:100%;box-sizing:border-box}.agent-avatar{font-size:3rem;background:linear-gradient(135deg,#1976d2,#42a5f5);border-radius:50%;width:70px;height:70px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.agent-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.agent-name{font-size:1.4rem;font-weight:700;color:#81c784;margin:0}.agent-level{color:#ffb74d;font-size:1.1rem;margin:0}.mission-count{color:#90a4ae;font-size:.9rem;margin:0}.briefing-main{flex:1;background:#0000004d;border-radius:0;padding:2rem;border:none;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);width:100%;box-sizing:border-box}.briefing-text h3{color:#ff5722;font-size:1.5rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.typewriter-text{font-size:1.2rem;line-height:1.8;margin-bottom:2rem;padding:1.5rem;background:#0006;border-left:4px solid #2196f3;border-radius:4px;min-height:100px;display:flex;align-items:center;animation:fadeInUp .8s ease-out}.step-indicator{text-align:center;font-size:.9rem;color:#64b5f6;margin-bottom:1rem}.mission-details{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.details-section{background:#ffffff05;padding:1.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.details-section h4{color:#ffb74d;font-size:1.1rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.details-section ul{list-style:none;padding:0;margin:0}.details-section li{margin:.5rem 0;padding-left:1rem;position:relative;color:#e1f5fe}.details-section li:before{content:"▶";position:absolute;left:0;color:#4caf50}.mission-parameters{grid-column:1 / -1;background:#ff98001a;border:2px solid rgba(255,152,0,.3);padding:1.5rem;border-radius:8px;margin-top:1rem}.parameter{margin:.75rem 0;font-size:1.1rem}.parameter strong{color:#ffab00}.regional-content{width:100%;margin-top:1rem}.briefing-multimedia{background:#ffffff08;border:1px solid rgba(78,205,196,.2);border-radius:15px;overflow:hidden}.briefing-multimedia .multimedia-section{margin-bottom:15px}.briefing-multimedia .multimedia-section:last-child{margin-bottom:0}.briefing-controls{background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-top:2px solid rgba(255,255,255,.2);position:sticky;bottom:0;z-index:100;margin-top:auto;width:100vw;margin-left:calc(-50vw + 50%);box-sizing:border-box}.control-btn{padding:1rem 2rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;font-family:inherit;min-height:50px;display:flex;align-items:center;justify-content:center;text-align:center}.back-btn{background:linear-gradient(135deg,#616161,#424242);color:#fff}.back-btn:hover{background:linear-gradient(135deg,#757575,#616161);transform:translate(-5px)}.mission-btn{background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff;animation:missionPulse 2s infinite;box-shadow:0 0 20px #d32f2f80}@keyframes missionPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #d32f2f80}50%{transform:scale(1.02);box-shadow:0 0 30px #d32f2fcc}}.mission-btn:hover{background:linear-gradient(135deg,#f44336,#d32f2f);transform:scale(1.05)}.skip-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffb3}.skip-btn:hover{background:#ffffff1a;color:#fff}@media (max-width: 1024px){.briefing-content{padding:1.5rem}.details-grid{grid-template-columns:1fr}}@media (max-width: 768px){.briefing-content{padding:1rem}.agent-status{flex-direction:column;text-align:center;gap:1rem}.agent-info{align-items:center}.mission-title{font-size:1.8rem}.details-grid{grid-template-columns:1fr}.briefing-controls{flex-direction:column;gap:1rem;padding:1rem}.control-btn{width:100%}.typewriter-text{font-size:1rem;min-height:80px}.classification-bar{flex-direction:column;gap:.5rem}}.mission-debrief{min-height:100vh;background:linear-gradient(135deg,#0d1421,#1a1a2e,#16213e);color:#fff;display:flex;flex-direction:column;font-family:Courier New,monospace}.debrief-header{padding:1.5rem;border-bottom:3px solid #64b5f6;position:relative}.status-bar{text-align:center;padding:.75rem;margin-bottom:1rem;border-radius:6px;font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:2px}.status-bar.success{background:linear-gradient(135deg,#4caf50,#81c784);color:#fff;animation:successPulse 2s infinite}.status-bar.failure{background:linear-gradient(135deg,#ff9800,#ffb74d);color:#fff;animation:cautionPulse 2s infinite}@keyframes successPulse{0%,to{box-shadow:0 0 20px #4caf5080}50%{box-shadow:0 0 30px #4caf50cc}}@keyframes cautionPulse{0%,to{box-shadow:0 0 20px #ff980080}50%{box-shadow:0 0 30px #ff9800cc}}.debrief-title{font-size:2.2rem;margin:0;text-align:center;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-weight:700;line-height:1.2}.debrief-location{text-align:center;font-size:1.1rem;margin-top:.5rem;color:#81c784}.debrief-content{flex:1;display:flex;padding:2rem;gap:2rem}.agent-status-panel{flex:0 0 320px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;height:fit-content;text-align:center}.agent-avatar{font-size:5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#1976d2,#42a5f5);border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.agent-details{text-align:center}.agent-name{font-size:1.5rem;font-weight:700;color:#81c784;margin-bottom:.75rem}.agent-rank{color:#ffb74d;font-size:1.2rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.mission-score{font-size:1.8rem;font-weight:700;color:#64b5f6;margin-bottom:1rem}.performance-rating{padding:.75rem 1rem;border-radius:6px;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.performance-rating.legendary{background:linear-gradient(135deg,gold,#ffeb3b);color:#333}.performance-rating.excellent{background:linear-gradient(135deg,#4caf50,#81c784);color:#fff}.performance-rating.satisfactory{background:linear-gradient(135deg,#2196f3,#64b5f6);color:#fff}.performance-rating.needs{background:linear-gradient(135deg,#ff9800,#ffb74d);color:#fff}.performance-rating.requires{background:linear-gradient(135deg,#f44336,#e57373);color:#fff}.debrief-main{flex:1;background:#0000004d;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1)}.debrief-message h3{color:#64b5f6;font-size:1.5rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.message-text{font-size:1.3rem;line-height:1.8;margin-bottom:2rem;padding:2rem;background:#0006;border-left:4px solid #2196f3;border-radius:4px;min-height:120px;display:flex;align-items:center;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-indicator{text-align:center;font-size:.9rem;color:#64b5f6;margin-bottom:2rem}.mission-stats{animation:slideInUp .6s ease-out}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-2px);background:#ffffff14}.stat-value{font-size:2rem;font-weight:700;color:#64b5f6;margin-bottom:.5rem}.stat-label{color:#b0bec5;text-transform:uppercase;font-size:.9rem;letter-spacing:.5px}.next-mission-preview{background:#4caf501a;border:2px solid rgba(76,175,80,.3);border-radius:8px;padding:1.5rem;margin-top:2rem}.next-mission-preview h4{color:#81c784;margin-bottom:1rem;font-size:1.2rem}.next-mission-preview p{margin:.5rem 0;line-height:1.6}.retraining-notice{background:#ff98001a;border:2px solid rgba(255,152,0,.3);border-radius:8px;padding:1.5rem;margin-top:2rem}.retraining-notice h4{color:#ffb74d;margin-bottom:1rem;font-size:1.2rem}.retraining-notice p{margin:.5rem 0;line-height:1.6}.debrief-controls{background:#00000080;padding:1.5rem 2rem;display:flex;justify-content:center;align-items:center;border-top:2px solid rgba(255,255,255,.1)}.control-btn{padding:1rem 2.5rem;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;font-family:inherit}.next-btn{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff}.next-btn:hover{background:linear-gradient(135deg,#2196f3,#1976d2);transform:scale(1.05)}.return-btn{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;animation:returnPulse 2s infinite}@keyframes returnPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #4caf5080}50%{transform:scale(1.02);box-shadow:0 0 30px #4caf50cc}}.return-btn:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);transform:scale(1.05)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.debrief-content{flex-direction:column;padding:1rem}.agent-status-panel{flex:none;margin-bottom:1rem}.debrief-title{font-size:1.6rem}.stats-grid{grid-template-columns:1fr}.message-text{font-size:1.1rem;padding:1.5rem;min-height:100px}.control-btn{width:100%}}.signout-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.signout-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(147,51,234,.1) 0%,transparent 50%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.signout-container{background:#0f172af2;border:1px solid rgba(59,130,246,.3);border-radius:16px;padding:3rem;max-width:600px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000080,0 0 50px #3b82f61a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.signout-header{margin-bottom:2.5rem}.signout-icon{font-size:4rem;margin-bottom:1rem;opacity:.9}.signout-container h1{color:#f1f5f9;font-size:2.25rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#f1f5f9,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.signout-subtitle{color:#94a3b8;font-size:1.1rem;margin:0}.signout-content{margin-bottom:2.5rem}.mission-summary{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.mission-summary h2{color:#3b82f6;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;text-align:left}.status-item{display:flex;align-items:center;color:#e2e8f0;font-size:.9rem;gap:.5rem}.status-icon{font-size:1rem}.signout-message{text-align:left;margin-bottom:2rem}.signout-message h3{color:#f1f5f9;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.signout-message p{color:#cbd5e1;margin-bottom:1rem;line-height:1.6}.signout-message ul{color:#94a3b8;margin:0;padding-left:1.5rem}.signout-message li{margin-bottom:.5rem;line-height:1.5}.auto-redirect{background:#9333ea0d;border:1px solid rgba(147,51,234,.2);border-radius:8px;padding:1rem;margin-bottom:2rem}.auto-redirect p{color:#c4b5fd;margin-bottom:.75rem;font-size:.9rem}.countdown-bar{background:#9333ea33;border-radius:4px;height:6px;overflow:hidden}.countdown-fill{background:linear-gradient(90deg,#9333ea,#c084fc);height:100%;transition:width 1s linear;border-radius:4px}.signout-actions{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.primary-btn,.secondary-btn{flex:1;min-width:200px;padding:.875rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.primary-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d}.primary-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.secondary-btn{background:#64748b1a;color:#cbd5e1;border:1px solid rgba(100,116,139,.3)}.secondary-btn:hover{background:#64748b33;color:#f1f5f9;border-color:#64748b80}.signout-footer{border-top:1px solid rgba(100,116,139,.2);padding-top:1.5rem;color:#64748b}.signout-footer p{margin:.5rem 0;font-size:.9rem}.footer-divider{color:#64748b80;margin:1rem 0;letter-spacing:.5rem}.atlas-branding{font-weight:600;color:#94a3b8!important}@media (max-width: 640px){.signout-page{padding:1rem}.signout-container{padding:2rem}.signout-container h1{font-size:1.875rem}.status-grid{grid-template-columns:1fr;gap:.5rem}.signout-actions{flex-direction:column}.primary-btn,.secondary-btn{min-width:auto}}.signout-container{animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}