.threat-meter-container{color:#fff;padding:1rem;text-align:center}.threat-meter-title{font-size:1rem;font-weight:700;letter-spacing:.1em;margin-bottom:.75rem;text-transform:uppercase}.threat-meter-bar-background{background-color:#1e2a47;border:2px solid #26418f;border-radius:10px;box-shadow:inset 0 2px 4px #0006;height:20px;overflow:hidden;width:100%}.threat-meter-bar-foreground{background:linear-gradient(90deg,#f9d423,#ff4e50);border-radius:8px;box-shadow:0 0 10px #ff4e50,0 0 5px #f9d423;height:100%;transition:width .5s ease-in-out}.threat-meter-level-text{font-size:1.1rem;font-weight:700;margin-top:.5rem;transition:color .3s ease}.threat-meter-adapting .threat-meter-bar-background{animation:pulse-border 1.25s ease-in-out infinite}.threat-meter-adapting .threat-meter-level-text{color:#ff4e50}@keyframes pulse-border{0%{box-shadow:inset 0 2px 4px #0006,0 0 0 0 #ff4e50b3}70%{box-shadow:inset 0 2px 4px #0006,0 0 10px 5px #ff4e5000}to{box-shadow:inset 0 2px 4px #0006,0 0 0 0 #ff4e5000}}.enhanced-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f172af2,#1e293bf2 50%,#334155f2);border-left:1px solid #ffffff1a;box-shadow:-10px 0 30px #0000004d;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh;position:fixed;right:0;top:0;width:400px;z-index:1000}.sidebar-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.sidebar-title{color:#f1f5f9;font-size:1.2rem;font-weight:700;text-shadow:0 0 10px #ffffff4d}.close-button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#f1f5f9;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.close-button:hover{background:#fff3;transform:scale(1.1)}.close-icon{font-size:20px;font-weight:700}.sidebar-nav{background:#ffffff08;border-bottom:1px solid #ffffff1a;gap:0;justify-content:space-between;padding:16px 12px;width:100%}.nav-button,.sidebar-nav{align-items:center;display:flex}.nav-button{background:#0000;border:none;border-radius:12px;color:#94a3b8;cursor:pointer;flex:1 1;flex-direction:column;gap:4px;justify-content:center;max-width:70px;min-height:60px;padding:8px 6px;position:relative;transition:all .3s ease}.nav-button:hover{background:#ffffff1a;color:#f1f5f9;transform:translateY(-2px)}.nav-button.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 20px #3b82f666;color:#fff}.nav-button.active:after{animation:pulse 2s infinite;background:#3b82f6;border-radius:50%;bottom:-8px;content:"";height:6px;left:50%;position:absolute;transform:translateX(-50%);width:6px}.nav-icon{font-size:1.2rem;margin-bottom:2px}.nav-label{word-wrap:break-word;font-size:.65rem;font-weight:600;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.3px;line-height:1.1;text-align:center;text-transform:uppercase}.sidebar-content{flex:1 1;overflow-y:auto;padding:16px;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:#0000}.sidebar-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.section-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:16px;padding:20px;transition:all .3s ease}.section-card:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 8px 30px #0003;transform:translateY(-2px)}.section-title{color:#f1f5f9;font-size:1rem;font-weight:700;letter-spacing:1px;margin-bottom:16px;text-align:center;text-transform:uppercase}.quick-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.quick-stat{background:#ffffff0d;border-radius:12px;padding:12px;text-align:center;transition:all .3s ease}.quick-stat:hover{background:#ffffff1a;transform:scale(1.05)}.stat-value{font-size:1.5rem;margin-bottom:4px}.stat-value.wins{color:#10b981}.stat-value.losses{color:#ef4444}.stat-value.draws{color:#f59e0b}.stat-value.streak{color:#8b5cf6}.stat-label{font-size:.75rem;letter-spacing:.5px}.game-info{gap:8px}.info-row{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-label{color:#94a3b8;font-size:.85rem;font-weight:600}.info-value{color:#f1f5f9;font-size:.9rem;font-weight:700}.win-rate-circle{display:flex;justify-content:center;margin-bottom:24px}.circle-progress{height:120px;position:relative;width:120px}.circle-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.percentage{color:#f1f5f9;font-size:1.5rem;font-weight:900;line-height:1}.label{color:#94a3b8;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stats-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.stat-card{background:#ffffff0d;border:1px solid #ffffff1a;padding:16px;transition:all .3s ease}.stat-card:hover{background:#ffffff1a;box-shadow:0 4px 20px #0003;transform:translateY(-2px)}.stat-icon{font-size:1.5rem;margin-bottom:8px}.stat-number{color:#f1f5f9;font-size:1.2rem;font-weight:900;margin-bottom:4px}.stat-text{color:#94a3b8;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.trend-indicator{background:#ffffff0d;border-radius:12px;padding:16px;text-align:center}.trend-up{color:#10b981}.trend-neutral{color:#94a3b8}.trend-icon{font-size:1.5rem;margin-right:8px}.trend-text{font-size:.9rem;font-weight:600}.history-list{max-height:500px;overflow-y:auto;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-track{background:#0000}.history-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.game-summary{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:16px}.summary-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.summary-item{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.summary-label{color:#94a3b8;font-size:.8rem;font-weight:600}.summary-value{color:#f1f5f9;font-size:.8rem;font-weight:700}.enhanced-history-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:12px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.enhanced-history-item:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 4px 20px #0003;transform:translateY(-1px)}.move-header{border-bottom:1px solid #ffffff1a;margin-bottom:12px;padding-bottom:8px}.move-number-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;color:#fff;font-size:.7rem;font-weight:700;min-width:28px;padding:4px 8px;text-align:center}.move-player{align-items:center;display:flex;gap:6px}.player-disc{border-radius:50%;box-shadow:0 0 8px #0000004d;flex-shrink:0;height:14px;width:14px}.move-player.red .player-disc{background:#ef4444;box-shadow:0 0 10px #ef444499}.move-player.yellow .player-disc{background:#fbbf24;box-shadow:0 0 10px #fbbf2499}.player-name{color:#f1f5f9;font-size:.8rem;font-weight:700}.move-time{color:#94a3b8;font-size:.7rem;font-weight:500}.move-details{display:flex;flex-direction:column;gap:10px}.move-main-info{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr}.column-info{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;padding:8px}.column-label{font-size:.65rem;margin-bottom:2px;text-transform:uppercase}.column-value{color:#f1f5f9;font-size:1rem;font-weight:900}.move-type{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;padding:8px}.type-icon{font-size:1.2rem;margin-bottom:2px}.type-text{color:#f1f5f9;font-size:.65rem;font-weight:600;text-transform:capitalize}.move-evaluation{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;padding:8px}.eval-dot{animation:pulse-dot 2s infinite;border-radius:50%;height:8px;margin-bottom:4px;width:8px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.eval-text{font-size:.65rem;font-weight:600;text-transform:capitalize}.move-analytics{background:#ffffff08;border-radius:8px;padding:10px}.analytics-row{display:flex;justify-content:space-between;margin-bottom:8px}.analytics-item{align-items:center;color:#94a3b8;display:flex;font-size:.7rem;font-weight:600;gap:4px}.analytics-icon{font-size:.9rem}.analytics-text{color:#f1f5f9}.move-consequence{align-items:center;background:#ffffff0d;border-left:3px solid #3b82f6;border-radius:6px;display:flex;gap:6px;padding:6px 8px}.consequence-icon{flex-shrink:0;font-size:.9rem}.consequence-text{color:#f1f5f9;font-size:.7rem;font-style:italic;font-weight:500}.history-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .3s ease}.history-item:hover{background:#ffffff1a;transform:translateX(4px)}.move-number{color:#94a3b8;font-size:.8rem;font-weight:700;min-width:20px}.move-column{align-items:center;display:flex;gap:4px;margin-left:auto}.column-arrow{color:#94a3b8;font-size:.8rem}.column-number{color:#f1f5f9;font-size:.8rem;font-weight:600}.empty-history{color:#64748b;padding:40px 20px;text-align:center}.empty-icon{animation:bounce 2s infinite;display:block;font-size:2.5rem;margin-bottom:12px}.empty-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background-clip:text;-webkit-background-clip:text;font-size:.9rem;font-weight:600}.column-analysis{align-items:end;background:#ffffff08;border-radius:12px;display:flex;gap:8px;justify-content:space-between;margin-bottom:24px;padding:16px}.column-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.column-label{color:#94a3b8;font-size:.7rem;font-weight:600}.bar-container{background:#ffffff1a;border-radius:4px;height:60px;overflow:hidden;position:relative;width:100%}.usage-bar{background:linear-gradient(0deg,#3b82f6,#60a5fa);border-radius:4px;bottom:0;left:0;position:absolute;right:0;transition:height .8s ease}.column-count{color:#f1f5f9;font-size:.7rem;font-weight:600}.pattern-comparison{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.pattern-section{background:#ffffff08;border-radius:12px;padding:16px}.pattern-title{color:#f1f5f9;font-size:.8rem;font-weight:600;margin-bottom:12px;text-align:center}.pattern-bars{align-items:end;display:flex;gap:4px;height:40px;justify-content:space-between}.pattern-bar{background:#ffffff1a;border-radius:2px;flex:1 1;height:100%;overflow:hidden;position:relative}.pattern-bar.red .bar-fill{background:linear-gradient(0deg,#ef4444,#f87171)}.pattern-bar.yellow .bar-fill{background:linear-gradient(0deg,#fbbf24,#fcd34d)}.bar-fill{border-radius:2px;bottom:0;left:0;position:absolute;right:0;transition:height .8s ease}.insights-list{gap:12px}.insight-item{background:#ffffff0d;border-radius:10px;padding:12px;transition:all .3s ease}.insight-item:hover{background:#ffffff1a;transform:translateX(4px)}.insight-icon{flex-shrink:0;font-size:1.2rem}.insight-text{color:#f1f5f9;font-weight:600}.achievements-grid{grid-gap:12px;gap:12px;grid-template-columns:1fr}.achievement{align-items:center;border-radius:12px;display:flex;gap:16px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.achievement.unlocked{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid #10b9814d}.achievement.unlocked:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#10b9811a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.achievement.locked{background:#ffffff08;border:1px solid #ffffff1a;opacity:.6}.achievement-icon{flex-shrink:0;font-size:2rem}.achievement.unlocked .achievement-icon{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.achievement-name{color:#f1f5f9;font-size:.9rem;font-weight:700;margin-bottom:2px}.achievement.unlocked .achievement-name{color:#10b981}.achievement-desc{color:#94a3b8;font-size:.75rem;font-weight:500}@media (max-width:768px){.enhanced-sidebar{height:100vh;width:100vw}.sidebar-nav{flex-wrap:wrap;justify-content:center}.nav-button{min-width:50px}.nav-label{display:none}.pattern-comparison,.quick-stats-grid,.stats-grid{grid-template-columns:1fr}.column-analysis{flex-wrap:wrap;gap:4px}}@media (max-width:480px){.enhanced-sidebar{width:100vw}.sidebar-header{padding:16px 20px}.sidebar-title{font-size:1rem}.section-card{padding:16px}.section-title{font-size:.9rem}}.ai-performance-metrics{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:20px}.subsection-title{color:#cbd5e1;font-size:.9rem;font-weight:600;margin-bottom:12px}.ai-metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.ai-metric{display:flex;flex-direction:column;gap:4px}.metric-label{color:#94a3b8;font-size:.75rem}.metric-value{color:#f1f5f9;font-size:.9rem}.games-history-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.historical-game-item{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:16px;transition:all .3s ease}.historical-game-item:hover{background:#ffffff14;box-shadow:-4px 0 12px #3b82f633;transform:translateX(-4px)}.game-header{margin-bottom:12px}.game-number{color:#60a5fa;font-size:.9rem;font-weight:600}.game-date{color:#94a3b8;font-size:.75rem}.game-details{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.game-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.game-stat .stat-icon{font-size:1.2rem}.game-stat .stat-text{color:#cbd5e1;font-size:.7rem;text-align:center}.strategies-used{border-top:1px solid #ffffff0d;margin-top:12px;padding-top:12px}.strategies-label{color:#94a3b8;display:block;font-size:.75rem;margin-bottom:8px}.strategy-tags{gap:6px}.strategy-tag{border-radius:16px;font-size:.7rem;font-weight:500;padding:4px 10px}.move-explanation{display:flex;flex-direction:column;gap:16px}.move-explanation .move-header{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.move-player{color:#f1f5f9;font-weight:600}.move-column{color:#94a3b8}.confidence-badge{border-radius:16px;font-size:.8rem;font-weight:500;padding:4px 12px}.reasoning-section{background:#ffffff08;border-radius:8px;padding:16px}.reasoning-section h4{color:#cbd5e1;font-size:.9rem;margin-bottom:8px}.primary-reason{color:#f1f5f9;font-size:.9rem;margin-bottom:12px}.reasoning-factors{display:flex;flex-direction:column;gap:8px}.factor-item{align-items:flex-start;display:flex;gap:8px}.factor-icon{color:#60a5fa;flex-shrink:0}.factor-text{color:#94a3b8;font-size:.85rem}.threat-assessment{margin-top:12px}.threat-indicator{border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px}.threat-indicator.low{background:#22c55e1a;border:1px solid #22c55e4d}.threat-indicator.medium{background:#fbbf241a;border:1px solid #fbbf244d}.threat-indicator.high{background:#ef44441a;border:1px solid #ef44444d}.threat-indicator.critical{animation:pulse 2s infinite;background:#ef444433;border:1px solid #ef444480}.threat-level{font-size:.8rem;font-weight:600}.threat-desc{color:#cbd5e1;font-size:.85rem}.ml-insights{background:#3b82f60d;border:1px solid #3b82f633;border-radius:8px;padding:16px}.ml-insights h4{color:#60a5fa;font-size:.9rem;margin-bottom:12px}.insight-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.insight-item{flex-direction:column;gap:4px}.top-features h5{color:#94a3b8;font-size:.8rem;margin-bottom:8px}.feature-item{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto auto;margin-bottom:8px}.feature-name{color:#cbd5e1;font-size:.75rem}.feature-bar{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden;width:60px}.feature-fill{background:#60a5fa;height:100%}.feature-value{color:#94a3b8;font-size:.7rem}.coordination-data{background:#a855f70d;border:1px solid #a855f733;border-radius:8px;padding:16px}.coordination-data h4{color:#a78bfa;font-size:.9rem;margin-bottom:12px}.strategies-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.strategy-chip{background:#a855f733;border-radius:12px;color:#a78bfa;font-size:.75rem;padding:4px 10px}.learning-impact{background:#22c55e0d;border:1px solid #22c55e33;border-radius:8px;padding:16px}.learning-impact h4{color:#22c55e;font-size:.9rem;margin-bottom:12px}.impact-badge{border-radius:16px;display:inline-block;font-size:.8rem;margin-bottom:8px;padding:6px 12px}.impact-badge.pattern{background:#3b82f633;color:#60a5fa}.impact-badge.adaptation{background:#22c55e33;color:#22c55e}.board-analysis{display:flex;flex-direction:column;gap:20px}.board-state-section h4,.continuous-learning h4,.predicted-outcome h4,.strategic-assessment h4{color:#cbd5e1;font-size:.9rem;margin-bottom:12px}.control-meter{margin-bottom:16px}.control-bars{border-radius:12px;display:flex;height:24px;margin-top:8px;overflow:hidden}.control-bar{align-items:center;color:#fff;display:flex;font-size:.75rem;font-weight:600;justify-content:center}.control-bar.player{background:#ef4444}.control-bar.contested{background:#6b7280}.control-bar.ai{background:#fbbf24}.threats-opportunities{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.opportunities h5,.threats h5{color:#94a3b8;font-size:.8rem;margin-bottom:8px}.opportunity-item,.threat-item{align-items:center;display:flex;font-size:.75rem;gap:8px;margin-bottom:6px}.position{color:#64748b}.type{color:#cbd5e1}.severity{border-radius:4px;font-size:.7rem;padding:2px 6px}.severity.level-1{background:#22c55e33;color:#22c55e}.severity.level-2{background:#fbbf2433;color:#fbbf24}.severity.level-3{background:#ef444433;color:#ef4444}.current-strategy{background:#ffffff08;border-radius:8px;margin-bottom:12px;padding:12px}.strategy-name{color:#60a5fa;font-weight:600;margin-left:8px}.effectiveness-meter{background:#ffffff1a;border-radius:10px;height:20px;margin-top:8px;overflow:hidden;position:relative}.effectiveness-fill{background:linear-gradient(90deg,#ef4444,#fbbf24 50%,#22c55e);height:100%;transition:width .5s ease}.effectiveness-value{color:#fff;font-size:.75rem;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.alternative-strategies{margin-bottom:12px}.alt-strategy{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:8px 0}.recommendation{align-items:flex-start;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;display:flex;gap:8px;padding:12px}.rec-icon{font-size:1.2rem}.rec-text{color:#cbd5e1;font-size:.85rem}.win-probabilities{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.prob-item{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:80px 1fr 50px}.prob-bar{background:#ffffff1a;border-radius:8px;height:16px;overflow:hidden}.prob-fill{height:100%;transition:width .5s ease}.prob-item.player .prob-fill{background:#ef4444}.prob-item.ai .prob-fill{background:#fbbf24}.prob-item.draw .prob-fill{background:#6b7280}.prob-value{font-size:.85rem;font-weight:600;text-align:right}.moves-remaining{background:#ffffff08;border-radius:6px;color:#94a3b8;font-size:.85rem;padding:8px;text-align:center}.learning-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.learning-metrics .metric{display:flex;flex-direction:column;gap:4px}.pattern-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pattern-chip{background:#3b82f633;border-radius:12px;color:#60a5fa;font-size:.75rem;padding:4px 10px}.recent-insights{margin-top:16px}.recent-insights h5{color:#94a3b8;font-size:.8rem;margin-bottom:8px}.recent-insights .insight-item{align-items:flex-start;display:flex;gap:8px;margin-bottom:8px}.insight-icon{font-size:.9rem}.insight-text{color:#cbd5e1;font-size:.85rem}.move-history-list{display:flex;flex-direction:column;gap:12px}.history-move-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;padding:12px}.move-summary{align-items:center;display:flex;gap:8px;margin-bottom:8px}.move-number{color:#64748b;font-size:.75rem}.move-player-chip{border-radius:12px;font-size:.75rem;padding:2px 8px}.move-player-chip.red{background:#ef444433;color:#ef4444}.move-player-chip.yellow{background:#fbbf2433;color:#fbbf24}.move-col{color:#94a3b8;font-size:.75rem}.confidence-mini{color:#60a5fa;font-size:.75rem;font-weight:600;margin-left:auto}.move-reason{color:#cbd5e1;font-size:.8rem}@media (prefers-color-scheme:dark){.enhanced-sidebar{background:linear-gradient(135deg,#030712fa,#0f172afa 50%,#1e293bfa)}}.immediate-analysis{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-top:16px;padding:16px}.immediate-analysis.urgency-critical{background:#ef44440d;border-color:#ef4444}.immediate-analysis.urgency-high{background:#f59e0b0d;border-color:#f59e0b}.immediate-analysis.urgency-medium{background:#3b82f60d;border-color:#3b82f6}.immediate-analysis.urgency-low{background:#10b9810d;border-color:#10b981}.immediate-analysis h4{align-items:center;display:flex;gap:8px;margin-bottom:12px}.urgency-icon{font-size:1.2rem}.immediate-content{display:flex;flex-direction:column;gap:12px}.critical-alert{animation:pulse 2s infinite;background:#ef444426;border-radius:8px;color:#f87171;font-weight:600;padding:8px 12px;text-align:center}.time-recommendation{color:#e2e8f0;font-size:.9rem;line-height:1.4}.key-factors{margin-top:8px}.factors-label{color:#94a3b8;display:block;font-size:.85rem;font-weight:600;margin-bottom:4px}.key-factors ul{list-style:none;margin:0;padding:0}.key-factors li{color:#cbd5e1;font-size:.85rem;padding:4px 0 4px 16px;position:relative}.key-factors li:before{color:#64748b;content:"→";left:0;position:absolute}.recommended-moves{background:#10b98108;border:1px solid #10b98133;border-radius:12px;margin-top:16px;padding:16px}.recommended-moves h4{color:#10b981;margin-bottom:12px}.moves-list{gap:12px}.recommended-move{background:#ffffff08;border:1px solid #10b9811a;border-radius:8px;padding:12px}.move-header{margin-bottom:8px}.column-indicator{background:#10b98126;border-radius:6px;color:#10b981;font-size:.85rem;font-weight:600;padding:4px 8px}.move-score{color:#10b981;font-size:.9rem;font-weight:600}.move-reasoning{color:#e2e8f0;font-size:.85rem;margin-bottom:6px}.move-outcome{color:#94a3b8;font-size:.8rem;font-style:italic}.moves-to-avoid{background:#ef444408;border:1px solid #ef444433;border-radius:12px;margin-top:16px;padding:16px}.moves-to-avoid h4{color:#f59e0b;margin-bottom:12px}.avoid-move{background:#ffffff08;border:1px solid #ef44441a;border-radius:8px;padding:12px}.risk-level{font-size:.9rem;font-weight:600}.move-warning{color:#fbbf24;font-size:.85rem;font-weight:500;margin-bottom:6px}.move-consequence{color:#fca5a5;font-size:.8rem;font-style:italic}.landing-container{-webkit-font-smoothing:antialiased;align-items:center;animation:gradientFlow 15s ease infinite;background:linear-gradient(135deg,#1e3a8a,#1e40af 25%,#3b82f6 50%,#1e40af 75%,#1e3a8a);background-size:400% 400%;display:flex;flex-direction:column;isolation:isolate;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem 2rem clamp(72px,10vh,120px);position:relative;text-rendering:optimizeLegibility}.landing-container:before{background:radial-gradient(80% 60% at 50% 20%,#ffffff0f 0,#ffffff05 25%,#0000 60%),radial-gradient(60% 50% at 50% 110%,#00000040 0,#0000 60%);content:"";inset:-20% -10% -10% -10%;pointer-events:none;position:absolute;z-index:0}.title-animation{margin-bottom:2rem;position:relative;text-align:center;z-index:10}.title-gradient{-webkit-text-fill-color:#0000;animation:gradientBG 8s ease infinite,titleGlow 2s ease-in-out infinite alternate;background:linear-gradient(270deg,#9ae6b4,#60a5fa,#fbcfe8,#fde68a,#9ae6b4);-webkit-background-clip:text;background-clip:text;background-size:400% 400%;filter:drop-shadow(0 0 16px rgba(255,255,255,.18));letter-spacing:.5px;text-shadow:0 6px 24px #00000040}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hover-wiggle:hover{animation:wiggle .8s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}.title-float{animation:titleFloat 6s ease-in-out infinite}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.disc-row{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.disc{animation:discFloat 3s ease-in-out infinite;box-shadow:0 8px 32px #0000004d;height:60px;width:60px}.disc.red{background:linear-gradient(135deg,#f44,#c00);box-shadow:0 8px 32px #f446}.disc.yellow{background:linear-gradient(135deg,#fd4,#fa0);box-shadow:0 8px 32px #fd46}.disc-animation{animation:discFloat 3s ease-in-out infinite}.delay-200{animation-delay:.2s}.delay-400{animation-delay:.4s}.delay-600{animation-delay:.6s}@keyframes discFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.1)}}.bounce{animation:bounceIn .8s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(100px)}60%{opacity:1;transform:scale(1.1) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ai-showcase-section{max-width:500px;position:relative;width:100%;z-index:10}.current-ai-display{animation:aiDisplayGlow 4s ease-in-out infinite alternate;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff2e;box-shadow:0 24px 60px #02061759}@keyframes aiDisplayGlow{0%{box-shadow:0 0 20px #ffffff1a}to{box-shadow:0 0 40px #fff3}}.ai-avatar{align-items:center;animation:avatarPulse 2s ease-in-out infinite;border-radius:50%;box-shadow:0 8px 24px #00000059;display:flex;height:60px;justify-content:center;width:60px}@keyframes avatarPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.threat-badge{animation:badgeGlow 2s ease-in-out infinite alternate;border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:700;margin-top:8px;padding:4px 12px}@keyframes badgeGlow{0%{box-shadow:0 0 10px #0000004d}to{box-shadow:0 0 20px currentColor}}.action-buttons-section{max-width:400px;position:relative;width:100%;z-index:10}.primary-action-button{align-items:center;border:none;border-radius:20px;box-shadow:0 14px 36px #00000059;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:1.1rem;font-weight:800;gap:4px;letter-spacing:1px;overflow:hidden;padding:20px 30px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.primary-action-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.primary-action-button:hover:before{left:100%}.primary-action-button:focus-visible{box-shadow:0 0 0 4px #ffffff2e,0 14px 36px #00000059;outline:none}.button-icon{font-size:1.5rem;margin-bottom:4px}.button-text{font-weight:900}.button-subtitle{font-weight:600;opacity:.9}.secondary-buttons{justify-content:center}.secondary-action-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:600;gap:4px;min-width:120px;padding:12px 20px;transition:all .3s ease}.secondary-action-button:hover{background:#fff3;border-color:#ffffff80;box-shadow:0 5px 20px #ffffff1a}.secondary-action-button:focus-visible{box-shadow:0 0 0 3px #ffffff38,0 10px 24px #00000040;outline:none}.secondary-action-button .button-icon{font-size:1.2rem;margin-bottom:2px}.secondary-action-button .button-text{font-size:.9rem;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.difficulty-modal,.info-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #0006}.difficulty-grid{max-height:400px;overflow-y:auto;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.difficulty-grid::-webkit-scrollbar{width:6px}.difficulty-grid::-webkit-scrollbar-track{background:#0000}.difficulty-grid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.difficulty-option{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.difficulty-option:hover{transform:translateY(-2px)}@media (max-width:768px){.landing-container{padding:1rem 1rem 96px}.title-gradient{font-size:3rem}.disc{height:45px;width:45px}.disc-row{gap:.5rem}.ai-showcase-section{margin-top:1.5rem}.current-ai-display{padding:1rem}.ai-avatar{height:50px;width:50px}.primary-action-button{font-size:1rem;padding:16px 24px}.secondary-buttons{flex-direction:column;gap:12px}.secondary-action-button{padding:12px 16px;width:100%}.difficulty-grid{grid-template-columns:1fr}.difficulty-modal,.info-modal{padding:1.5rem}}@media (max-width:480px){.title-gradient{font-size:2.5rem}.disc{height:35px;width:35px}.current-ai-display{padding:.75rem}.ai-avatar{height:40px;width:40px}.primary-action-button{font-size:.9rem;padding:14px 20px}.button-text{font-size:.9rem}.button-subtitle{font-size:.7rem}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes selectedGlow{0%,to{box-shadow:0 0 20px #ffffff4d}50%{box-shadow:0 0 30px #ffffff80}}@media (prefers-reduced-motion:reduce){.ai-avatar,.bounce,.current-ai-display,.disc-animation,.landing-container,.threat-badge,.title-gradient{animation:none!important}.primary-action-button,.secondary-action-button{transition:none}}.victory-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.victory-modal-container{background:linear-gradient(135deg,#1e293b,#334155);border:3px solid #3b82f6;border-radius:24px;box-shadow:0 0 50px #3b82f666;max-height:90vh;max-width:600px;overflow-y:auto;padding:40px;position:relative;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin;width:100%}.victory-modal-container::-webkit-scrollbar{width:8px}.victory-modal-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.victory-modal-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.victory-modal-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.victory-modal-container:before{animation:borderShine 3s linear infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);border-radius:24px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes borderShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.victory-particles{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.victory-particle{background:gold;border-radius:50%;box-shadow:0 0 10px currentColor;height:8px;position:absolute;width:8px}.victory-modal-content{color:#fff;position:relative;text-align:center;z-index:2}.result-header{margin-bottom:30px}.result-emoji{display:block;filter:drop-shadow(0 0 20px rgba(255,215,0,.8));font-size:4rem;margin-bottom:15px}.result-title{-webkit-text-fill-color:#0000;animation:titleGlow 2s ease-in-out infinite alternate;background:linear-gradient(45deg,#fff,#f0f0f0);background-clip:text;-webkit-background-clip:text;font-size:2.5rem;font-weight:900;margin-bottom:10px;text-shadow:0 0 30px #ffffff80}@keyframes titleGlow{0%{text-shadow:0 0 20px #ffffff80}to{text-shadow:0 0 40px #fffc}}.result-subtitle{color:#cbd5e1;font-size:1.2rem;font-weight:600;opacity:.9}.level-info-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;margin:25px 0;padding:25px}.current-level-display{gap:20px}.current-level-display,.level-badge{align-items:center;display:flex;justify-content:center}.level-badge{animation:levelBadgePulse 2s ease-in-out infinite;background:#3b82f6;border-radius:50%;box-shadow:0 0 25px #3b82f699;flex-direction:column;height:80px;width:80px}@keyframes levelBadgePulse{0%,to{box-shadow:0 0 25px #3b82f699;transform:scale(1)}50%{box-shadow:0 0 35px #3b82f6cc;transform:scale(1.05)}}.level-number{color:#fff;font-size:1.8rem;font-weight:900;line-height:1}.level-label{color:#fffc;font-size:.7rem;font-weight:700;letter-spacing:1px}.threat-level-info{text-align:left}.threat-level-name{font-size:1.5rem;font-weight:900;letter-spacing:2px;margin-bottom:5px;text-shadow:0 0 15px currentColor}.ai-personality{color:#94a3b8;font-size:1rem;font-weight:600}.unlock-text{animation:unlockPulse 1s ease-in-out infinite;color:#10b981;font-size:.9rem;font-weight:700;letter-spacing:1px}@keyframes unlockPulse{0%,to{opacity:1}50%{opacity:.6}}.level-progression{align-items:center;border-top:1px solid #fff3;display:flex;gap:25px;justify-content:center;margin-top:25px;padding-top:25px}.progression-arrow{animation:arrowBounce 1s ease-in-out infinite;color:#10b981;font-size:2rem;font-weight:900}@keyframes arrowBounce{0%,to{transform:translateX(0)}50%{transform:translateX(10px)}}.next-level-display{align-items:center;display:flex;gap:20px}.stats-display{background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;margin:25px 0;padding:20px}.stats-display h3{color:#e2e8f0;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-bottom:15px}.stats-grid{grid-template-columns:repeat(4,1fr)}.stat-item{background:#ffffff0d;border-radius:12px;padding:15px 10px;text-align:center;transition:all .3s ease}.stat-item:hover{background:#ffffff1a;transform:translateY(-2px)}.stat-value{font-size:1.8rem;font-weight:900;text-shadow:0 0 10px currentColor}.stat-label{color:#94a3b8;font-size:.8rem;font-weight:600}.action-buttons{display:flex;flex-direction:column;gap:15px;margin-top:30px}.action-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #0000;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;overflow:hidden;padding:15px 25px;position:relative;text-align:center;transition:all .3s ease}.action-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.action-button:hover:before{left:100%}.next-level-button{animation:nextLevelGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}@keyframes nextLevelGlow{0%{box-shadow:0 0 20px #10b98166}to{box-shadow:0 0 30px #10b98199}}.replay-button{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b}.quit-button{background:linear-gradient(135deg,#6b7280,#4b5563);border-color:#6b7280}.button-text{display:block;font-size:1.1rem;font-weight:800;letter-spacing:1px;margin-bottom:3px}.button-subtitle{display:block;font-size:.8rem;font-weight:500;opacity:.8}.motivational-message{background:#ffffff0d;border-left:4px solid #3b82f6;border-radius:12px;margin-top:25px;padding:20px}.motivational-message p{color:#cbd5e1;font-size:1rem;line-height:1.6;margin-bottom:10px}.motivational-message p:last-child{margin-bottom:0}.bonus-message{animation:bonusGlow 2s ease-in-out infinite alternate;color:#fbbf24!important;font-weight:600}@keyframes bonusGlow{0%{text-shadow:0 0 10px #fbbf2480}to{text-shadow:0 0 20px #fbbf24cc}}.nightmare-message{animation:nightmareFlicker 1.5s ease-in-out infinite;color:#ef4444!important;font-weight:700}@keyframes nightmareFlicker{0%,to{opacity:1;text-shadow:0 0 15px #ef4444cc}50%{opacity:.7;text-shadow:0 0 25px #ef4444}}@media (max-width:768px){.victory-modal-container{margin:10px;padding:25px}.result-title{font-size:2rem}.result-emoji{font-size:3rem}.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.current-level-display,.level-progression{flex-direction:column;gap:15px}.progression-arrow{font-size:1.5rem;transform:rotate(90deg)}.level-badge{height:60px;width:60px}.level-number{font-size:1.4rem}.threat-level-name{font-size:1.2rem}}@media (max-width:480px){.victory-modal-container{padding:20px}.result-title{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.action-button{padding:12px 20px}.button-text{font-size:1rem}}.loading-background{animation:gradientFlow 15s ease infinite;background:linear-gradient(135deg,#1e3a8a,#1e40af 25%,#3b82f6 50%,#1e40af 75%,#1e3a8a);background-size:400% 400%}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.connect-four-board{background:linear-gradient(145deg,#1e40af,#3b82f6);box-shadow:inset 0 2px 4px #0003,0 4px 8px #0000001a}@keyframes discDrop{0%{opacity:0;transform:translateY(-200px) scale(.8)}70%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}.disc-drop{animation:discDrop .6s cubic-bezier(.68,-.55,.265,1.55)}.connect-four-disc{background:radial-gradient(circle at 30% 30%,#ffffff4d,#0000 50%);border:2px solid #ffffff1a;box-shadow:0 4px 8px #0003,inset 0 1px 2px #ffffff4d}.connect-four-disc.red{background:radial-gradient(circle at 30% 30%,#ff6b6b,#e53e3e)}.connect-four-disc.yellow{background:radial-gradient(circle at 30% 30%,#ffd93d,#ecc94b)}.loading-progress{animation:progressShine 2s ease-in-out infinite;background:linear-gradient(90deg,#ef4444,#f59e0b 25%,#eab308 50%,#3b82f6 75%,#6366f1);background-size:200% 100%}@keyframes progressShine{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-5px) rotate(2deg)}50%{transform:translateY(-3px) rotate(-1deg)}75%{transform:translateY(-7px) rotate(1deg)}}.floating-disc{animation:float 3s ease-in-out infinite}.floating-disc:nth-child(2){animation-delay:.5s}.floating-disc:nth-child(3){animation-delay:1s}.floating-disc:nth-child(4){animation-delay:1.5s}.board-cell{transition:all .3s cubic-bezier(.4,0,.2,1)}.board-cell.filled{animation:cellFill .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes cellFill{0%{opacity:0;transform:scale(0) rotate(180deg)}70%{opacity:1;transform:scale(1.1) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.step-complete{background:linear-gradient(135deg,#22c55e33,#10b9811a);border-left:3px solid #22c55e;box-shadow:0 2px 8px #22c55e1a}.step-loading{animation:stepPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f633,#9333ea1a);border-left:3px solid #3b82f6;box-shadow:0 2px 8px #3b82f61a}@keyframes stepPulse{0%,to{box-shadow:0 2px 8px #3b82f61a;transform:scale(1)}50%{box-shadow:0 4px 16px #3b82f633;transform:scale(1.01)}}.step-pending{background:#6b72801a;border-left:3px solid #6b7280}.sound-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;transition:all .3s ease}.sound-toggle:hover{background:#0000004d;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}@media (max-width:768px){.connect-four-board{transform:scale(.8)}.floating-disc{height:2rem;width:2rem}}@media (max-width:480px){.connect-four-board{transform:scale(.7)}.floating-disc{height:1.5rem;width:1.5rem}}@media (prefers-contrast:high){.connect-four-disc.red{background:#dc2626;border:2px solid #fff}.connect-four-disc.yellow{background:#eab308;border:2px solid #000}.connect-four-board{background:#1e40af;border:2px solid #fff}}@media (prefers-reduced-motion:reduce){.board-cell.filled,.disc-drop,.floating-disc,.loading-progress,.step-loading{animation:none!important}.board-cell.filled{transform:scale(1)}}.coin-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.coin-container{background:linear-gradient(135deg,#1e3a8a,#3b82f6,#1e40af);border:2px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #0006;max-width:500px;padding:2rem;position:relative;text-align:center;width:90%}.coin-header{margin-bottom:2rem}.coin-title{color:#fff;font-size:2rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.coin-subtitle{color:#fffc;font-size:1rem;margin:0}.sound-toggle-button{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px}.sound-toggle-button:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.coin-error{align-items:center;background:#ef444433;border:2px solid #ef444480;border-radius:12px;color:#fecaca;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin:1rem 0;padding:.75rem 1rem}.error-icon{font-size:1.1rem}.error-text{flex:1 1}.coin-game-area{align-items:center;display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.coin-display{margin:1rem 0;perspective:1000px}@media (max-width:768px){.coin-display{perspective:500px}}.coin{height:120px;margin:0 auto;position:relative;transform-style:preserve-3d;transition:transform .1s ease;width:120px}.coin.flipping{animation:coinFlip .1s ease-in-out infinite alternate}@keyframes coinFlip{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}@media (max-width:768px){.coin.flipping{animation:coinFlipMobile .2s ease-in-out infinite alternate}@keyframes coinFlipMobile{0%{transform:rotateY(0deg) scale(1)}to{transform:rotateY(180deg) scale(.95)}}}.coin-face{align-items:center;backface-visibility:hidden;border:4px solid #fff3;border-radius:50%;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%}.coin-heads{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:rotateY(0deg)}.coin-tails{background:linear-gradient(135deg,#6b7280,#4b5563);transform:rotateY(180deg)}.coin-emoji{font-size:2.5rem;margin-bottom:.5rem}.coin-text{color:#fff;font-size:.8rem;font-weight:700;text-shadow:0 1px 2px #00000080}.coin-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.loading-spinner{border-top-color:#3b82f6}.loading-text{color:#fffc;font-size:.9rem;font-weight:500}.coin-flip-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:16px;box-shadow:0 8px 24px #10b9814d;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:1.1rem;font-weight:700;gap:.25rem;justify-content:center;min-width:160px;padding:1rem 2rem;transition:all .3s ease}.coin-flip-button:hover:not(:disabled){box-shadow:0 12px 32px #10b98166;transform:translateY(-2px)}.coin-flip-button:disabled{cursor:not-allowed;opacity:.6}.flip-button-emoji{font-size:1.2rem}.flip-button-text{font-weight:600}.flip-button-hint{font-size:.7rem;font-weight:400;opacity:.7}.coin-result{max-width:300px;width:100%}.coin-result-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:16px;padding:1.5rem;text-align:center}.coin-result-content.win{border-color:#10b981;box-shadow:0 0 20px #10b9814d}.coin-result-content.lose{border-color:#ef4444;box-shadow:0 0 20px #ef44444d}.coin-result-emoji{display:block;font-size:3rem;margin-bottom:1rem}.coin-result-title{color:#fff;font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.coin-result-subtitle{color:#fffc;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.coin-continue-wrapper{margin-top:1rem;width:100%}.coin-continue-button,.coin-continue-wrapper{align-items:center;display:flex;justify-content:center}.coin-continue-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 16px #3b82f64d;color:#fff;cursor:pointer;flex-direction:column;font-size:1rem;font-weight:600;gap:.25rem;min-width:140px;padding:.75rem 1.5rem;transition:all .3s ease}.coin-continue-button:hover{box-shadow:0 8px 24px #3b82f666;transform:translateY(-2px)}.continue-button-emoji{font-size:1.1rem}.continue-button-text{font-weight:600}.continue-button-hint{font-size:.7rem;font-weight:400;opacity:.7}.coin-instructions{margin-top:1rem}.coin-instruction-text{color:#ffffffb3;font-size:.9rem;line-height:1.5;margin:0 0 .5rem}.coin-keyboard-hints{margin:0}.hint-text{color:#ffffff80;font-size:.8rem;font-style:italic}.coin-choice-selection{margin:1rem 0;text-align:center}.choice-title{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.choice-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.choice-button{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;min-width:100px;padding:1rem 1.5rem;transition:all .3s ease}.choice-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.choice-button.selected{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 0 20px #10b9814d}.choice-emoji{font-size:1.5rem}.choice-text{font-size:.9rem;font-weight:600}.choice-hint{font-size:.7rem;font-weight:400;opacity:.7}@media (prefers-reduced-motion:reduce){.coin.flipping{animation:none!important}.coin-display{perspective:none!important}.loading-spinner{animation:spin 2s linear infinite}}@media (max-width:768px){.coin-container{margin:1rem;padding:1.5rem}.coin-title{font-size:1.5rem}.coin{height:100px;width:100px}.coin-emoji{font-size:2rem}.coin-flip-button{font-size:1rem;padding:.75rem 1.5rem}.coin-result-title{font-size:1.2rem}.choice-buttons{align-items:center;flex-direction:column}.choice-button{min-width:120px}}@media (max-width:480px){.coin-container{margin:.5rem;padding:1rem}.coin-title{font-size:1.3rem}.coin{height:80px;width:80px}.coin-emoji{font-size:1.5rem}.coin-text{font-size:.7rem}.sound-toggle-button{font-size:1rem;height:35px;width:35px}}.ai-analysis-dashboard-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.ai-analysis-dashboard{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 25px 50px #00000080;color:#fff;display:flex;flex-direction:column;height:90vh;max-height:900px;max-width:1400px;overflow:hidden;width:95vw}.dashboard-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 30px}.header-title h2{background:linear-gradient(45deg,#60a5fa,#a78bfa);font-size:24px}.header-status{gap:8px;margin-top:5px}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.status-dot.healthy{background:#22c55e}.status-dot.warning{background:#f59e0b}.status-dot.error{background:#ef4444}.status-dot.high{background:#22c55e}.status-dot.medium{background:#f59e0b}.status-dot.low{background:#ef4444}.header-controls{gap:10px}.close-btn,.refresh-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .3s ease}.close-btn:hover,.refresh-btn:hover{background:#fff3;transform:translateY(-2px)}.refresh-btn.active{background:#3b82f6;border-color:#60a5fa}.close-btn{height:36px;padding:0;width:36px}.dashboard-nav{background:#ffffff08;border-bottom:1px solid #ffffff1a;display:flex;overflow-x:auto}.nav-tab{gap:8px;min-width:120px;padding:15px 20px}.nav-tab:hover{background:#ffffff0d}.nav-tab.active{background:#60a5fa1a;color:#60a5fa}.nav-tab.active:after{background:#60a5fa;height:2px}.tab-icon{font-size:16px}.dashboard-content{flex:1 1;overflow-y:auto;padding:20px 30px}.dashboard-overview{display:flex;flex-direction:column;gap:25px}.metrics-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.metric-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.metric-card:hover{border-color:#fff3;box-shadow:0 15px 30px #0000004d;transform:translateY(-4px)}.metric-card.primary{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-color:#3b82f633}.metric-card.secondary{background:linear-gradient(135deg,#a855f71a,#9333ea0d);border-color:#a855f733}.metric-card.tertiary{background:linear-gradient(135deg,#22c55e1a,#15803d0d);border-color:#22c55e33}.metric-card.quaternary{background:linear-gradient(135deg,#f59e0b1a,#d977060d);border-color:#f59e0b33}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.metric-header h3{color:#fffc;font-size:16px;font-weight:600;margin:0}.metric-value{color:#fff;font-size:32px;margin-bottom:8px}.metric-trend{color:#fff9;font-size:14px}.metric-trend .positive{color:#22c55e}.metric-trend .negative{color:#ef4444}.metric-subtext{color:#ffffff80;font-size:12px}.chart-container{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:24px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.chart-controls{display:flex;gap:10px}.control-btn{border-radius:6px;padding:6px 12px}.control-btn.active{background:#3b82f6;border-color:#60a5fa}.chart-wrapper{height:300px;position:relative}.dashboard-performance{display:flex;flex-direction:column;gap:25px}.performance-grid{grid-gap:20px;gap:20px;grid-template-columns:1fr 1fr}.radar-chart,.system-chart{height:400px}.analysis-selector{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.status-indicators{display:flex;gap:10px}.indicator{border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.indicator.connected{background:#22c55e33;color:#22c55e}.indicator.disconnected,.indicator.error{background:#ef444433;color:#ef4444}.metrics-table-container{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:24px}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.table-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.export-btn{background:#3b82f6;border-radius:6px;font-size:12px;padding:8px 16px}.export-btn:hover{background:#2563eb}.metrics-table{overflow-x:auto}.metrics-table table{border-collapse:collapse;width:100%}.metrics-table td,.metrics-table th{border-bottom:1px solid #ffffff1a;padding:12px 16px;text-align:left}.metrics-table th{background:#ffffff08;color:#fffc;font-weight:600}.metrics-table td{color:#ffffffe6}.trend-cell .positive{color:#22c55e}.trend-cell .negative{color:#ef4444}.dashboard-analysis{display:flex;flex-direction:column;gap:25px}.analysis-container{grid-gap:30px;align-items:start;box-sizing:border-box;display:grid;gap:30px;grid-template-columns:1.4fr .6fr;width:100%}.analysis-section{box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:600px;max-height:600px;overflow-x:hidden;overflow-y:scroll;padding:20px 25px 40px 20px;position:relative;width:100%}.analysis-section::-webkit-scrollbar{background:#ffffff0d;width:10px}.analysis-section::-webkit-scrollbar-track{background:#ffffff1a;border-radius:5px}.analysis-section::-webkit-scrollbar-thumb{background:#60a5fa99;border:2px solid #ffffff1a;border-radius:5px}.analysis-section::-webkit-scrollbar-thumb:hover{background:#60a5facc}.analysis-content{box-sizing:border-box;display:flex;flex-direction:column;gap:25px;width:100%}.section-header{margin-bottom:15px}.section-header h3{color:#fff}.analysis-status{display:flex;gap:10px}.status-indicator{border-radius:16px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.status-indicator.excellent{background:#22c55e33;color:#22c55e}.status-indicator.good{background:#3b82f633;color:#60a5fa}.status-indicator.needs-improvement{background:#f59e0b33;color:#fbbf24}.adaptation-box,.curriculum-box,.debate-box,.explanation-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.adaptation-box h4,.curriculum-box h4,.debate-box h4,.explanation-box h4{color:#60a5fa;font-size:16px;font-weight:600;margin:0 0 12px}.explanation-box p{color:#fffc;line-height:1.5;margin:0}.adaptation-metrics,.debate-metrics{display:flex;flex-direction:column;gap:10px}.adaptation-item,.vote-item{align-items:center;display:flex;justify-content:space-between}.adaptation-item .label,.vote-item .agent-name{color:#fff9;font-size:14px}.adaptation-item .value,.vote-item .vote-value{color:#fff;font-weight:600}.progress-bar{display:flex;flex-direction:column;gap:8px}.progress-bar,.progress-label{box-sizing:border-box!important;flex-shrink:0!important;max-width:100%!important;overflow:visible!important;width:100%!important}.progress-label{word-wrap:break-word!important;margin-bottom:8px;text-overflow:clip!important;white-space:normal!important;word-break:break-word!important}.progress-track{background:#ffffff1a;border-radius:6px;height:8px;margin-bottom:8px;overflow:hidden}.progress-track,.progress-value{box-sizing:border-box!important;flex-shrink:0!important;max-width:100%!important;width:100%!important}.progress-value{color:#60a5fa;font-size:12px;font-weight:600;margin-bottom:15px;overflow:visible!important;text-align:right;white-space:nowrap}.curriculum-box .progress-bar{margin-bottom:20px;position:relative;z-index:1}.curriculum-box .progress-value{position:relative;z-index:1}.curriculum-box div[style*=marginTop]{background:#ffffff08!important;border-radius:6px!important;margin-top:15px!important;padding:10px!important;position:relative;z-index:2}.curriculum-box div[style*=marginTop],.curriculum-box div[style*=marginTop]>div{border:none!important;box-sizing:border-box!important;overflow:visible!important;width:100%!important}.curriculum-box div[style*=marginTop]>div{margin-bottom:8px;padding-right:5px}.curriculum-box div[style*=marginTop]>div,.curriculum-box div[style*=marginTop]>div>div{word-wrap:break-word!important;background:none!important;max-width:100%!important;word-break:break-word!important}.curriculum-box div[style*=marginTop]>div>div{border:none!important;box-sizing:border-box!important;line-height:1.5;overflow:visible!important;padding:2px 0;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important}.curriculum-metrics *,.progress-bar *{border:none!important}.consensus-score{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.consensus-score .label{color:#fff9}.consensus-score .value{color:#60a5fa;font-weight:600}.agent-votes{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.board-analysis-section{display:flex;flex-direction:column;gap:20px}.analysis-controls{display:flex;gap:10px}.analysis-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.analysis-btn:hover{background:#fff3;transform:translateY(-2px)}.board-heatmap{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.heatmap-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(7,1fr)}.heatmap-column{align-items:center;display:flex;flex-direction:column;gap:8px}.column-header{color:#fff9;font-size:12px;font-weight:600}.column-strength{background:#ffffff1a;border-radius:4px;height:80px;overflow:hidden;position:relative;width:40px}.strength-bar{border-radius:4px 4px 0 0;bottom:0;position:absolute;transition:height .3s ease;width:100%}.column-score{color:#fff;font-size:11px;font-weight:600}.position-insights{margin-top:20px}.position-insights h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 15px}.insights-list{gap:10px;list-style:none;margin:0;padding:0}.insight-item{align-items:center;border-radius:8px;gap:12px;padding:10px}.insight-icon{align-items:center;border-radius:50%;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.insight-item.positive .insight-icon{background:#22c55e33;color:#22c55e}.insight-item.warning .insight-icon{background:#f59e0b33;color:#fbbf24}.insight-item.neutral .insight-icon{background:#6366f133;color:#a5b4fc}.insight-text{color:#fffc;font-size:14px}.dashboard-health{display:flex;flex-direction:column;gap:25px}.health-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.health-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:24px}.overall-status{border-radius:16px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.overall-status.healthy{background:#22c55e33;color:#22c55e}.overall-status.warning{background:#f59e0b33;color:#fbbf24}.overall-status.error{background:#ef444433;color:#ef4444}.status-items{display:flex;flex-direction:column;gap:15px;margin-top:20px}.status-item{background:#ffffff0d;border-left:4px solid #0000;border-radius:8px;padding:15px}.status-item .status-label{color:#fff9;font-size:14px;margin-bottom:5px}.status-item .status-value{color:#fff;font-weight:600;margin-bottom:3px}.status-item .status-value.healthy{border-left-color:#22c55e;color:#22c55e}.status-item .status-value.error{border-left-color:#ef4444;color:#ef4444}.status-item .status-details{color:#ffffff80;font-size:12px}.resource-meters{gap:20px;margin-top:20px}.resource-meter,.resource-meters{display:flex;flex-direction:column}.resource-meter{gap:8px}.meter-label{color:#fffc;font-size:14px;font-weight:500}.meter-bar{background:#ffffff1a;border-radius:6px;height:8px;overflow:hidden;position:relative}.meter-fill{border-radius:6px;height:100%;transition:width .3s ease}.meter-fill.normal{background:linear-gradient(90deg,#22c55e,#34d399)}.meter-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.meter-fill.critical{background:linear-gradient(90deg,#ef4444,#f87171)}.meter-value{text-align:right}.diagnostic-btn,.meter-value{color:#fff;font-size:12px;font-weight:600}.diagnostic-btn{background:#3b82f6;border:none;border-radius:6px;cursor:pointer;padding:8px 16px;transition:all .3s ease}.diagnostic-btn:hover{background:#2563eb;transform:translateY(-2px)}.diagnostic-results{display:flex;flex-direction:column;gap:12px;margin-top:20px}.diagnostic-item{align-items:center;background:#ffffff08;border-radius:8px;display:flex;gap:12px;padding:12px}.diagnostic-icon{align-items:center;border-radius:50%;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.diagnostic-icon.success{background:#22c55e33;color:#22c55e}.diagnostic-icon.warning{background:#f59e0b33;color:#fbbf24}.diagnostic-text{color:#fffc;flex:1 1;font-size:14px}.diagnostic-time{color:#ffffff80;font-size:12px}.dashboard-insights{display:flex;flex-direction:column;gap:25px}.insights-container{gap:25px}.insights-period{display:flex;gap:10px}.period-selector{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.insights-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px}.insight-card:hover{border-color:#fff3;box-shadow:0 15px 30px #0000004d;transform:translateY(-4px)}.insight-card .insight-icon{font-size:32px;margin-bottom:15px}.insight-card h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 10px}.insight-card p{color:#ffffffb3;font-size:14px;line-height:1.5;margin:0 0 15px}.insight-metric{background:#3b82f633;border-radius:16px;color:#60a5fa;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.recommendations-list{display:flex;flex-direction:column;gap:20px}.recommendation-item{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:20px;padding:24px}.recommendation-priority{border-radius:16px;font-size:12px;font-weight:600;min-width:60px;padding:6px 12px;text-align:center;text-transform:uppercase}.recommendation-priority.high{background:#ef444433;color:#ef4444}.recommendation-priority.medium{background:#f59e0b33;color:#fbbf24}.recommendation-priority.low{background:#22c55e33;color:#22c55e}.recommendation-content{flex:1 1}.recommendation-content h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 10px}.recommendation-content p{color:#ffffffb3;font-size:14px;line-height:1.5;margin:0 0 15px}.apply-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.apply-btn:hover{background:#2563eb;transform:translateY(-2px)}@media (max-width:1200px){.ai-analysis-dashboard{height:95vh;width:98vw}.dashboard-content{padding:15px 20px}.analysis-container,.performance-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.ai-analysis-dashboard-overlay{padding:10px}.ai-analysis-dashboard{border-radius:0;height:100vh;width:100vw}.dashboard-header{flex-direction:column;gap:10px;padding:15px 20px;text-align:center}.dashboard-nav{flex-wrap:wrap}.nav-tab{flex:1 1;min-width:auto}.health-grid,.metrics-grid{grid-template-columns:1fr}.chart-wrapper{height:250px}}.dashboard-content::-webkit-scrollbar{width:6px}.dashboard-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.dashboard-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.curriculum-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:20px}.curriculum-box,.curriculum-metrics{box-sizing:border-box;width:100%}.progress-label{color:#fffc;font-size:14px;font-weight:500;line-height:1.4;margin-bottom:15px}.curriculum-box .adaptation-metrics{background:#ffffff08;border-radius:6px;margin-top:15px;padding:10px}.curriculum-box .adaptation-metrics .adaptation-item{align-items:center;background:none!important;border:none!important;box-shadow:none!important;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:8px;width:100%}.curriculum-box .adaptation-metrics .adaptation-item:last-child{margin-bottom:0}.curriculum-box .adaptation-metrics .adaptation-item .label{color:#fff9;flex:1 1;font-size:12px;text-align:left;white-space:nowrap}.curriculum-box .adaptation-metrics .adaptation-item .value{color:#fff;flex:0 0 auto;font-size:12px;font-weight:600;margin-left:15px;text-align:right;white-space:nowrap}.service-integration-summary{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-bottom:20px;padding:20px}.service-integration-summary h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 15px}.services-status-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.service-status-item{align-items:center;background:#ffffff08;border-radius:10px;display:flex;flex-direction:column;padding:12px;transition:all .3s ease}.service-status-item.active{background:#22c55e1a;border:1px solid #22c55e4d}.service-status-item.inactive{background:#ef44441a;border:1px solid #ef44444d}.service-icon{font-size:24px;margin-bottom:8px}.service-label{color:#fffc;font-size:12px;margin-bottom:4px;text-align:center}.service-status{font-size:16px;font-weight:600}.service-status.connected{color:#22c55e}.service-status.disconnected{color:#ef4444}.dashboard-services{height:100%;overflow-y:auto}.services-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.service-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px}.service-card h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.service-status-grid{display:flex;flex-direction:column;gap:12px}.service-item{align-items:center;background:#ffffff08;border-radius:8px;display:flex;gap:12px;padding:10px}.status-indicator{border-radius:50%;flex-shrink:0;height:12px;width:12px}.status-indicator.active{background:#22c55e;box-shadow:0 0 10px #22c55e80}.status-indicator.inactive{background:#ef4444;box-shadow:0 0 10px #ef444480}.service-name{color:#ffffffe6;flex:1 1;font-size:14px}.status-text{font-size:12px;font-weight:500}.status-text.connected{color:#22c55e}.status-text.disconnected{color:#ef4444}.coordination-metrics,.learning-metrics,.metrics-grid,.training-metrics{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.metric{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:8px 0}.metric .label{color:#ffffffb3;font-size:13px}.metric .value{color:#fff;font-size:16px;font-weight:600}.training-progress .progress-header{color:#ffffffe6;display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px}.progress-bar{margin-bottom:15px}.progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.recent-insights{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:20px}.recent-insights h4{color:#ffffffe6;font-size:14px;font-weight:600;margin-bottom:12px}.insights-list{display:flex;flex-direction:column;gap:8px}.insight-item{background:#ffffff08;border-radius:6px;display:flex;font-size:12px;gap:10px;padding:8px}.insight-type{color:#60a5fa;font-size:10px;font-weight:600;text-transform:uppercase}.insight-desc{color:#fffc;flex:1 1}.strategies-list{margin-top:15px}.strategies-list h4{color:#ffffffe6;font-size:14px;font-weight:600;margin-bottom:10px}.strategy-tags{display:flex;flex-wrap:wrap;gap:8px}.strategy-tag{background:#3b82f633;border:1px solid #3b82f64d;border-radius:12px;color:#60a5fa;font-size:12px;padding:4px 12px}.models-list{display:flex;flex-direction:column;gap:12px}.model-item{background:#ffffff08;border-radius:8px;padding:12px}.model-name{color:#fff;font-size:14px;font-weight:600;margin-bottom:8px}.model-metrics{display:flex;font-size:12px;gap:15px}.model-metrics .metric{border:none;padding:0}.model-metrics .metric .label{color:#fff9;margin-right:5px}.model-metrics .metric .value{color:#60a5fa;font-size:12px}.dashboard-insights{height:100%;overflow-y:auto}.insights-container{display:flex;flex-direction:column;gap:30px;padding:20px}.insights-stats{color:#ffffffb3;display:flex;font-size:14px;gap:20px}.insights-stats span{align-items:center;display:flex;gap:5px}.insight-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:20px;transition:all .3s ease}.insight-card.pattern{border-color:#60a5fa4d}.insight-card.strategy{border-color:#a78bfa4d}.insight-card.improvement{border-color:#22c55e4d}.insight-card.warning{border-color:#fbbf244d}.insight-card:hover{box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.insight-timestamp{color:#ffffff80;font-size:11px;margin-top:8px}.no-insights{color:#ffffff80;padding:60px 20px;text-align:center}.learning-timeline{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:20px}.timeline-container{margin-top:20px;max-height:400px;overflow-y:auto}.timeline-item{display:flex;gap:15px;margin-bottom:20px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{background:#ffffff4d;border-radius:50%;flex-shrink:0;height:12px;margin-top:5px;width:12px}.timeline-item.pattern .timeline-marker{background:#60a5fa}.timeline-item.strategy .timeline-marker{background:#a78bfa}.timeline-item.improvement .timeline-marker{background:#22c55e}.timeline-item.warning .timeline-marker{background:#fbbf24}.timeline-content{background:#ffffff05;border-radius:8px;flex:1 1;padding:15px}.timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.timeline-type{background:#ffffff1a;border-radius:4px;font-size:11px;padding:2px 8px;text-transform:uppercase}.timeline-time{color:#ffffff80;font-size:11px}.timeline-content h5{color:#fff;font-size:14px;font-weight:600;margin:0 0 5px}.timeline-content p{color:#ffffffb3;font-size:12px;line-height:1.5;margin:0}.ai-training-ground-overlay{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.ai-training-ground{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);border:1px solid #94a3b833;border-radius:24px;box-shadow:0 25px 50px #0009;color:#fff;display:flex;flex-direction:column;height:90vh;max-height:1000px;max-width:1600px;overflow:hidden;width:95vw}.training-header{align-items:center;background:#94a3b80d;border-bottom:1px solid #94a3b826;display:flex;justify-content:space-between;padding:24px 32px}.header-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin:0}.header-status{align-items:center;color:#ffffffb3;display:flex;font-size:14px;gap:10px;margin-top:6px}.status-dot.running{animation:pulse 2s infinite;background:#22c55e}.status-dot.stopped{background:#64748b}.header-controls{align-items:center;display:flex;gap:12px}.export-btn{background:linear-gradient(45deg,#3b82f6,#1d4ed8);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.export-btn:hover{box-shadow:0 8px 20px #3b82f64d;transform:translateY(-2px)}.close-btn{background:#ef444433;border:1px solid #ef44444d;border-radius:10px;color:#ef4444;font-size:20px;font-weight:700}.close-btn:hover{background:#ef44444d;transform:translateY(-2px)}.training-nav{background:#94a3b808;border-bottom:1px solid #94a3b81a;display:flex;overflow-x:auto}.nav-tab{align-items:center;background:#0000;border:none;color:#fff9;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;min-width:140px;padding:18px 24px;position:relative;transition:all .3s ease}.nav-tab:hover{background:#94a3b80d;color:#fffc}.nav-tab.active{background:#3b82f61a;color:#3b82f6}.nav-tab.active:after{background:linear-gradient(90deg,#3b82f6,#8b5cf6);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.tab-label{font-weight:600}.training-content{flex:1 1;overflow-y:auto;padding:24px 32px}.configure-layout,.training-configure{display:flex;flex-direction:column;gap:30px}.config-section{background:#94a3b80d;border:1px solid #94a3b81a;border-radius:20px;padding:28px;position:relative}.config-section h3{color:#e2e8f0;font-size:20px;font-weight:600;margin:0 0 20px}.preset-section{background:linear-gradient(135deg,#3b82f61a,#8b5cf60d);border-color:#3b82f633}.preset-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.preset-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;padding:20px;text-align:left;transition:all .3s ease}.preset-card:hover{background:#ffffff14;border-color:#3b82f64d;box-shadow:0 15px 30px #0000004d;transform:translateY(-4px)}.preset-name{color:#3b82f6;font-size:16px;font-weight:600;margin-bottom:8px}.preset-details{color:#fff9;font-size:12px;line-height:1.4}.model-config{background:linear-gradient(135deg,#22c55e1a,#16a34a0d);border-color:#22c55e33}.config-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.config-group{display:flex;flex-direction:column;gap:8px}.config-group label{color:#fffc;font-size:14px;font-weight:500}.config-group input,.config-group select{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;padding:10px 12px;transition:all .3s ease}.config-group input:focus,.config-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.config-group select option{background:#1e293b;color:#fff}.advanced-config{background:linear-gradient(135deg,#a855f71a,#9333ea0d);border-color:#a855f733}.advanced-group{margin-bottom:24px}.advanced-group h4{color:#a78bfa;font-size:16px;font-weight:600;margin:0 0 16px}.checkbox-group{align-items:center;cursor:pointer;display:flex;gap:8px;margin-bottom:12px}.checkbox-group input[type=checkbox]{accent-color:#3b82f6;height:16px;width:16px}.checkbox-group span{color:#fffc;font-size:14px}.curriculum-stages,.opponent-checkboxes{margin-top:16px;padding-left:20px}.add-stage-btn{background:linear-gradient(45deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.add-stage-btn:hover{box-shadow:0 8px 20px #8b5cf64d;transform:translateY(-2px)}.training-actions{background:linear-gradient(135deg,#f59e0b1a,#d977060d);border-color:#f59e0b33}.action-buttons{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{align-items:center;border:none;border-radius:12px;display:flex;font-size:14px;gap:8px;justify-content:center;padding:16px 24px}.action-btn.primary{background:linear-gradient(45deg,#22c55e,#16a34a);color:#fff}.action-btn.secondary{background:linear-gradient(45deg,#ef4444,#dc2626);color:#fff}.action-btn.tertiary{background:linear-gradient(45deg,#3b82f6,#2563eb);color:#fff}.action-btn.quaternary{background:linear-gradient(45deg,#8b5cf6,#7c3aed);color:#fff}.action-btn:hover:not(.disabled){box-shadow:0 10px 25px #0000004d;transform:translateY(-3px)}.action-btn.disabled{cursor:not-allowed;opacity:.5}.training-monitor{display:flex;flex-direction:column;gap:24px}.monitor-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr}.monitor-section{background:#94a3b80d;border:1px solid #94a3b81a;border-radius:20px;padding:24px}.monitor-section h3{color:#e2e8f0;font-size:18px;font-weight:600;margin:0 0 20px}.status-section{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-color:#3b82f633}.status-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.training-status{border-radius:16px;font-size:12px;padding:6px 12px}.training-status.running{background:#22c55e33;color:#22c55e}.training-status.stopped{background:#6b728033;color:#9ca3af}.status-metrics{gap:16px;margin-bottom:20px}.status-item,.status-metrics{display:flex;flex-direction:column}.status-item{gap:6px}.status-label{color:#fff9;font-size:12px;font-weight:500;text-transform:uppercase}.status-value{color:#3b82f6;font-size:20px;font-weight:700}.progress-bar{background:#ffffff1a;border-radius:6px;margin-top:4px}.progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s ease}.training-controls{display:flex;gap:10px}.control-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.control-btn:hover{background:#fff3;transform:translateY(-2px)}.control-btn.pause{border-color:#f59e0b4d;color:#fbbf24}.control-btn.stop{border-color:#ef44444d;color:#ef4444}.control-btn.resume{border-color:#22c55e4d;color:#22c55e}.metrics-section{background:linear-gradient(135deg,#22c55e1a,#15803d0d);border-color:#22c55e33}.current-metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.metric-item{background:#ffffff0d;border-radius:12px;padding:12px;text-align:center}.metric-label{font-size:11px;font-weight:500;margin-bottom:4px;text-transform:uppercase}.metric-value{color:#22c55e;font-size:18px;font-weight:700}.charts-section{background:linear-gradient(135deg,#a855f71a,#9333ea0d);border-color:#a855f733;grid-column:1/-1}.chart-container{height:300px;position:relative}.no-data{align-items:center;color:#ffffff80;display:flex;flex-direction:column;height:100%;justify-content:center}.no-data-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-data-text{font-size:14px;text-align:center}.logs-section{background:linear-gradient(135deg,#3741514d,#1f29371a);border-color:#6b728033;grid-column:1/-1}.logs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.logs-controls{display:flex;gap:8px}.log-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:6px 12px;transition:all .3s ease}.log-btn:hover{background:#fff3}.logs-container{background:#0000004d;border-radius:8px;font-family:Courier New,monospace;font-size:12px;height:200px;line-height:1.4;overflow-y:auto;padding:16px}.log-entry{border-bottom:1px solid #ffffff0d;color:#fffc;margin-bottom:4px;padding:2px 0}.no-logs{color:#ffffff80;padding:40px 20px;text-align:center}.training-experiments{display:flex;flex-direction:column;gap:24px}.experiments-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:400px 1fr;grid-template-rows:1fr auto;height:100%}.experiments-section{background:#94a3b80d;border:1px solid #94a3b81a;border-radius:20px;padding:24px}.list-section{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-color:#3b82f633}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h3{color:#e2e8f0;font-size:18px;font-weight:600;margin:0}.new-experiment-btn{background:linear-gradient(45deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.new-experiment-btn:hover{box-shadow:0 8px 20px #3b82f64d;transform:translateY(-2px)}.experiments-list{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto}.experiment-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;padding:20px;transition:all .3s ease}.experiment-card:hover{background:#ffffff14;border-color:#3b82f64d;transform:translateY(-2px)}.experiment-card.selected{background:#3b82f61a;border-color:#3b82f6}.experiment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.experiment-name{color:#fff;font-size:14px;font-weight:600}.experiment-status{border-radius:12px;font-size:10px;font-weight:600;padding:4px 8px;text-transform:uppercase}.experiment-status.pending{background:#6b728033;color:#9ca3af}.experiment-status.running{background:#22c55e33;color:#22c55e}.experiment-status.completed{background:#3b82f633;color:#60a5fa}.experiment-status.failed{background:#ef444433;color:#ef4444}.experiment-details{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.detail-item{display:flex;font-size:12px;justify-content:space-between}.detail-item .label{color:#fff9}.detail-item .value{color:#ffffffe6;font-weight:500}.experiment-metrics{background:#ffffff0d;border-radius:8px;padding:8px 12px}.metric-item{font-size:11px}.metric-label{color:#fff9}.metric-value{color:#3b82f6}.no-experiments{align-items:center;color:#ffffff80;display:flex;flex-direction:column;height:300px;justify-content:center}.no-experiments-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-experiments-text{font-size:14px;text-align:center}.details-section{background:linear-gradient(135deg,#22c55e1a,#15803d0d);border-color:#22c55e33}.experiment-details-panel{display:flex;flex-direction:column;height:100%}.details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.details-header h3{color:#e2e8f0;font-size:18px;font-weight:600;margin:0}.details-actions{display:flex;gap:8px}.action-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:6px 12px;transition:all .3s ease}.action-btn:hover{background:#fff3}.action-btn.danger{border-color:#ef44444d;color:#ef4444}.details-content{flex:1 1;overflow-y:auto}.details-group{margin-bottom:24px}.details-group h4{color:#22c55e;font-size:16px;font-weight:600;margin:0 0 12px}.config-summary{display:flex;flex-direction:column;gap:8px}.config-item{background:#ffffff0d;border-radius:8px;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px}.config-label{color:#fff9}.config-value{color:#ffffffe6;font-weight:500}.performance-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.performance-metric{background:#ffffff0d;border-radius:12px;padding:16px;text-align:center}.performance-metric .metric-label{color:#fff9;font-size:11px;font-weight:500;margin-bottom:6px;text-transform:uppercase}.performance-metric .metric-value{color:#22c55e;font-size:18px;font-weight:700}.timeline-chart{background:#ffffff08;border-radius:12px;height:200px;padding:16px}.experiment-notes{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:13px;line-height:1.5;min-height:100px;padding:12px;resize:vertical;width:100%}.experiment-notes:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a;outline:none}.no-selection{align-items:center;color:#ffffff80;display:flex;flex-direction:column;height:100%;justify-content:center}.no-selection-icon{font-size:64px;margin-bottom:20px;opacity:.5}.no-selection-text{font-size:16px;text-align:center}.comparison-section{background:linear-gradient(135deg,#a855f71a,#9333ea0d);border-color:#a855f733;grid-column:1/-1}.comparison-chart{background:#ffffff08;border-radius:12px;height:300px;padding:16px}.training-testing{display:flex;flex-direction:column;gap:24px}.testing-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.testing-section{background:#94a3b80d;border:1px solid #94a3b81a;border-radius:20px;padding:24px}.testing-section h3{color:#e2e8f0;font-size:18px;font-weight:600;margin:0 0 20px}.performance-testing{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-color:#3b82f633}.testing-controls{gap:20px;margin-bottom:24px}.test-config,.testing-controls{display:flex;flex-direction:column}.test-config{gap:16px}.test-btn{align-self:flex-start;background:linear-gradient(45deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.test-btn:hover{box-shadow:0 10px 25px #3b82f64d;transform:translateY(-2px)}.test-results{background:#ffffff0d;border-radius:16px;padding:20px}.test-results h4{color:#3b82f6;font-size:16px;font-weight:600;margin:0 0 16px}.results-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.result-item{background:#ffffff0d;border-radius:8px;padding:12px;text-align:center}.result-label{color:#fff9;font-size:11px;font-weight:500;margin-bottom:4px;text-transform:uppercase}.result-value{color:#3b82f6;font-size:16px;font-weight:700}.opponent-breakdown{margin-top:20px}.opponent-breakdown h5{color:#fffc;font-size:14px;font-weight:600;margin:0 0 12px}.opponent-result{align-items:center;background:#ffffff08;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.opponent-name{color:#ffffffe6;font-weight:500}.opponent-stats{color:#fff9;display:flex;font-size:12px;gap:12px}.model-evaluation{background:linear-gradient(135deg,#22c55e1a,#15803d0d);border-color:#22c55e33}.evaluation-metrics{display:flex;flex-direction:column;gap:24px}.metric-category{background:#ffffff0d;border-radius:16px;padding:20px}.metric-category h4{color:#22c55e;font-size:16px;font-weight:600;margin:0 0 16px}.quality-metrics{display:flex;flex-direction:column;gap:12px}.quality-item{align-items:center;display:flex;gap:12px}.quality-label{color:#fffc;font-size:13px;min-width:120px}.quality-bar{background:#ffffff1a;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.quality-fill{background:linear-gradient(90deg,#22c55e,#16a34a);height:100%;transition:width .3s ease}.quality-value{color:#22c55e;font-size:13px;font-weight:600;min-width:40px;text-align:right}.efficiency-chart{height:200px}.benchmarking{background:linear-gradient(135deg,#a855f71a,#9333ea0d);border-color:#a855f733}.benchmark-results{display:flex;flex-direction:column;gap:16px}.benchmark-item{background:#ffffff0d;border-radius:16px;padding:20px}.benchmark-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.benchmark-header h4{color:#ffffffe6;font-size:16px;font-weight:600;margin:0}.benchmark-score{color:#a78bfa;font-size:18px;font-weight:700}.benchmark-details{color:#fff9;display:flex;font-size:12px;gap:16px}.analysis-layout,.training-analysis{display:flex;flex-direction:column;gap:24px}.analysis-section{background:#94a3b80d;border:1px solid #94a3b81a;border-radius:20px;padding:24px}.analysis-section h3{color:#e2e8f0;font-size:18px;font-weight:600;margin:0 0 20px}.learning-curves{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-color:#3b82f633}.curves-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.curve-chart{background:#ffffff0d;border-radius:16px;padding:20px}.curve-chart h4{color:#3b82f6;font-size:16px;font-weight:600;margin:0 0 16px}.chart-wrapper{height:200px}.placeholder-chart{align-items:center;color:#ffffff80;display:flex;flex-direction:column;height:100%;justify-content:center}.chart-icon{font-size:32px;margin-bottom:12px;opacity:.5}.chart-text{font-size:13px;text-align:center}.hyperparameter-analysis{background:linear-gradient(135deg,#22c55e1a,#15803d0d);border-color:#22c55e33}.sensitivity-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.sensitivity-item{background:#ffffff0d;border-radius:16px;padding:20px}.sensitivity-item h4{color:#22c55e;font-size:16px;font-weight:600;margin:0 0 16px}.sensitivity-chart{height:200px}.architecture-comparison{background:linear-gradient(135deg,#a855f71a,#9333ea0d);border-color:#a855f733}.architecture-table{overflow-x:auto}.architecture-table table{background:#ffffff08;border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.architecture-table td,.architecture-table th{border-bottom:1px solid #ffffff1a;padding:12px 16px;text-align:left}.architecture-table th{background:#a855f733;color:#a78bfa;font-weight:600}.architecture-table td{color:#fffc}.architecture-table tr.highlighted{background:#a855f71a}.architecture-table tr.highlighted td{color:#a78bfa;font-weight:600}.statistical-analysis{background:linear-gradient(135deg,#f59e0b1a,#d977060d);border-color:#f59e0b33}.statistics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-group{background:#ffffff0d;border-radius:16px;padding:20px}.stat-group h4{color:#fbbf24;font-size:16px;font-weight:600;margin:0 0 16px}.stat-items{display:flex;flex-direction:column;gap:12px}.stat-item{font-size:13px}.stat-label{color:#ffffffb3}.stat-value{color:#fbbf24}@media (max-width:1400px){.ai-training-ground{height:95vh;width:98vw}.experiments-layout,.monitor-layout{grid-template-columns:1fr}}@media (max-width:1024px){.training-content{padding:20px 24px}.config-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.curves-container,.preset-grid,.sensitivity-grid{grid-template-columns:1fr}}@media (max-width:768px){.ai-training-ground-overlay{padding:10px}.ai-training-ground{border-radius:0;height:100vh;width:100vw}.training-header{flex-direction:column;gap:12px;padding:16px 20px;text-align:center}.training-nav{flex-wrap:wrap}.nav-tab{flex:1 1;min-width:auto;padding:12px 16px}.action-buttons,.config-grid,.statistics-grid,.testing-layout{grid-template-columns:1fr}}.experiments-list::-webkit-scrollbar,.logs-container::-webkit-scrollbar,.training-content::-webkit-scrollbar{width:6px}.service-integration{margin-top:20px}.service-status-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:15px}.service-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:20px;transition:all .3s ease}.service-card:hover{border-color:#3b82f64d;box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.service-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.service-name{color:#fff;font-size:16px;font-weight:600}.service-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px}.service-badge.active{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.service-badge.inactive{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.service-metrics{display:flex;flex-direction:column;gap:10px}.service-metrics .metric{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:8px 0}.service-metrics .metric:last-child{border-bottom:none}.service-metrics .label{color:#ffffffb3;font-size:13px}.service-metrics .value{color:#fff;font-size:14px;font-weight:600}.training-status{border-radius:20px;font-size:14px;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.training-status.idle{background:#64748b33;border:1px solid #64748b4d;color:#64748b}.training-status.training{animation:pulse 2s infinite;background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.training-status.evaluating{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}.training-status.completed{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.experiments-list::-webkit-scrollbar-track,.logs-container::-webkit-scrollbar-track,.training-content::-webkit-scrollbar-track{background:#94a3b81a;border-radius:3px}.experiments-list::-webkit-scrollbar-thumb,.logs-container::-webkit-scrollbar-thumb,.training-content::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.experiments-list::-webkit-scrollbar-thumb:hover,.logs-container::-webkit-scrollbar-thumb:hover,.training-content::-webkit-scrollbar-thumb:hover{background:#94a3b880}.player-stats-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.player-stats-modal{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;padding:0;width:90%}.player-stats-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:20px 30px}.player-stats-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.player-stats-content{color:#fff;padding:30px}.stats-section{margin-bottom:30px}.stats-section h3{border-bottom:2px solid #fff3;color:#fff;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:10px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:20px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;padding:20px;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-value{display:block;font-size:28px;font-weight:700;margin-bottom:5px}.stat-label{font-size:12px;letter-spacing:1px;text-transform:uppercase}.skill-level-container{align-items:center;display:flex;gap:20px;margin-bottom:20px}.skill-level-badge{border-radius:25px;color:#fff;font-size:14px;font-weight:600;padding:10px 20px;text-shadow:0 1px 2px #0000004d}.skill-progress{flex:1 1}.progress-bar{background:#fff3;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{border-radius:4px;height:100%;transition:width .5s ease}.progress-text{font-size:12px;opacity:.8}.metrics-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metric-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;display:flex;justify-content:space-between;padding:15px}.metric-label{font-size:14px;opacity:.8}.metric-value{font-size:16px;font-weight:600}.timeframe-selector{display:flex;gap:10px;margin-bottom:20px}.timeframe-selector button{background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.timeframe-selector button.active{background:#ffffff4d;font-weight:600}.timeframe-selector button:hover{background:#fff3}.trend-analysis{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.trend-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;display:flex;justify-content:space-between;padding:15px}.trend-label{font-size:14px;opacity:.8}.trend-value{font-size:16px;font-weight:600}.trend-value.improving{color:#2ecc71}.trend-value.declining{color:#e74c3c}.trend-value.stable{color:#f39c12}.achievements-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.achievement-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;gap:15px;padding:15px;transition:transform .3s ease}.achievement-card:hover{transform:translateY(-3px)}.achievement-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.achievement-info{flex:1 1}.achievement-name{font-size:14px;font-weight:600;margin-bottom:5px}.achievement-description{font-size:12px;margin-bottom:5px;opacity:.8}.achievement-progress{font-size:11px;opacity:.6}@media (max-width:768px){.player-stats-modal{margin:20px;width:95%}.player-stats-content{padding:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}.achievements-grid,.metrics-grid,.trend-analysis{grid-template-columns:1fr}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.skill-level-container{align-items:flex-start;flex-direction:column}}.inactivity-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.inactivity-popup{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 60px #0000004d;color:#fff;max-width:450px;padding:40px;text-align:center;width:90%}.inactivity-icon{margin-bottom:20px}.clock-icon{animation:pulse 2s infinite;font-size:60px}.inactivity-title{color:#fff;font-size:28px;font-weight:700;margin-bottom:15px}.inactivity-message{font-size:16px;line-height:1.5;margin-bottom:30px;opacity:.95}.countdown-container{align-items:center;display:flex;flex-direction:column;margin:30px 0}.countdown-circle{height:100px;margin-bottom:15px;position:relative;width:100px}.countdown-circle svg{transform:rotate(-90deg)}.countdown-text{color:#fff;font-size:24px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.countdown-message{color:#ffeb3b;font-size:14px;opacity:.9}.inactivity-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px}.quit-button,.resume-button{border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.resume-button{background:#4caf50;box-shadow:0 4px 15px #4caf504d;color:#fff}.resume-button:hover{background:#45a049;box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.quit-button{background:#fff3;border:2px solid #ffffff4d;color:#fff}.quit-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}@media (prefers-color-scheme:dark){.inactivity-popup{background:linear-gradient(135deg,#434343,#000)}}.move-explanation-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.move-explanation-modal{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #0006;max-height:90vh;max-width:900px;overflow-y:auto;padding:0;width:95%}.move-explanation-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:20px 30px}.move-explanation-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.move-explanation-content{color:#fff;padding:30px}.move-overview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;margin-bottom:25px}.player-badge{letter-spacing:1px;padding:6px 12px}.move-phase{background:#fff3;border-radius:6px;font-size:10px;letter-spacing:1px;padding:4px 8px}.move-quality{align-items:flex-end;flex-direction:column;gap:8px}.quality-badge{font-size:14px;text-shadow:0 1px 2px #0000004d}.confidence-score{font-size:12px;opacity:.8}.board-section h3{color:#fff;font-size:18px;font-weight:600}.board-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;padding:20px}.board-state h4{color:#fff;font-weight:600;text-align:center}.board-visualization{background:#ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:2px;padding:10px}.board-row{gap:2px}.board-cell{background:#fff3;height:30px;width:30px}.board-cell.highlighted{background:#2ecc714d;box-shadow:0 0 10px #2ecc7180}.disc{height:24px;width:24px}.disc.red,.disc.yellow{box-shadow:0 2px 4px #0000004d}.explanation-section{margin-bottom:30px}.explanation-section h3{color:#fff;font-size:18px;font-weight:600}.explanation-content{display:flex;flex-direction:column;gap:20px}.primary-explanation,.secondary-explanations,.strategic-tactical{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;padding:20px}.primary-explanation h4,.secondary-explanations h4{color:#fff;font-size:16px;font-weight:600;margin-bottom:10px}.primary-explanation p{color:#fff;margin:0}.secondary-explanations ul{color:#fff;line-height:1.6;margin:0;padding-left:20px}.strategic h4,.tactical h4{color:#fff;font-size:16px;font-weight:600;margin-bottom:10px}.strategic p,.tactical p{color:#fff;margin:0}.alternatives-section{margin-bottom:30px}.alternatives-section h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:20px}.alternatives-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.alternative-move{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;padding:15px;transition:transform .3s ease}.alternative-move:hover{transform:translateY(-3px)}.alt-column{color:#fff;font-size:16px;font-weight:600;margin-bottom:5px}.alt-score{color:#fffc;font-size:14px;margin-bottom:8px}.alt-reasoning{color:#ffffffb3;font-size:12px;line-height:1.4}.move-stats,.move-stats h3{margin-bottom:20px}.move-stats h3{color:#fff;font-size:18px;font-weight:600}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;display:flex;justify-content:space-between;padding:15px}.stat-label{font-size:14px;opacity:.8}.stat-value{color:#fff;font-size:16px;font-weight:600}@media (max-width:768px){.move-explanation-modal{margin:20px;width:95%}.move-explanation-content{padding:20px}.move-overview{align-items:flex-start;flex-direction:column;gap:15px}.board-comparison{gap:20px;grid-template-columns:1fr}.strategic-tactical{gap:15px}.alternatives-grid,.stats-grid,.strategic-tactical{grid-template-columns:1fr}}@media (max-width:480px){.board-cell{height:25px;width:25px}.disc{height:20px;width:20px}}.no-move-selected{color:#9ca3af;padding:3rem 2rem;text-align:center}.no-move-selected h2{color:#e5e7eb;font-size:1.5rem;margin-bottom:1rem}.no-move-selected p{font-size:1.1rem;margin-bottom:.5rem}.no-move-selected .instructions{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:12px;margin-top:2rem;padding:1.5rem}.no-move-selected .instructions p{color:#93c5fd;margin:.5rem 0}.move-analysis-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.move-analysis-modal{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:1000px;overflow-y:auto;padding:0;width:95%}.move-analysis-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:20px 30px}.move-analysis-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.move-analysis-content{color:#fff;padding:30px}.tab-navigation{border-bottom:2px solid #fff3;display:flex;gap:10px;margin-bottom:30px;padding-bottom:10px}.tab-btn{background:#ffffff1a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .3s ease}.tab-btn:hover{background:#fff3}.tab-btn.active{background:#ffffff4d;box-shadow:0 4px 12px #0003}.tab-content{min-height:400px}.move-overview{background:#ffffff1a;border-radius:15px;justify-content:space-between;margin-bottom:30px;padding:20px}.move-info,.move-overview{align-items:center;display:flex}.move-info{gap:15px}.move-number{color:#f39c12;font-size:18px}.player-badge{border-radius:20px;padding:5px 12px;text-transform:uppercase}.player-badge.player{color:#3498db}.player-badge.ai{color:#e74c3c}.move-phase{background:#2ecc714d;border-radius:20px;color:#2ecc71;font-size:12px;font-weight:600;padding:5px 12px;text-transform:uppercase}.move-quality{align-items:center;display:flex;gap:15px}.quality-badge{border-radius:20px;color:#fff;padding:8px 16px;text-transform:uppercase}.confidence-score{color:#fffc;font-size:14px}.board-section{margin-bottom:30px}.board-section h3{color:#f39c12;font-size:20px;margin-bottom:20px}.board-comparison{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.board-state h4{color:#ffffffe6;font-size:16px;margin-bottom:15px}.board-visualization{background:#0000004d;border-radius:15px;display:inline-block;padding:20px}.board-row{display:flex;gap:5px;margin-bottom:5px}.board-cell{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.board-cell.highlighted{background:#f1c40f4d;box-shadow:0 0 10px #f1c40f80}.disc{border-radius:50%;height:30px;transition:all .3s ease;width:30px}.disc.red{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 8px #e74c3c4d}.disc.yellow{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 4px 8px #f39c124d}.explanation-section h3{color:#f39c12;font-size:20px;margin-bottom:20px}.explanation-content{grid-gap:25px;display:grid;gap:25px}.primary-explanation h4,.secondary-explanations h4,.strategic h4,.tactical h4{color:#ffffffe6;font-size:16px;margin-bottom:10px}.primary-explanation p{background:#ffffff1a;border-radius:10px;line-height:1.6;padding:15px}.secondary-explanations ul{background:#ffffff1a;border-radius:10px;padding:15px 15px 15px 35px}.secondary-explanations li{line-height:1.5;margin-bottom:8px}.strategic-tactical{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.strategic,.tactical{background:#ffffff1a;border-radius:10px;padding:20px}.strategic p,.tactical p{line-height:1.6}.insights-tab{grid-gap:30px;display:grid;gap:30px}.position-evaluation h3,.strategic-insights h3,.tactical-insights h3{color:#f39c12;font-size:20px;margin-bottom:20px}.evaluation-grid{grid-gap:15px;background:#ffffff1a;border-radius:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px}.eval-item{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:10px}.eval-label{color:#fffc;font-weight:500}.eval-value{border-radius:15px;font-size:12px;font-weight:600;padding:5px 10px;text-transform:uppercase}.eval-value.winning{background:#2ecc714d;color:#2ecc71}.eval-value.equal{background:#f39c124d;color:#f39c12}.eval-value.losing{background:#e74c3c4d;color:#e74c3c}.insights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.insight-section{background:#ffffff1a;border-radius:15px;padding:20px}.insight-section h4{color:#ffffffe6;font-size:16px;margin-bottom:15px}.insight-section ul{list-style:none;padding:0}.insight-section li{border-bottom:1px solid #ffffff1a;line-height:1.5;padding:8px 0}.insight-section li:last-child{border-bottom:none}.tactical-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tactical-section{background:#ffffff1a;border-radius:15px;padding:20px}.tactical-section h4{color:#ffffffe6;font-size:16px;margin-bottom:15px}.tactical-section ul{list-style:none;padding:0}.tactical-section li{border-bottom:1px solid #ffffff1a;line-height:1.5;padding:8px 0}.tactical-section li:last-child{border-bottom:none}.recommendations-tab{grid-gap:30px;display:grid;gap:30px}.avoid-moves h3,.best-moves h3,.immediate-threats h3{color:#f39c12;font-size:20px;margin-bottom:20px}.moves-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.move-recommendation{background:#ffffff1a;border-left:4px solid #2ecc71;border-radius:15px;padding:20px}.move-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.move-column{color:#2ecc71;font-size:16px}.risk-badge{border-radius:10px;font-size:10px;font-weight:600;padding:4px 8px;text-transform:uppercase}.risk-badge.low{background:#2ecc714d;color:#2ecc71}.risk-badge.medium{background:#f39c124d;color:#f39c12}.risk-badge.high{background:#e74c3c4d;color:#e74c3c}.move-score{color:#fffc;font-size:14px;margin-bottom:10px}.move-reasoning{color:#ffffffe6;line-height:1.5}.avoid-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.avoid-move{background:#ffffff1a;border-left:4px solid #e74c3c;border-radius:15px;padding:20px}.avoid-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.avoid-column{color:#e74c3c;font-size:16px;font-weight:600}.avoid-reason{color:#ffffffe6;line-height:1.5}.threats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.threat-section{background:#ffffff1a;border-radius:15px;padding:20px}.threat-section h4{color:#ffffffe6;font-size:16px;margin-bottom:15px}.threat-section ul{list-style:none;padding:0}.threat-section li{border-bottom:1px solid #ffffff1a;line-height:1.5;padding:8px 0}.threat-section li:last-child{border-bottom:none}@media (max-width:768px){.move-analysis-modal{max-height:95vh;width:95%}.move-analysis-content{padding:20px}.tab-navigation{flex-direction:column;gap:5px}.move-overview{align-items:flex-start;flex-direction:column;gap:15px}.board-comparison,.strategic-tactical{gap:20px;grid-template-columns:1fr}.avoid-grid,.evaluation-grid,.insights-grid,.moves-grid,.tactical-grid,.threats-grid{grid-template-columns:1fr}}@media (max-width:480px){.move-analysis-header{padding:15px 20px}.move-analysis-header h2{font-size:20px}.move-analysis-content{padding:15px}.board-cell{height:30px;width:30px}.disc{height:22px;width:22px}}.game-history-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.game-history-modal{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #0006;max-height:90vh;max-width:1000px;overflow-y:auto;padding:0;width:95%}.game-history-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:20px 30px}.game-history-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.game-history-nav{border-bottom:1px solid #fff3;display:flex;gap:10px;padding:20px 30px 0}.nav-btn{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .3s ease}.nav-btn.active{background:#ffffff4d;font-weight:600}.nav-btn:hover{background:#fff3}.game-history-content{color:#fff;padding:30px}.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:60px 30px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:20px;width:40px}.error-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:60px 30px}.error-message{background:#e74c3c33;border-radius:10px;margin-bottom:20px;padding:15px 20px;text-align:center}.retry-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 20px;transition:all .3s ease}.retry-btn:hover{background:#ffffff4d}.history-view h3,.search-view h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:20px}.game-list{display:flex;flex-direction:column;gap:15px;max-height:500px;overflow-y:auto}.game-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;cursor:pointer;padding:20px;transition:all .3s ease}.game-item:hover{background:#ffffff26;transform:translateY(-2px)}.game-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.game-info{display:flex;flex-direction:column;gap:5px}.game-date{font-size:16px;font-weight:600}.game-time{font-size:12px;opacity:.7}.game-winner{background:#fff3;border-radius:20px;font-size:14px;font-weight:600;padding:6px 12px}.game-details{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.game-stats{display:flex;gap:15px}.stat{font-size:12px;opacity:.8}.quality-badge{background:#ffffff1a;border-radius:6px;font-size:12px;font-weight:600;padding:4px 8px}.game-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#fff3;border-radius:12px;color:#fff;font-size:10px;font-weight:500;padding:4px 8px}.search-filters{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;margin-bottom:20px;padding:20px}.search-filters h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:20px}.filters-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:12px;font-weight:600;opacity:.8}.filter-group input,.filter-group select{background:#fff3;border:none;border-radius:6px;color:#fff;font-size:14px;padding:8px 12px}.filter-group input::placeholder{color:#fff9}.search-btn{background:#2ecc714d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.search-btn:hover{background:#2ecc7166}.search-results{margin-top:20px}.empty-state{opacity:.7;padding:40px;text-align:center}.replay-view{color:#fff}.replay-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.replay-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.back-btn{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.back-btn:hover{background:#ffffff4d}.replay-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;margin-bottom:20px;padding:20px}.replay-stats{display:flex;flex-wrap:wrap;gap:20px}.replay-stats span{font-size:14px;opacity:.8}.replay-moves{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;margin-bottom:20px;padding:20px}.replay-moves h4{color:#fff;font-size:16px;font-weight:600;margin-bottom:15px}.moves-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.move-item{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;font-size:14px;gap:15px;padding:10px}.move-number{font-weight:600;min-width:30px}.player-badge{border-radius:6px;font-size:12px;font-weight:600;padding:4px 8px}.player-badge.player{background:#3498db4d}.player-badge.ai{background:#e74c3c4d}.move-column{font-weight:600}.move-time{font-size:12px;opacity:.7}.move-quality{border-radius:4px;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.move-quality.excellent{background:#2ecc714d;color:#2ecc71}.move-quality.good{background:#3498db4d;color:#3498db}.move-quality.average{background:#f39c124d;color:#f39c12}.move-quality.poor{background:#e67e224d;color:#e67e22}.move-quality.blunder{background:#e74c3c4d;color:#e74c3c}.replay-highlights{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;padding:20px}.replay-highlights h4{color:#fff;font-size:16px;font-weight:600;margin-bottom:15px}.highlights-list{display:flex;flex-direction:column;gap:10px}.highlight-item{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;gap:15px;padding:12px}.highlight-type{border-radius:6px;font-size:10px;font-weight:600;padding:4px 8px;text-transform:uppercase}.highlight-type.brilliant{background:#2ecc714d;color:#2ecc71}.highlight-type.mistake{background:#e74c3c4d;color:#e74c3c}.highlight-type.critical{background:#f39c124d;color:#f39c12}.highlight-type.interesting{background:#9b59b64d;color:#9b59b6}.highlight-move{font-size:14px;font-weight:600}.highlight-description{flex:1 1;font-size:12px;opacity:.8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.game-history-modal{margin:20px;width:95%}.game-history-content{padding:20px}.game-history-nav{padding:15px 20px 0}.nav-btn{font-size:12px;padding:10px 15px}.filters-grid{grid-template-columns:1fr}.game-details,.game-header{align-items:flex-start;flex-direction:column;gap:10px}.game-stats{flex-direction:column;gap:5px}.replay-stats{flex-direction:column;gap:10px}.move-item{flex-wrap:wrap;gap:10px}}@media (max-width:480px){.game-history-header{padding:15px 20px}.game-history-header h2{font-size:20px}.game-history-content{padding:15px}}:root{--primary-blue:#3b82f6;--primary-blue-dark:#2563eb;--primary-blue-light:#60a5fa;--accent-blue:#93c5fd;--bg-blue-gradient:linear-gradient(135deg,#1e3a8a,#1e40af);--bg-blue-light:#dbeafe}.user-settings{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:800px;min-height:600px;padding:20px}.settings-header{align-items:center;border-bottom:2px solid #60a5fa;border-bottom:2px solid var(--primary-blue-light);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.settings-header h2{color:#2563eb;color:var(--primary-blue-dark);font-size:28px;font-weight:600;margin:0;text-shadow:0 2px 4px #0000001a}.reset-button{background:#fff;border:2px solid #3b82f6;border:2px solid var(--primary-blue);border-radius:6px;color:#3b82f6;color:var(--primary-blue);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.reset-button:hover:not(:disabled){background:#3b82f6;background:var(--primary-blue);box-shadow:0 2px 8px #3b82f64d;color:#fff;transform:translateY(-1px)}.reset-button:disabled{cursor:not-allowed;opacity:.5}.settings-tabs{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;display:flex;gap:4px;margin-bottom:24px;padding:4px}.tab-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#2563eb;color:var(--primary-blue-dark);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.tab-button:hover{background:#ffffff80;color:#3b82f6;color:var(--primary-blue)}.tab-button.active{background:#3b82f6;background:var(--primary-blue);box-shadow:0 2px 8px #3b82f64d;color:#fff}.tab-icon{font-size:18px}.tab-label{font-weight:500}.settings-message{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px}.settings-message.success{background:#dbeafe;background:var(--bg-blue-light);border:1px solid #60a5fa;border:1px solid var(--primary-blue-light);color:#2563eb;color:var(--primary-blue-dark)}.settings-message.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.settings-content{background:#fffffff2;border:1px solid #60a5fa;border:1px solid var(--primary-blue-light);border-radius:12px;box-shadow:0 4px 20px #3b82f61a;overflow:hidden}.settings-section{padding:24px}.setting-group{margin-bottom:32px}.setting-group:last-child{margin-bottom:0}.setting-group h3{color:#2563eb;color:var(--primary-blue-dark);font-size:18px;font-weight:600;margin:0 0 16px}.setting-description{color:#666;color:var(--text-secondary,#666);font-size:14px;line-height:1.5;margin:0 0 16px}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-label{align-items:center;background:#fff;border:1px solid #60a5fa;border:1px solid var(--primary-blue-light);border-radius:8px;cursor:pointer;display:flex;padding:12px 16px;transition:all .2s ease}.radio-label:hover{background:#dbeafe;background:var(--bg-blue-light);border-color:#3b82f6;border-color:var(--primary-blue);transform:translateX(4px)}.radio-label input[type=radio]{accent-color:#3b82f6;accent-color:var(--primary-blue);cursor:pointer;height:20px;margin-right:12px;width:20px}.radio-text{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:14px;font-weight:500}.select-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.select-label span{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:14px;font-weight:500}.select-label select{background:#fff;border:2px solid #60a5fa;border:2px solid var(--primary-blue-light);border-radius:6px;color:#2563eb;color:var(--primary-blue-dark);cursor:pointer;font-size:14px;min-width:180px;padding:8px 12px;transition:all .2s ease}.select-label select:focus,.select-label select:hover{border-color:#3b82f6;border-color:var(--primary-blue)}.select-label select:focus{box-shadow:0 0 0 3px #3b82f633;outline:none}.switch-label{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 0}.switch-label:not(:last-child){border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light,#f0f0f0)}.switch-label span:first-child{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:14px;font-weight:500}.switch-label input[type=checkbox]{display:none}.switch{background:#e5e7eb;border-radius:24px;height:24px;position:relative;transition:background .3s ease;width:48px}.switch:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.switch-label input[type=checkbox]:checked+.switch{background:#3b82f6;background:var(--primary-blue)}.switch-label input[type=checkbox]:checked+.switch:after{transform:translateX(24px)}.setting-note{color:#999;color:var(--text-tertiary,#999);font-size:13px;line-height:1.5;margin-top:8px}.save-indicator{align-items:center;background:#3b82f6;background:var(--primary-blue);border-radius:8px;bottom:24px;box-shadow:0 4px 12px #3b82f666;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;position:fixed;right:24px}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}:root.theme-dark{--text-primary:#f0f0f0;--text-secondary:#a0a0a0;--text-tertiary:#707070;--bg-primary:#1a1a1a;--bg-secondary:#252525;--bg-hover:#2a2a2a;--border-color:#333;--border-hover:#444;--border-light:#2a2a2a;--switch-bg:#444}:root.theme-dark .user-settings{background:linear-gradient(135deg,#0f172a,#1e293b);color:var(--text-primary)}:root.theme-dark .reset-button,:root.theme-dark .settings-header h2{color:#60a5fa;color:var(--primary-blue-light)}:root.theme-dark .reset-button{background:#0000;border-color:#60a5fa;border-color:var(--primary-blue-light)}:root.theme-dark .reset-button:hover:not(:disabled){background:#3b82f6;background:var(--primary-blue);color:#fff}:root.theme-dark .settings-content{background:#1e293bf2;border-color:#3b82f6;border-color:var(--primary-blue)}:root.theme-dark .tab-button{color:#93c5fd;color:var(--accent-blue)}:root.theme-dark .tab-button.active{background:#3b82f6;background:var(--primary-blue);color:#fff}:root.theme-dark .select-label select{background:var(--bg-primary);border-color:#3b82f6;border-color:var(--primary-blue);color:var(--text-primary)}:root.theme-dark .radio-label{background:#1e293b80;border-color:#3b82f6;border-color:var(--primary-blue)}:root.theme-dark .save-indicator{background:#2563eb;background:var(--primary-blue-dark)}:root.high-contrast{--text-primary:#000;--text-secondary:#000;--text-tertiary:#333;--bg-primary:#fff;--bg-secondary:#fff;--bg-hover:#f0f0f0;--border-color:#000;--border-hover:#000;--primary-color:#06c}:root.high-contrast .setting-group,:root.high-contrast .settings-header{border-color:#000!important}:root.large-text{font-size:18px}:root.large-text .settings-header h2{font-size:32px}:root.large-text .setting-group h3{font-size:22px}:root.reduced-motion *{animation:none!important;transition:none!important}@media (max-width:768px){.user-settings{padding:16px}.settings-header{align-items:stretch;flex-direction:column;gap:16px}.reset-button{width:100%}.settings-tabs{flex-direction:column}.tab-button{justify-content:flex-start}.select-label{align-items:stretch;flex-direction:column;gap:8px}.select-label select{width:100%}.save-indicator{bottom:16px;justify-content:center;left:16px;right:16px}}@media (max-width:480px){.settings-section{padding:16px}.tab-icon{display:none}}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-2{inset:.5rem}.inset-4{inset:1rem}.inset-6{inset:1.5rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-2{left:.5rem}.left-4{left:1rem}.right-0{right:0}.right-2{right:.5rem}.right-4{right:1rem}.right-8{right:2rem}.top-0{top:0}.top-1\/2{top:50%}.top-14{top:3.5rem}.top-2{top:.5rem}.top-4{top:1rem}.z-50{z-index:50}.z-\[10001\]{z-index:10001}.z-\[100\]{z-index:100}.z-\[9999\]{z-index:9999}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1}.translate-x-1{--tw-translate-x:0.25rem}.translate-x-1,.translate-x-7{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-7{--tw-translate-x:1.75rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-blue-300{--tw-border-opacity:1;border-color:#93c5fd;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.border-blue-400{--tw-border-opacity:1;border-color:#60a5fa;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.border-blue-400\/50{border-color:#60a5fa80}.border-blue-800{--tw-border-opacity:1;border-color:#1e40af;border-color:rgb(30 64 175/var(--tw-border-opacity,1))}.border-gray-400{--tw-border-opacity:1;border-color:#9ca3af;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.border-gray-500{--tw-border-opacity:1;border-color:#6b7280;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.border-gray-600{--tw-border-opacity:1;border-color:#4b5563;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:#374151;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:#22c55e;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-pink-400{--tw-border-opacity:1;border-color:#f472b6;border-color:rgb(244 114 182/var(--tw-border-opacity,1))}.border-purple-400{--tw-border-opacity:1;border-color:#c084fc;border-color:rgb(192 132 252/var(--tw-border-opacity,1))}.border-red-400\/50{border-color:#f8717180}.border-red-500{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-b-transparent{border-bottom-color:#0000}.border-l-transparent{border-left-color:#0000}.border-t-transparent{border-top-color:#0000}.border-opacity-20{--tw-border-opacity:0.2}.border-opacity-30{--tw-border-opacity:0.3}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/20{background-color:#0003}.bg-black\/30{background-color:#0000004d}.bg-black\/70{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-blue-400{--tw-bg-opacity:1;background-color:#60a5fa;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-500\/20{background-color:#3b82f633}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-blue-700{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.bg-blue-800{--tw-bg-opacity:1;background-color:#1e40af;background-color:rgb(30 64 175/var(--tw-bg-opacity,1))}.bg-blue-900{--tw-bg-opacity:1;background-color:#1e3a8a;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.bg-blue-900\/90{background-color:#1e3a8ae6}.bg-gray-500\/10{background-color:#6b72801a}.bg-gray-600{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-700\/50{background-color:#37415180}.bg-gray-800{--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-gray-800\/50{background-color:#1f293780}.bg-gray-900{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-gray-900\/90{background-color:#111827e6}.bg-green-400{--tw-bg-opacity:1;background-color:#4ade80;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-500\/20{background-color:#22c55e33}.bg-green-600{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-green-900{--tw-bg-opacity:1;background-color:#14532d;background-color:rgb(20 83 45/var(--tw-bg-opacity,1))}.bg-orange-600{--tw-bg-opacity:1;background-color:#ea580c;background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}.bg-pink-600{--tw-bg-opacity:1;background-color:#db2777;background-color:rgb(219 39 119/var(--tw-bg-opacity,1))}.bg-purple-600{--tw-bg-opacity:1;background-color:#9333ea;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-purple-800{--tw-bg-opacity:1;background-color:#6b21a8;background-color:rgb(107 33 168/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-500\/20{background-color:#ef444433}.bg-red-600{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-red-900{--tw-bg-opacity:1;background-color:#7f1d1d;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.bg-red-900\/90{background-color:#7f1d1de6}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/30{background-color:#ffffff4d}.bg-white\/5{background-color:#ffffff0d}.bg-yellow-500{--tw-bg-opacity:1;background-color:#eab308;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-yellow-600{--tw-bg-opacity:1;background-color:#ca8a04;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-opacity-20{--tw-bg-opacity:0.2}.bg-opacity-30{--tw-bg-opacity:0.3}.bg-opacity-5{--tw-bg-opacity:0.05}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-60{--tw-bg-opacity:0.6}.bg-opacity-70{--tw-bg-opacity:0.7}.bg-opacity-80{--tw-bg-opacity:0.8}.bg-opacity-95{--tw-bg-opacity:0.95}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-black{--tw-gradient-from:#000 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-300{--tw-gradient-from:#93c5fd var(--tw-gradient-from-position);--tw-gradient-to:#93c5fd00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-400{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-900{--tw-gradient-from:#1e3a8a var(--tw-gradient-from-position);--tw-gradient-to:#1e3a8a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-900{--tw-gradient-from:#111827 var(--tw-gradient-from-position);--tw-gradient-to:#11182700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-400{--tw-gradient-from:#4ade80 var(--tw-gradient-from-position);--tw-gradient-to:#4ade8000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-900{--tw-gradient-from:#14532d var(--tw-gradient-from-position);--tw-gradient-to:#14532d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-900{--tw-gradient-from:#7c2d12 var(--tw-gradient-from-position);--tw-gradient-to:#7c2d1200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-900{--tw-gradient-from:#831843 var(--tw-gradient-from-position);--tw-gradient-to:#83184300 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-900{--tw-gradient-from:#581c87 var(--tw-gradient-from-position);--tw-gradient-to:#581c8700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:#ef444400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-600{--tw-gradient-from:#ca8a04 var(--tw-gradient-from-position);--tw-gradient-to:#ca8a0400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-blue-900{--tw-gradient-to:#1e3a8a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e3a8a var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-gray-800{--tw-gradient-to:#1f293700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1f2937 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-gray-900{--tw-gradient-to:#11182700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#111827 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-green-900{--tw-gradient-to:#14532d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#14532d var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-pink-900{--tw-gradient-to:#83184300 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#831843 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-400{--tw-gradient-to:#c084fc00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#c084fc var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-500{--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a855f7 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-900{--tw-gradient-to:#581c8700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#581c87 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-red-900{--tw-gradient-to:#7f1d1d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#7f1d1d var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-yellow-500{--tw-gradient-to:#eab30800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#eab308 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-black{--tw-gradient-to:#000 var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.to-blue-900{--tw-gradient-to:#1e3a8a var(--tw-gradient-to-position)}.to-cyan-400{--tw-gradient-to:#22d3ee var(--tw-gradient-to-position)}.to-emerald-400{--tw-gradient-to:#34d399 var(--tw-gradient-to-position)}.to-gray-900{--tw-gradient-to:#111827 var(--tw-gradient-to-position)}.to-green-500{--tw-gradient-to:#22c55e var(--tw-gradient-to-position)}.to-indigo-900{--tw-gradient-to:#312e81 var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to:#ea580c var(--tw-gradient-to-position)}.to-pink-400{--tw-gradient-to:#f472b6 var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.to-purple-300{--tw-gradient-to:#d8b4fe var(--tw-gradient-to-position)}.to-purple-400{--tw-gradient-to:#c084fc var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.to-purple-900{--tw-gradient-to:#581c87 var(--tw-gradient-to-position)}.to-yellow-900{--tw-gradient-to:#713f12 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem}.pt-4,.py-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.text-black{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-200{--tw-text-opacity:1;color:#bfdbfe;color:rgb(191 219 254/var(--tw-text-opacity,1))}.text-blue-300{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-gray-200{--tw-text-opacity:1;color:#e5e7eb;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-green-300{--tw-text-opacity:1;color:#86efac;color:rgb(134 239 172/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:#4ade80;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-purple-300{--tw-text-opacity:1;color:#d8b4fe;color:rgb(216 180 254/var(--tw-text-opacity,1))}.text-red-200{--tw-text-opacity:1;color:#fecaca;color:rgb(254 202 202/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-300{--tw-text-opacity:1;color:#fde047;color:rgb(253 224 71/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:#facc15;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:#eab308;color:rgb(234 179 8/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-lg,.backdrop-blur-md{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-blur-xl{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-200{transition-delay:.2s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.glitch{animation:glitch-anim 2s linear infinite alternate-reverse;color:#fff;position:relative;text-shadow:-2px -2px 0 #ff00c1,2px 2px 0 #00fff9}.glitch:after,.glitch:before{background:#1a202c;content:attr(data-text);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.glitch:before{animation:glitch-anim-2 2s linear infinite alternate-reverse;left:2px;text-shadow:-2px 0 #ff00c1}.glitch:after{animation:glitch-anim-1 3s linear infinite alternate-reverse;left:-2px;text-shadow:-2px 0 #00fff9,2px 2px #ff00c1}@keyframes glitch-anim-1{0%{clip-path:inset(10% 0 80% 0)}20%{clip-path:inset(50% 0 20% 0)}40%{clip-path:inset(25% 0 60% 0)}60%{clip-path:inset(80% 0 5% 0)}80%{clip-path:inset(40% 0 45% 0)}to{clip-path:inset(70% 0 15% 0)}}@keyframes glitch-anim-2{0%{clip-path:inset(85% 0 5% 0)}20%{clip-path:inset(10% 0 70% 0)}40%{clip-path:inset(60% 0 30% 0)}60%{clip-path:inset(30% 0 50% 0)}80%{clip-path:inset(90% 0 2% 0)}to{clip-path:inset(45% 0 40% 0)}}@keyframes glitch-anim{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(3px,-3px)}60%{transform:translate(-3px,3px)}80%{transform:translate(3px,-3px)}to{transform:translate(0)}}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-110:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:#9ca3af;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.hover\:bg-black\/30:hover{background-color:#0000004d}.hover\:bg-black\/40:hover{background-color:#0006}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:#15803d;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-opacity-10:hover{--tw-bg-opacity:0.1}.hover\:bg-opacity-100:hover{--tw-bg-opacity:1}.hover\:bg-opacity-40:hover{--tw-bg-opacity:0.4}.hover\:bg-opacity-80:hover{--tw-bg-opacity:0.8}.hover\:text-black:hover{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity,1))}.hover\:text-blue-300:hover{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:shadow-blue-500\/50:hover{--tw-shadow-color:#3b82f680;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-yellow-500\/50:hover{--tw-shadow-color:#eab30880;--tw-shadow:var(--tw-shadow-colored)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-green-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(134 239 172/var(--tw-ring-opacity,1))}@media (min-width:768px){.md\:absolute{position:absolute}.md\:bottom-6{bottom:1.5rem}.md\:left-4{left:1rem}.md\:left-6{left:1.5rem}.md\:right-4{right:1rem}.md\:right-6{right:1.5rem}.md\:top-4{top:1rem}.md\:mb-4{margin-bottom:1rem}.md\:mb-6{margin-bottom:1.5rem}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-16{height:4rem}.md\:w-16{width:4rem}.md\:w-80{width:20rem}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-4{gap:1rem}.md\:bg-transparent{background-color:initial}.md\:p-0{padding:0}.md\:p-4{padding:1rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:text-7xl{font-size:4.5rem;line-height:1}}@media (prefers-color-scheme:dark){.dark\:bg-gray-900{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.dark\:hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}}
/*# sourceMappingURL=main.1546ce0c.css.map*/