.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem;background:#b91c1c0d;border:2px solid #dc2626;border-radius:8px;margin:1rem}.error-content{text-align:center;max-width:500px;color:#1f2937}.error-icon{font-size:4rem;margin-bottom:1rem;opacity:.8}.error-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#dc2626;font-family:Courier New,monospace}.error-message{font-size:1rem;line-height:1.5;margin-bottom:2rem;color:#374151}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.retry-button,.reload-button{padding:.75rem 1.5rem;border:2px solid;border-radius:6px;font-family:Courier New,monospace;font-weight:700;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.retry-button{background:#059669;border-color:#059669;color:#fff}.retry-button:hover{background:#047857;border-color:#047857;transform:translateY(-1px)}.reload-button{background:transparent;border-color:#6b7280;color:#374151}.reload-button:hover{background:#f3f4f6;border-color:#374151;transform:translateY(-1px)}.error-details{text-align:left;margin-top:2rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;font-family:Courier New,monospace;font-size:.8rem}.error-details summary{cursor:pointer;font-weight:700;margin-bottom:.5rem;color:#6b7280}.error-details summary:hover{color:#374151}.error-stack{white-space:pre-wrap;word-break:break-all;background:#fff;padding:.75rem;border-radius:4px;border:1px solid #e5e7eb;max-height:200px;overflow-y:auto;font-size:.75rem;color:#dc2626}@media(prefers-color-scheme:dark){.error-boundary{background:#b91c1c1a;border-color:#f87171}.error-content{color:#e5e7eb}.error-title{color:#f87171}.error-message{color:#d1d5db}.reload-button{color:#d1d5db;border-color:#9ca3af}.reload-button:hover{background:#374151;border-color:#d1d5db}.error-details{background:#1f2937;border-color:#374151}.error-details summary{color:#9ca3af}.error-details summary:hover{color:#d1d5db}.error-stack{background:#111827;border-color:#374151;color:#f87171}}@media(max-width:640px){.error-boundary{padding:1rem;margin:.5rem}.error-content{max-width:none}.error-icon{font-size:3rem}.error-title{font-size:1.25rem}.error-actions{flex-direction:column;align-items:center}.retry-button,.reload-button{width:100%;max-width:200px}}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-medium);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:Courier New,monospace;font-size:1.2rem;padding:0}.theme-toggle:hover{border-color:var(--gold-dark);background:var(--bg-light);transform:translateY(-1px);box-shadow:0 2px 4px var(--shadow-color)}.theme-toggle:active{transform:translateY(0)}.theme-icon{display:inline-block;transition:transform .2s ease;line-height:1}.theme-toggle:hover .theme-icon{transform:rotate(20deg)}@media(max-width:768px){.theme-toggle{width:32px;height:32px;font-size:1rem}}@media(max-width:375px){.theme-toggle{width:28px;height:28px;font-size:.9rem}}.sound-toggle{position:relative;display:flex;align-items:center;gap:.5rem}.sound-toggle-btn,.sound-settings-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.5rem;color:var(--color-text);cursor:pointer;transition:all .2s ease;font-size:1rem;min-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.sound-toggle-btn:hover,.sound-settings-btn:hover{background:#ffffff26;border-color:#ffffff4d}.sound-toggle-btn.enabled{background:#34d39933;border-color:#34d39966;color:#34d399}.sound-toggle-btn.disabled{background:#f8717133;border-color:#f8717166;color:#f87171}.sound-settings-panel{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;padding:1rem;min-width:280px;box-shadow:0 10px 25px #0000004d;z-index:1000}[data-theme=light] .sound-settings-panel{box-shadow:0 10px 25px #00000026}.sound-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border);font-weight:600;color:var(--color-text)}.close-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s ease}.close-btn:hover{color:var(--color-text);background:#ffffff1a}.sound-setting{margin-bottom:1rem}.sound-setting label{display:flex;flex-direction:column;gap:.5rem;color:var(--color-text);font-size:.9rem}.sound-setting input[type=checkbox]{width:auto;margin-right:.5rem}.sound-setting input[type=range]{width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;margin-top:.25rem}.sound-setting input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-accent, #d4af37);cursor:pointer;border:2px solid var(--color-bg-card);box-shadow:0 2px 4px #0003}.sound-setting input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-accent, #d4af37);cursor:pointer;border:2px solid var(--color-bg-card);box-shadow:0 2px 4px #0003}.sound-setting input[type=range]:disabled{opacity:.5;cursor:not-allowed}.sound-tests{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.sound-tests-title{font-weight:600;margin-bottom:.75rem;color:var(--color-text);font-size:.9rem}.sound-test-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.sound-test-buttons button{background:#ffffff0d;border:1px solid var(--color-border);border-radius:6px;padding:.5rem .75rem;color:var(--color-text);cursor:pointer;transition:all .2s ease;font-size:.8rem;display:flex;align-items:center;justify-content:center;gap:.25rem}.sound-test-buttons button:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d}.sound-test-buttons button:disabled{opacity:.5;cursor:not-allowed}.sound-test-buttons button:active:not(:disabled){transform:scale(.98)}.sound-settings-panel{animation:soundPanelSlideIn .2s ease-out}@keyframes soundPanelSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tts-settings{background:linear-gradient(135deg,#141414,#1e1e1e);border:2px solid #333;border-radius:10px;width:400px;max-width:90vw;max-height:80vh;overflow-y:auto;position:relative}.tts-settings-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:2px solid #d4af37;background:#0000004d}.tts-settings-header h3{margin:0;color:#d4af37;font-size:1.1rem}.tts-close{background:none;border:none;color:#888;font-size:1.2rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.tts-close:hover{color:#fff;background:#ffffff1a}.tts-settings-content{padding:1rem}.tts-setting-group{margin-bottom:1.5rem}.tts-setting-group:last-child{margin-bottom:0}.tts-setting{display:flex;align-items:center;gap:.5rem}.tts-setting label{display:flex;align-items:center;gap:.5rem;color:#e0e0e0;font-size:.9rem;cursor:pointer}.tts-setting input[type=checkbox]{width:16px;height:16px;accent-color:#d4af37}.tts-label{display:block;color:#e0e0e0;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.tts-select{width:100%;background:#0000004d;border:1px solid #444;color:#e0e0e0;padding:.5rem;border-radius:6px;font-size:.85rem;margin-bottom:.5rem}.tts-select:focus{outline:none;border-color:#d4af37}.tts-select optgroup{background:#1e1e1e;color:#d4af37;font-weight:700}.tts-select option{background:#1e1e1e;color:#e0e0e0;padding:.25rem}.tts-slider{width:100%;height:4px;background:#333;border-radius:2px;outline:none;margin:.5rem 0;accent-color:#d4af37}.tts-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#d4af37;border-radius:50%;cursor:pointer;transition:all .2s}.tts-slider::-webkit-slider-thumb:hover{background:gold;transform:scale(1.1)}.tts-slider::-moz-range-thumb{width:16px;height:16px;background:#d4af37;border-radius:50%;cursor:pointer;border:none;transition:all .2s}.tts-slider::-moz-range-thumb:hover{background:gold;transform:scale(1.1)}.tts-slider-labels{display:flex;justify-content:space-between;color:#888;font-size:.75rem;margin-top:.25rem}.tts-test-btn{background:#d4af3733;border:1px solid #d4af37;color:#d4af37;padding:.3rem .6rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s}.tts-test-btn:hover{background:#d4af374d;transform:translateY(-1px)}.tts-test-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tts-test-section{margin-top:1.5rem;text-align:center;border-top:1px solid #333;padding-top:1rem}.tts-test-full-btn{background:linear-gradient(135deg,#d4af37,gold);border:none;color:#1a1a1a;padding:.7rem 1.2rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.tts-test-full-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ffd70066}.tts-test-full-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.tts-not-supported{padding:2rem;text-align:center;color:#888}.tts-not-supported p{margin:.5rem 0;line-height:1.5}[data-theme=light] .tts-settings{background:linear-gradient(135deg,#f8f9fa,#fff);border-color:#dee2e6;color:#212529}[data-theme=light] .tts-settings-header{background:#0000000d;border-bottom-color:#d4af37}[data-theme=light] .tts-close{color:#6c757d}[data-theme=light] .tts-close:hover{color:#212529;background:#0000001a}[data-theme=light] .tts-label,[data-theme=light] .tts-setting label{color:#212529}[data-theme=light] .tts-select{background:#fff;border-color:#ced4da;color:#212529}[data-theme=light] .tts-select:focus{border-color:#d4af37}[data-theme=light] .tts-select optgroup{background:#f8f9fa;color:#d4af37}[data-theme=light] .tts-select option{background:#fff;color:#212529}[data-theme=light] .tts-slider{background:#dee2e6}[data-theme=light] .tts-slider-labels,[data-theme=light] .tts-not-supported{color:#6c757d}[data-theme=light] .tts-test-section{border-top-color:#dee2e6}@media(max-width:768px){.tts-settings{width:100%;max-width:100vw;border-radius:10px 10px 0 0;position:fixed;bottom:0;left:0;max-height:70vh}.tts-settings-header,.tts-settings-content{padding:.75rem}.tts-setting-group{margin-bottom:1rem}}.tts-toggle{display:flex;align-items:center;gap:.25rem}.tts-toggle-btn,.tts-settings-toggle-btn{background:#0003;border:1px solid #444;color:#888;font-size:1rem;padding:.4rem;border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.tts-toggle-btn:hover,.tts-settings-toggle-btn:hover{background:#ffffff1a;border-color:#666;color:#fff;transform:translateY(-1px)}.tts-toggle-btn.enabled{background:#d4af3733;border-color:#d4af37;color:#d4af37}.tts-toggle-btn.enabled:hover{background:#d4af374d;border-color:gold;color:gold}.tts-toggle-btn.speaking{animation:tts-pulse 1.5s ease-in-out infinite;background:#d4af374d;border-color:gold;color:gold}@keyframes tts-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.tts-settings-toggle-btn{font-size:.8rem;padding:.3rem;min-width:28px;height:28px}.tts-settings-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.tts-settings-overlay .tts-settings{animation:tts-modal-appear .2s ease-out}@keyframes tts-modal-appear{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=light] .tts-toggle-btn,[data-theme=light] .tts-settings-toggle-btn{background:#ffffff80;border-color:#dee2e6;color:#6c757d}[data-theme=light] .tts-toggle-btn:hover,[data-theme=light] .tts-settings-toggle-btn:hover{background:#fffc;border-color:#adb5bd;color:#495057}[data-theme=light] .tts-toggle-btn.enabled{background:#d4af3726;border-color:#d4af37;color:#b8860b}[data-theme=light] .tts-toggle-btn.enabled:hover{background:#d4af3740;border-color:#b8860b;color:#996f0a}[data-theme=light] .tts-toggle-btn.speaking{background:#d4af374d;border-color:#b8860b;color:#996f0a}[data-theme=light] .tts-settings-overlay{background:#fffc}@media(max-width:768px){.tts-toggle{gap:.15rem}.tts-toggle-btn,.tts-settings-toggle-btn{min-width:28px;height:28px;font-size:.9rem;padding:.3rem}.tts-settings-toggle-btn{min-width:24px;height:24px;font-size:.7rem}.tts-settings-overlay{padding:.5rem}}.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-10;overflow:hidden;pointer-events:none}.stars{position:absolute;width:200%;height:200%;background-image:radial-gradient(2px 2px at 20px 30px,var(--star-color),transparent),radial-gradient(2px 2px at 40px 70px,var(--star-color),transparent),radial-gradient(1px 1px at 90px 40px,var(--star-color),transparent),radial-gradient(1px 1px at 130px 80px,var(--star-color),transparent),radial-gradient(2px 2px at 160px 30px,var(--star-color),transparent);background-repeat:repeat;background-size:200px 100px;animation:move-stars linear infinite}.stars-layer-1{--star-color: rgba(255, 215, 0, .3);background-size:300px 150px;animation-duration:120s}.stars-layer-2{--star-color: rgba(255, 215, 0, .5);background-size:200px 100px;animation-duration:80s}.stars-layer-3{--star-color: rgba(255, 215, 0, .7);background-size:100px 50px;animation-duration:40s;background-image:radial-gradient(1px 1px at 10px 15px,var(--star-color),transparent),radial-gradient(1px 1px at 20px 35px,var(--star-color),transparent),radial-gradient(1px 1px at 45px 20px,var(--star-color),transparent),radial-gradient(1px 1px at 65px 40px,var(--star-color),transparent),radial-gradient(1px 1px at 80px 15px,var(--star-color),transparent)}@keyframes move-stars{0%{transform:translateY(0)}to{transform:translateY(-100px)}}:root,[data-theme=dark]{.stars-layer-1{--star-color: rgba(255, 215, 0, .25)}.stars-layer-2{--star-color: rgba(255, 215, 0, .4)}.stars-layer-3{--star-color: rgba(255, 215, 0, .6)}}[data-theme=light]{.stars-layer-1{--star-color: rgba(212, 175, 55, .15)}.stars-layer-2{--star-color: rgba(212, 175, 55, .25)}.stars-layer-3{--star-color: rgba(212, 175, 55, .35)}}@media(prefers-reduced-motion:reduce){.stars{animation-duration:300s}.stars-layer-1{animation-duration:600s}.stars-layer-2{animation-duration:400s}.stars-layer-3{animation-duration:200s}}@media(max-width:768px){.stars{background-image:radial-gradient(1px 1px at 20px 30px,var(--star-color),transparent),radial-gradient(1px 1px at 40px 70px,var(--star-color),transparent),radial-gradient(1px 1px at 90px 40px,var(--star-color),transparent);transform:translateZ(0)}.stars-layer-1{animation-duration:180s}.stars-layer-2{animation-duration:120s}.stars-layer-3{animation-duration:60s}}@media(max-width:375px){.stars-layer-1,.stars-layer-3{display:none}.stars-layer-2{animation-duration:150s;background-image:radial-gradient(1px 1px at 25px 25px,var(--star-color),transparent),radial-gradient(1px 1px at 75px 75px,var(--star-color),transparent)}}.page-transition-container{position:relative;width:100%;height:100%;min-height:600px}.page-content{transition:all .3s cubic-bezier(.4,0,.2,1);opacity:1;transform:translate(0)}.page-content.transitioning{opacity:0;transform:translate(-20px)}.room-transition-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#000c,#8b451399,#000c);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;backdrop-filter:blur(2px);animation:overlay-enter .3s ease-out;z-index:1000}.transition-text{color:var(--gold);font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;text-shadow:2px 2px 0 var(--shadow-color),0 0 20px rgba(255,215,0,.6);text-align:center;animation:text-glow 1.5s ease-in-out infinite alternate}.pixel-spinner{position:relative;width:64px;height:64px;border:3px solid var(--gold-dark);background:var(--bg-medium);box-shadow:inset 2px 2px 0 var(--gold),inset -2px -2px 0 var(--bg-dark),0 0 16px #ffd70066;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.spinner-blade{position:absolute;background:linear-gradient(45deg,var(--gold) 0%,var(--gold-dark) 100%);box-shadow:1px 1px 0 var(--bg-dark),0 0 8px #ffd70080;image-rendering:pixelated}.spinner-blade:nth-child(1){top:2px;left:50%;transform:translate(-50%);width:4px;height:24px;animation:blade-spin-1 1.2s ease-in-out infinite}.spinner-blade:nth-child(2){top:50%;right:2px;transform:translateY(-50%);width:24px;height:4px;animation:blade-spin-2 1.2s ease-in-out infinite}.spinner-blade:nth-child(3){bottom:2px;left:50%;transform:translate(-50%);width:4px;height:24px;animation:blade-spin-3 1.2s ease-in-out infinite}.spinner-blade:nth-child(4){top:50%;left:2px;transform:translateY(-50%);width:24px;height:4px;animation:blade-spin-4 1.2s ease-in-out infinite}@keyframes overlay-enter{0%{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(2px)}}@keyframes text-glow{0%{text-shadow:2px 2px 0 var(--shadow-color),0 0 20px rgba(255,215,0,.6)}to{text-shadow:2px 2px 0 var(--shadow-color),0 0 30px rgba(255,215,0,.9),0 0 40px rgba(255,215,0,.3)}}@keyframes blade-spin-1{0%,25%{height:24px;opacity:1}12.5%{height:32px;opacity:1}50%,to{height:8px;opacity:.3}}@keyframes blade-spin-2{0%,50%{width:8px;opacity:.3}25%,75%{width:24px;opacity:1}37.5%{width:32px;opacity:1}to{width:8px;opacity:.3}}@keyframes blade-spin-3{0%,75%{height:8px;opacity:.3}50%,to{height:24px;opacity:1}62.5%{height:32px;opacity:1}}@keyframes blade-spin-4{0%{width:24px;opacity:1}12.5%{width:32px;opacity:1}25%,75%{width:8px;opacity:.3}to{width:24px;opacity:1}}@media(max-width:768px){.transition-text{font-size:1.2rem}.pixel-spinner{width:48px;height:48px}.spinner-blade:nth-child(1),.spinner-blade:nth-child(3){width:3px;height:18px}.spinner-blade:nth-child(2),.spinner-blade:nth-child(4){width:18px;height:3px}}@media(max-width:375px){.transition-text{font-size:1rem;padding:0 1rem}.pixel-spinner{width:40px;height:40px}.spinner-blade:nth-child(1),.spinner-blade:nth-child(3){width:2px;height:14px}.spinner-blade:nth-child(2),.spinner-blade:nth-child(4){width:14px;height:2px}}.minimap{background:#000000e6;border:2px solid #444;border-radius:12px;padding:16px;margin:16px;min-width:280px;max-width:400px;backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}.minimap-title{color:gold;font-weight:700;font-size:14px;text-align:center;margin-bottom:12px;text-shadow:0 0 8px rgba(255,215,0,.5)}.minimap-grid{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(6,1fr);gap:2px;min-height:200px;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:4px}.minimap-room{background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border:1px solid #444;border-radius:6px;padding:4px;display:flex;flex-direction:column;transition:all .3s ease;position:relative;overflow:hidden}.minimap-room:hover{border-color:#666;box-shadow:0 0 8px #ffd7004d}.minimap-room.current-room{border-color:gold;box-shadow:0 0 12px #ffd70099;background:linear-gradient(135deg,#3a3a1a,#2e2e1e)}.minimap-room.current-room:after{content:"";position:absolute;inset:0;background:#ffd7001a;pointer-events:none;border-radius:4px}.room-header{display:flex;align-items:center;gap:3px;font-size:10px;color:#ccc;margin-bottom:2px;white-space:nowrap;overflow:hidden}.room-emoji{font-size:12px;flex-shrink:0}.room-name{font-weight:500;flex-shrink:1;overflow:hidden;text-overflow:ellipsis}.agent-count{color:#888;font-size:9px;flex-shrink:0}.room-agents{display:flex;flex-wrap:wrap;gap:2px;flex:1;align-content:flex-start}.minimap-agent{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s ease;position:relative}.minimap-agent:hover{transform:scale(1.2);z-index:10;border-color:#ffffff80}.agent-overflow{width:16px;height:16px;border-radius:50%;background:#444;color:#aaa;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:700;border:1px solid #666}.minimap-legend{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.legend-item{display:flex;align-items:center;gap:4px;font-size:10px;color:#ccc}.legend-dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.legend-dot.current{background:gold;box-shadow:0 0 4px #ffd70099}.legend-dot.working{background:#4ade80;opacity:1}.legend-dot.idle{background:#64748b;opacity:.7}@media(max-width:768px){.minimap{margin:8px;padding:12px;min-width:240px}.minimap-grid{min-height:160px}.minimap-room{padding:3px}.room-header{font-size:9px}.minimap-agent{width:14px;height:14px;font-size:7px}}.seasonal-event-banner{position:fixed;top:20px;right:20px;min-width:300px;max-width:400px;background:#000000e6;border:2px solid var(--seasonal-primary, var(--gold));border-radius:8px;padding:12px;backdrop-filter:blur(8px);z-index:999;font-family:Courier New,Courier,monospace;box-shadow:0 4px 12px #0000004d,0 0 20px var(--seasonal-primary, var(--gold)) 30;transition:all .3s ease}.seasonal-event-banner.disabled{opacity:.6;border-color:var(--text-muted);box-shadow:0 2px 8px #0003}.seasonal-content{display:flex;align-items:center;gap:12px;margin-bottom:8px}.seasonal-info{display:flex;align-items:center;gap:10px;flex:1}.seasonal-icon{font-size:2rem;filter:drop-shadow(0 0 6px var(--seasonal-primary, var(--gold)));animation:gentle-glow 3s ease-in-out infinite}@keyframes gentle-glow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.seasonal-text{display:flex;flex-direction:column;gap:2px}.seasonal-name{font-weight:700;font-size:.9rem;color:var(--seasonal-primary, var(--gold));text-shadow:0 0 4px var(--seasonal-primary, var(--gold))50}.seasonal-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.2}.seasonal-bonus{display:flex;flex-direction:column;align-items:center;text-align:center;border-left:1px solid var(--seasonal-secondary, var(--border-color));padding-left:8px;margin-left:8px}.bonus-label{font-size:.7rem;color:var(--text-muted);margin-bottom:2px}.bonus-value{font-size:.9rem;font-weight:700;color:var(--seasonal-accent, var(--gold));text-shadow:0 0 4px var(--seasonal-accent, var(--gold))}.seasonal-toggle{background:none;border:1px solid var(--border-color);border-radius:50%;width:32px;height:32px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--text-primary)}.seasonal-toggle:hover{background:#ffffff1a;border-color:var(--seasonal-primary, var(--gold));transform:scale(1.05)}.seasonal-toggle.enabled{border-color:var(--seasonal-primary, var(--gold));box-shadow:0 0 8px var(--seasonal-primary, var(--gold)) 30}.seasonal-toggle.disabled{opacity:.6;border-color:var(--text-muted)}.seasonal-progress{margin-top:8px;padding-top:8px;border-top:1px solid var(--seasonal-secondary, var(--border-color))}.progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:4px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--seasonal-primary, var(--gold)),var(--seasonal-accent, var(--gold-dark)));border-radius:3px;transition:width .3s ease;box-shadow:0 0 8px var(--seasonal-primary, var(--gold)) 50}.progress-text{font-size:.7rem;color:var(--text-muted);text-align:center}.seasonal-event-banner.seasonal-halloween{border-color:#ff4500;box-shadow:0 4px 12px #0000004d,0 0 20px #ff450030,0 0 40px #9932cc20}.seasonal-event-banner.seasonal-christmas{border-color:#dc143c;box-shadow:0 4px 12px #0000004d,0 0 20px #dc143c30,0 0 40px #228b2220}.seasonal-event-banner.seasonal-new-years{border-color:gold;box-shadow:0 4px 12px #0000004d,0 0 20px #ffd70030,0 0 40px #00ffff20}.seasonal-event-banner.seasonal-valentines{border-color:#ff69b4;box-shadow:0 4px 12px #0000004d,0 0 20px #ff69b430,0 0 40px #ff149320}.seasonal-event-banner.seasonal-st-patricks{border-color:#0f0;box-shadow:0 4px 12px #0000004d,0 0 20px #00ff0030,0 0 40px #ffd70020}@media(max-width:768px){.seasonal-event-banner{top:10px;right:10px;left:10px;min-width:auto;max-width:none}.seasonal-content{flex-wrap:wrap;gap:8px}.seasonal-bonus{border-left:none;border-top:1px solid var(--seasonal-secondary, var(--border-color));padding-left:0;padding-top:8px;margin-left:0;margin-top:8px;width:100%;flex-direction:row;justify-content:space-between}.seasonal-toggle{margin-left:auto}}@media(prefers-reduced-motion:reduce){.seasonal-icon{animation:none}.seasonal-toggle,.progress-fill{transition:none}}.layout{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,var(--bg-medium) 0%,var(--bg-light) 100%);border-bottom:2px solid var(--gold-dark);padding:.75rem 2rem;box-shadow:0 4px 6px var(--shadow-color)}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:2rem}.camp-name{font-size:1.6rem;color:var(--gold);margin:0;text-shadow:2px 2px 4px var(--shadow-color);font-family:Courier New,monospace;text-decoration:none;white-space:nowrap}.nav{display:flex;gap:.5rem;flex:1}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.95rem;padding:.4rem .8rem;border:2px solid transparent;border-radius:6px;transition:all .2s;font-family:Courier New,monospace}.nav-link:hover{border-color:var(--border-color);color:var(--gold-dark)}.nav-link.active{border-color:var(--gold-dark);color:var(--gold);background:#d4af371a}.header-controls{display:flex;align-items:center;gap:1rem}.connection-status{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted);font-family:Courier New,monospace}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.connected{background:#4ade80;box-shadow:0 0 6px #4ade80;animation:pulse 2s ease-in-out infinite}.status-dot.disconnected{background:#ef4444;box-shadow:0 0 6px #ef4444}.main{flex:1;padding:1.5rem;max-width:1400px;margin:0 auto;width:100%;position:relative}.main:before{content:"";position:absolute;inset:-12px;border:6px solid var(--gold-dark);background:repeating-linear-gradient(45deg,var(--gold-dark) 0px,var(--gold-dark) 6px,var(--gold) 6px,var(--gold) 12px);box-shadow:inset 0 0 0 3px var(--bg-light),inset 0 0 0 6px var(--gold-dark),inset 3px 3px 0 var(--gold),inset -3px -3px 0 var(--bg-dark),0 0 20px #ffd70040,6px 6px #0000004d;z-index:-1;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.main:after{content:"⚔️";position:absolute;top:-24px;left:50%;transform:translate(-50%);background:var(--bg-medium);border:3px solid var(--gold-dark);padding:6px 10px;font-size:1.2rem;text-shadow:1px 1px 2px var(--shadow-color);box-shadow:inset 1px 1px 0 var(--gold),inset -1px -1px 0 var(--bg-dark),0 4px 8px var(--shadow-color),3px 3px #0003;z-index:1;image-rendering:pixelated}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.header{padding:.5rem 1rem}.header-content{gap:.5rem}.camp-name{font-size:1.2rem}.nav-link{font-size:.8rem;padding:.3rem .5rem}.main{padding:.75rem}.header-controls{gap:.5rem}.connection-status{display:none}.main:before{inset:-8px;border-width:4px;box-shadow:inset 0 0 0 2px var(--bg-light),inset 0 0 0 4px var(--gold-dark),inset 2px 2px 0 var(--gold),inset -2px -2px 0 var(--bg-dark),0 0 12px #ffd70033,3px 3px #0003}.main:after{top:-16px;font-size:1rem;padding:4px 8px}}@media(max-width:375px){.header{padding:.5rem .75rem}.header-content{gap:.5rem;flex-direction:column;align-items:stretch}.camp-name{font-size:1.1rem;text-align:center;margin-bottom:.25rem}.nav{flex-wrap:wrap;gap:.25rem;justify-content:center;order:1}.nav-link{font-size:.7rem;padding:.25rem .35rem;white-space:nowrap;min-width:44px;text-align:center}.header-controls{order:0;justify-content:center;gap:.75rem;margin-bottom:.25rem}.minimap-toggle{width:36px;height:36px;font-size:1.1rem}.main{padding:.5rem}.main:before{inset:-4px;border-width:2px;box-shadow:inset 0 0 0 1px var(--bg-light),inset 0 0 0 2px var(--gold-dark),inset 1px 1px 0 var(--gold),inset -1px -1px 0 var(--bg-dark),0 0 8px #ffd70026}.main:after{top:-12px;font-size:.9rem;padding:3px 6px}}.layout.room-tavern{background:radial-gradient(ellipse at center top,rgba(255,215,0,.08) 0%,transparent 60%),radial-gradient(ellipse at center bottom,rgba(139,69,19,.05) 0%,transparent 50%),var(--bg-color)}.layout.room-tavern:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,140,0,.03) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,215,0,.02) 0%,transparent 40%);pointer-events:none;z-index:-2;animation:tavern-flicker 8s ease-in-out infinite alternate}@keyframes tavern-flicker{0%,to{opacity:1}50%{opacity:.8}}.layout.room-war-room{background:radial-gradient(ellipse at center,rgba(139,0,0,.08) 0%,transparent 50%),linear-gradient(180deg,rgba(25,25,25,.9) 0%,var(--bg-color) 100%)}.layout.room-war-room:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 10% 10%,rgba(220,20,60,.04) 0%,transparent 30%),radial-gradient(circle at 90% 90%,rgba(139,0,0,.03) 0%,transparent 30%);pointer-events:none;z-index:-2;animation:war-pulse 6s ease-in-out infinite}@keyframes war-pulse{0%,to{opacity:.7}50%{opacity:1}}.layout.room-library{background:radial-gradient(ellipse at center,rgba(0,71,171,.06) 0%,transparent 50%),linear-gradient(145deg,rgba(25,25,40,.3) 0%,var(--bg-color) 100%)}.layout.room-library:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 30% 70%,rgba(65,105,225,.04) 0%,transparent 40%),radial-gradient(circle at 70% 30%,rgba(138,43,226,.02) 0%,transparent 40%);pointer-events:none;z-index:-2;animation:library-shimmer 10s ease-in-out infinite alternate}@keyframes library-shimmer{0%,to{opacity:.8}50%{opacity:1}}.layout.room-forge{background:radial-gradient(ellipse at center bottom,rgba(255,69,0,.08) 0%,transparent 50%),linear-gradient(180deg,rgba(139,69,19,.1) 0%,var(--bg-color) 100%)}.layout.room-forge:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 80%,rgba(255,99,71,.05) 0%,transparent 40%),radial-gradient(ellipse at 80% 20%,rgba(255,140,0,.03) 0%,transparent 40%);pointer-events:none;z-index:-2;animation:forge-glow 4s ease-in-out infinite alternate}@keyframes forge-glow{0%{opacity:.6}to{opacity:1}}.layout.room-training{background:radial-gradient(ellipse at center,rgba(34,139,34,.06) 0%,transparent 50%),linear-gradient(135deg,rgba(0,100,0,.05) 0%,var(--bg-color) 100%)}.layout.room-training:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 25% 25%,rgba(50,205,50,.03) 0%,transparent 35%),radial-gradient(circle at 75% 75%,rgba(124,252,0,.02) 0%,transparent 35%);pointer-events:none;z-index:-2;animation:training-energy 5s ease-in-out infinite alternate}@keyframes training-energy{0%,to{opacity:.8}50%{opacity:1}}.layout.room-guild-hall{background:radial-gradient(ellipse at center top,rgba(138,43,226,.08) 0%,transparent 50%),linear-gradient(180deg,rgba(75,0,130,.1) 0%,var(--bg-color) 100%)}.layout.room-guild-hall:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 20%,rgba(147,112,219,.04) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(128,0,128,.03) 0%,transparent 40%);pointer-events:none;z-index:-2;animation:guild-majesty 12s ease-in-out infinite alternate}@keyframes guild-majesty{0%,to{opacity:.9}50%{opacity:.7}}.layout.room-quarters{background:radial-gradient(ellipse at center,rgba(160,82,45,.06) 0%,transparent 50%),linear-gradient(145deg,rgba(101,67,33,.08) 0%,var(--bg-color) 100%)}.layout.room-quarters:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 30% 30%,rgba(205,133,63,.03) 0%,transparent 35%),radial-gradient(circle at 70% 70%,rgba(222,184,135,.02) 0%,transparent 35%);pointer-events:none;z-index:-2;animation:quarters-comfort 15s ease-in-out infinite alternate}@keyframes quarters-comfort{0%,to{opacity:1}50%{opacity:.8}}.layout.room-quests{background:radial-gradient(ellipse at center,rgba(255,215,0,.06) 0%,transparent 50%),linear-gradient(135deg,rgba(184,134,11,.1) 0%,var(--bg-color) 100%)}.layout.room-quests:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 40% 60%,rgba(255,193,7,.04) 0%,transparent 40%),radial-gradient(circle at 60% 40%,rgba(255,235,59,.02) 0%,transparent 40%);pointer-events:none;z-index:-2;animation:quest-adventure 7s ease-in-out infinite alternate}@keyframes quest-adventure{0%,to{opacity:.9}50%{opacity:1}}.layout.room-stats{background:radial-gradient(ellipse at center,rgba(0,191,255,.06) 0%,transparent 50%),linear-gradient(145deg,rgba(0,139,139,.08) 0%,var(--bg-color) 100%)}.layout.room-stats:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 25% 75%,rgba(0,206,209,.03) 0%,transparent 35%),radial-gradient(circle at 75% 25%,rgba(64,224,208,.02) 0%,transparent 35%);pointer-events:none;z-index:-2;animation:stats-analysis 8s ease-in-out infinite alternate}@keyframes stats-analysis{0%,to{opacity:.8}50%{opacity:1}}.layout.room-conversations{background:radial-gradient(ellipse at center,rgba(255,182,193,.06) 0%,transparent 50%),linear-gradient(135deg,rgba(219,112,147,.08) 0%,var(--bg-color) 100%)}.layout.room-conversations:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 35% 35%,rgba(255,160,122,.03) 0%,transparent 40%),radial-gradient(circle at 65% 65%,rgba(255,218,185,.02) 0%,transparent 40%);pointer-events:none;z-index:-2;animation:conversation-warmth 9s ease-in-out infinite alternate}@keyframes conversation-warmth{0%,to{opacity:.9}50%{opacity:.7}}.layout.room-compare{background:linear-gradient(90deg,#8a2be20a,#ffd7000a,#228b220a),linear-gradient(135deg,rgba(75,75,75,.08) 0%,var(--bg-color) 100%)}.layout.room-compare:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(138,43,226,.02) 0%,transparent 40%),radial-gradient(circle at 80% 50%,rgba(34,139,34,.02) 0%,transparent 40%);pointer-events:none;z-index:-2;animation:compare-balance 11s ease-in-out infinite alternate}@keyframes compare-balance{0%,to{opacity:1}50%{opacity:.8}}[data-theme=dark] .layout.room-tavern:before,[data-theme=dark] .layout.room-war-room:before,[data-theme=dark] .layout.room-library:before,[data-theme=dark] .layout.room-forge:before,[data-theme=dark] .layout.room-training:before,[data-theme=dark] .layout.room-guild-hall:before,[data-theme=dark] .layout.room-quarters:before,[data-theme=dark] .layout.room-quests:before,[data-theme=dark] .layout.room-stats:before,[data-theme=dark] .layout.room-conversations:before,[data-theme=dark] .layout.room-compare:before{opacity:.5}.minimap-toggle{background:#ffd7001a;border:1px solid var(--gold-dark);color:var(--gold);font-size:1.2rem;width:32px;height:32px;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.minimap-toggle:hover{background:#ffd70033;border-color:var(--gold);transform:scale(1.05)}.minimap-toggle.active{background:#ffd7004d;border-color:var(--gold);box-shadow:0 0 8px #ffd70066}.minimap-sidebar{position:fixed;top:0;right:-420px;width:400px;height:100vh;z-index:1000;transition:right .3s ease;padding:80px 0 20px;overflow-y:auto}.minimap-sidebar.show{right:0}.minimap-backdrop{position:fixed;inset:0;background:#00000080;z-index:999;backdrop-filter:blur(2px)}@media(max-width:768px){.minimap-toggle{width:28px;height:28px;font-size:1rem}.minimap-sidebar{width:100vw;right:-100vw;padding:60px 0 20px}.minimap-sidebar.show{right:0}}.offline-indicator{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#dc2626,#b91c1c);border-bottom:2px solid #fbbf24;z-index:1000;animation:slideDown .3s ease-out}.offline-content{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;gap:.5rem;color:#fff;font-family:Courier New,monospace;font-size:.9rem}.offline-icon{font-size:1.2rem;filter:grayscale(1) brightness(.8)}.offline-text{font-weight:700}.offline-subtext{opacity:.8;font-size:.8rem;margin-left:.5rem}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.offline-icon{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}body:has(.offline-indicator) .app-container{margin-top:3rem}@media(max-width:640px){.offline-content{padding:.5rem;font-size:.8rem;flex-wrap:wrap;text-align:center}.offline-subtext{margin-left:0;width:100%;margin-top:.25rem}}.achievement-toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none;width:380px;max-width:calc(100vw - 40px)}.achievement-toast{position:relative;background:linear-gradient(135deg,#2a1810,#1a1a1a);border:3px solid #d4af37;border-radius:12px;padding:16px;box-shadow:0 8px 32px #000c,0 0 0 1px #d4af374d,inset 0 1px #ffffff1a;animation:achievement-slide-in .6s cubic-bezier(.68,-.55,.265,1.55);overflow:hidden;backdrop-filter:blur(10px);font-family:Courier New,monospace}.achievement-toast-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.3) 50%,transparent 100%);animation:achievement-shine 2s ease-in-out;pointer-events:none}.achievement-toast-content{position:relative;z-index:2}.achievement-toast-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.achievement-toast-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d4af37,gold);border-radius:50%;border:2px solid #ffd700;box-shadow:0 0 16px #ffd70099,inset 0 2px 4px #ffffff4d;animation:achievement-icon-glow 2s ease-in-out infinite alternate}.achievement-toast-badge{flex:1;text-align:center}.achievement-badge-text{background:linear-gradient(135deg,#d4af37,gold,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(255,215,0,.5);animation:achievement-badge-pulse 1.5s ease-in-out infinite}.achievement-toast-body{margin-left:60px}.achievement-toast-title{font-size:1.1rem;font-weight:700;color:gold;margin-bottom:4px;text-shadow:1px 1px 2px rgba(0,0,0,.8),0 0 8px rgba(255,215,0,.5);line-height:1.2}.achievement-toast-description{font-size:.85rem;color:#e0e0e0;line-height:1.3;opacity:.9}.achievement-toast-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:12px}.achievement-particle{position:absolute;width:4px;height:4px;background:gold;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px gold;animation:achievement-particle-float 2s ease-out var(--particle-delay, 0s);animation-fill-mode:forwards;opacity:0}@keyframes achievement-slide-in{0%{transform:translate(100%) scale(.8);opacity:0}60%{transform:translate(-10px) scale(1.05);opacity:1}80%{transform:translate(5px) scale(.98)}to{transform:translate(0) scale(1);opacity:1}}@keyframes achievement-shine{0%{left:-100%}to{left:100%}}@keyframes achievement-icon-glow{0%{box-shadow:0 0 16px #ffd70099,inset 0 2px 4px #ffffff4d}to{box-shadow:0 0 24px #ffd700e6,inset 0 2px 4px #fff6;transform:scale(1.05)}}@keyframes achievement-badge-pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes achievement-particle-float{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle, 0deg)) translateY(0)}20%{opacity:1;transform:translate(-50%,-50%) rotate(var(--particle-angle, 0deg)) translateY(-15px)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle, 0deg)) translateY(-60px) scale(.3)}}.achievement-toast.exiting{animation:achievement-slide-out .4s ease-in}@keyframes achievement-slide-out{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(100%) scale(.8);opacity:0}}@media(max-width:768px){.achievement-toast-container{top:15px;right:15px;left:15px;width:auto;max-width:none}.achievement-toast{padding:12px}.achievement-toast-icon{width:40px;height:40px;font-size:1.6rem}.achievement-toast-body{margin-left:52px}.achievement-toast-title{font-size:1rem}.achievement-toast-description{font-size:.8rem}.achievement-badge-text{font-size:.7rem}}@media(max-width:375px){.achievement-toast-container{top:10px;right:10px;left:10px}.achievement-toast{padding:10px}.achievement-toast-icon{width:36px;height:36px;font-size:1.4rem}.achievement-toast-body{margin-left:46px}.achievement-toast-title{font-size:.9rem}.achievement-toast-description{font-size:.75rem}.achievement-badge-text{font-size:.65rem}}[data-theme=light] .achievement-toast{background:linear-gradient(135deg,#f8f9fa,#fff);border-color:#d4af37;box-shadow:0 8px 32px #0003,0 0 0 1px #d4af374d,inset 0 1px #fffc}[data-theme=light] .achievement-toast-title{color:#b8860b;text-shadow:1px 1px 2px rgba(255,255,255,.8),0 0 8px rgba(184,134,11,.3)}[data-theme=light] .achievement-toast-description{color:#495057}[data-theme=light] .achievement-badge-text{background:linear-gradient(135deg,#d4af37,#b8860b,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(prefers-reduced-motion:reduce){.achievement-toast{animation:achievement-slide-in-simple .3s ease}.achievement-toast-shine,.achievement-particle,.achievement-icon,.achievement-badge-text{animation:none!important}@keyframes achievement-slide-in-simple{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}}.notification-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px;width:100%}@media(max-width:480px){.notification-container{top:10px;right:10px;left:10px;max-width:none}}.notification{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--card-bg);border:2px solid;border-radius:8px;box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff1a;animation:slideIn .3s ease-out;min-height:60px}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notification--success{border-color:#22c55e;background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.notification--error{border-color:#ef4444;background:linear-gradient(135deg,#fee2e2,#fecaca)}.notification--warning{border-color:#f59e0b;background:linear-gradient(135deg,#fef3c7,#fed7aa)}.notification--info{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.notification__icon{font-size:20px;line-height:1;flex-shrink:0;margin-top:2px}.notification__content{flex:1;min-width:0}.notification__title{font-weight:600;color:var(--text-primary);margin-bottom:4px;line-height:1.4}.notification__message{font-size:14px;color:var(--text-secondary);line-height:1.4;word-wrap:break-word}.notification__close{background:none;border:none;font-size:20px;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0;transition:all .2s ease}.notification__close:hover{background:#0000001a;color:var(--text-primary)}[data-theme=dark] .notification--success{background:linear-gradient(135deg,#064e3b,#065f46)}[data-theme=dark] .notification--error{background:linear-gradient(135deg,#7f1d1d,#991b1b)}[data-theme=dark] .notification--warning{background:linear-gradient(135deg,#78350f,#92400e)}[data-theme=dark] .notification--info{background:linear-gradient(135deg,#1e3a8a,#1e40af)}[data-theme=dark] .notification__close:hover{background:#ffffff1a}.seasonal-decorations{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.decoration-layer{position:relative;width:100%;height:100%}.floating-decoration{position:absolute;font-size:2rem;animation:float 3s ease-in-out infinite;opacity:.8;text-shadow:2px 2px 4px rgba(0,0,0,.3);filter:drop-shadow(0 0 8px var(--seasonal-primary, var(--gold)))}.floating-decoration.decoration-1{top:10%}.floating-decoration.decoration-2{top:20%}.floating-decoration.decoration-3{top:30%}.floating-decoration.decoration-4{top:40%}.floating-decoration.decoration-5{top:60%}.floating-decoration.decoration-6{top:80%}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.corner-decorations{position:absolute;width:100%;height:100%}.corner-decoration{position:absolute;font-size:3rem;opacity:.6;animation:pulse 2s ease-in-out infinite;text-shadow:2px 2px 8px rgba(0,0,0,.5)}.corner-decoration.top-left{top:20px;left:20px}.corner-decoration.top-right{top:20px;right:20px}.corner-decoration.bottom-left{bottom:20px;left:20px}.corner-decoration.bottom-right{bottom:20px;right:20px}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.8}}.particle-effect{position:absolute;width:100%;height:100%;top:0;left:0}.particle{position:absolute;width:6px;height:6px;background:var(--seasonal-accent, var(--gold));border-radius:50%;opacity:.7}.particle-effect.snowflakes .particle{background:#fff;animation:snowfall linear infinite;box-shadow:0 0 4px #fffc}@keyframes snowfall{0%{transform:translateY(-10vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(110vh) rotate(360deg);opacity:0}}.particle-effect.falling-leaves .particle{background:linear-gradient(45deg,#ff4500,gold);width:8px;height:12px;border-radius:0 50% 50%;animation:leaf-fall linear infinite}@keyframes leaf-fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}25%{transform:translate(10px) rotate(90deg)}50%{transform:translate(-10px) rotate(180deg)}75%{transform:translate(5px) rotate(270deg)}to{transform:translateY(110vh) rotate(360deg);opacity:0}}body.seasonal-halloween .floating-decoration{animation:spooky-float 4s ease-in-out infinite;filter:drop-shadow(0 0 12px #ff4500) drop-shadow(0 0 8px #9932cc)}@keyframes spooky-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(-3deg)}75%{transform:translateY(-10px) rotate(3deg)}}body.seasonal-christmas .floating-decoration{animation:twinkle-float 3s ease-in-out infinite;filter:drop-shadow(0 0 8px #dc143c) drop-shadow(0 0 4px #228b22)}@keyframes twinkle-float{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-20px) scale(1.1);opacity:1}}body.seasonal-new-years .floating-decoration{animation:celebration-float 2s ease-in-out infinite;filter:drop-shadow(0 0 10px #ffd700) drop-shadow(0 0 6px #00ffff)}@keyframes celebration-float{0%,to{transform:translateY(0) rotate(0) scale(1)}33%{transform:translateY(-25px) rotate(5deg) scale(1.2)}66%{transform:translateY(-15px) rotate(-5deg) scale(.9)}}body.seasonal-valentines .floating-decoration{animation:love-pulse 3s ease-in-out infinite;filter:drop-shadow(0 0 12px #ff69b4)}@keyframes love-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1}}body.seasonal-st-patricks .floating-decoration{animation:lucky-bounce 3s ease-in-out infinite;filter:drop-shadow(0 0 10px #00ff00) drop-shadow(0 0 4px #ffd700)}@keyframes lucky-bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(360deg)}}@media(max-width:768px){.floating-decoration{font-size:1.5rem}.corner-decoration{font-size:2rem}.corner-decoration.top-left,.corner-decoration.top-right{top:10px}.corner-decoration.bottom-left,.corner-decoration.bottom-right{bottom:10px}.corner-decoration.top-left,.corner-decoration.bottom-left{left:10px}.corner-decoration.top-right,.corner-decoration.bottom-right{right:10px}}@media(prefers-reduced-motion:reduce){.floating-decoration,.corner-decoration,.particle{animation:none!important}.floating-decoration{opacity:.4}.corner-decoration{opacity:.3}}:root{--gold: #ffd700;--gold-dark: #d4af37;--green-dark: #2d5016;--green: #4a7c2e}:root,[data-theme=dark]{--bg-dark: #0a0a0a;--bg-medium: #1a1a1a;--bg-light: #2d2d2d;--text-primary: #ffffff;--text-secondary: #aaaaaa;--text-muted: #888888;--border-color: #333333;--shadow-color: rgba(0, 0, 0, .3)}[data-theme=light]{--bg-dark: #f8f9fa;--bg-medium: #e9ecef;--bg-light: #dee2e6;--text-primary: #212529;--text-secondary: #495057;--text-muted: #6c757d;--border-color: #ced4da;--shadow-color: rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Courier New,Courier,monospace;background:var(--bg-dark);color:var(--text-primary);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;transition:background-color .3s ease,color .3s ease}#root{min-height:100vh}h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-family:Courier New,monospace}::selection{background:var(--gold-dark);color:var(--bg-dark)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-medium)}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}@media(max-width:375px){body{font-size:14px}h1{font-size:1.5rem}h2{font-size:1.3rem}h3{font-size:1.1rem}*{max-width:100%}button,.nav-link,.agent-card{min-height:44px}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:2rem}.loading-spinner{position:relative;width:60px;height:60px;margin-bottom:1rem}.spinner-ring{position:absolute;border:4px solid transparent;border-top:4px solid var(--gold);border-radius:50%;animation:spin 1s linear infinite}.spinner-ring:nth-child(1){width:60px;height:60px;animation-delay:0s}.spinner-ring:nth-child(2){width:45px;height:45px;top:7.5px;left:7.5px;animation-delay:-.3s;border-top-color:var(--gold-dark)}.spinner-ring:nth-child(3){width:30px;height:30px;top:15px;left:15px;animation-delay:-.6s;border-top-color:var(--green)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{color:var(--text-secondary);font-size:.9rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}.card{background:var(--bg-medium);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #0000001a,0 1px 2px #0000000d;transition:all .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px)}.card:hover{box-shadow:0 4px 8px #00000026,0 2px 4px #0000001a;transform:translateY(-1px)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.9rem}.form-input{width:100%;padding:12px 16px;background:var(--bg-light);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:Courier New,monospace;font-size:.9rem;transition:all .2s ease;outline:none}.form-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #ffd70033;background:var(--bg-medium)}.form-input::placeholder{color:var(--text-muted);opacity:.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--gold);color:var(--bg-dark);border:none;border-radius:6px;font-family:Courier New,monospace;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-decoration:none;user-select:none;min-height:44px}.btn:hover{background:var(--gold-dark);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modal-fade-in .2s ease}.modal-content{background:var(--bg-medium);border:1px solid var(--border-color);border-radius:16px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d,0 4px 12px #0003;animation:modal-slide-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:.5em;color:var(--text-primary)}.text-gradient{background:linear-gradient(135deg,var(--gold),var(--gold-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-visible{outline:2px solid var(--gold);outline-offset:2px}.toast{position:fixed;top:20px;right:20px;background:var(--bg-medium);border:1px solid var(--border-color);border-radius:8px;padding:16px;box-shadow:0 4px 12px #00000026;max-width:400px;z-index:1100;animation:toast-slide-in .3s ease}.toast.success{border-left:4px solid #4ade80}.toast.error{border-left:4px solid #f87171}.toast.warning{border-left:4px solid #fbbf24}.toast.info{border-left:4px solid #60a5fa}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}