*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#1e1e1e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100%;height:100vh;overflow:hidden}*{margin:0;padding:0}.download-progress-container{display:flex;align-items:center;gap:8px;padding-left:12px;border-left:1px solid #3d3d3d;min-width:200px;max-width:350px}.download-progress-bar{width:80px;height:8px;background:#2d2d2d;border-radius:4px;overflow:hidden;flex-shrink:0}.download-progress-fill{height:100%;background:linear-gradient(90deg,#4a9eff,#6bb3ff);border-radius:4px;transition:width .3s ease}.download-progress-fill.downloading{animation:pulse-progress 1.5s ease-in-out infinite}.download-progress-fill.error{background:linear-gradient(90deg,#ff4a4a,#ff6b6b)}.download-progress-fill.complete{background:linear-gradient(90deg,#4aff4a,#6bff6b)}@keyframes pulse-progress{0%,to{opacity:1}50%{opacity:.7}}.download-progress-text{font-size:12px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.download-percentage{color:#4a9eff;font-weight:500}.download-error{color:#ff6b6b}@media(max-width:768px){.download-progress-container{min-width:150px;max-width:200px}.download-progress-bar{width:60px}.download-progress-text{font-size:11px}}.env-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background-color:#4a4a1a;color:#d4c24a;border:1px solid #6a6a2a;margin-left:auto;white-space:nowrap;line-height:1.4}.env-badge--preview,.env-badge--staging{background-color:#1a3a4a;color:#4ab8d4;border-color:#2a5a6a}.env-badge--development{background-color:#2a1a4a;color:#9b7fd4;border-color:#4a2a6a}.app-footer{position:sticky;bottom:0;left:0;right:0;background-color:#2d2d2d;border-top:1px solid #3d3d3d;padding:8px 16px;z-index:100}.footer-content{display:flex;align-items:center;gap:12px;font-size:14px;color:#fff}.footer-label{font-weight:600;color:#888;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.footer-stat{display:flex;align-items:center;gap:4px;color:#ddd}.footer-stat strong{color:#fff;font-weight:600}.footer-separator{color:#666;-webkit-user-select:none;user-select:none}.footer-loading,.footer-empty{color:#aaa;font-style:italic}.footer-last-match{margin-left:auto;color:#999}.footer-last-synced{color:#888;font-size:12px}.streak-w{color:#4caf50}.streak-l{color:#f44336}.streak-w strong,.streak-l strong{color:inherit}.auth-bar{padding:0 12px;display:flex;align-items:center}.auth-bar-signed-out{display:flex;align-items:center;gap:8px}.auth-bar-signed-in{display:flex;align-items:center}.auth-btn{padding:6px 14px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s}.auth-btn-signin{background-color:transparent;color:#aaa;border:1px solid #555555}.auth-btn-signin:hover{color:#fff;border-color:#aaa}.auth-btn-signup{background-color:#4a9eff;color:#fff}.auth-btn-signup:hover{background-color:#3a8eef}.daemon-health-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0;cursor:help;transition:background-color .3s ease}.daemon-health-connected{background-color:#22c55e}.daemon-health-disconnected{background-color:#ef4444}.daemon-health-reconnecting{background-color:#eab308}.daemon-health-loading,.daemon-health-error{background-color:#6b7280}.daemon-health-clickable{cursor:pointer}.daemon-health-clickable:focus{outline:2px solid #8b5cf6;outline-offset:2px}.onboarding-modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:16px}.onboarding-modal{background-color:var(--bg-primary, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 16px 48px #00000080;animation:onboarding-appear .2s ease-out}@keyframes onboarding-appear{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.onboarding-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-color, #333)}.onboarding-modal-title{margin:0;font-size:18px;font-weight:700;color:var(--text-primary, #ffffff)}.onboarding-modal-close{background:none;border:none;color:var(--text-secondary, #9ca3af);font-size:22px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .15s,background-color .15s}.onboarding-modal-close:hover{color:var(--text-primary, #ffffff);background-color:var(--bg-hover, #2a2a2a)}.onboarding-steps-indicator{display:flex;align-items:center;justify-content:center;gap:0;padding:16px 24px;border-bottom:1px solid var(--border-color, #333)}.onboarding-step-pip{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;flex:1}.onboarding-step-pip:not(:last-child):after{content:"";position:absolute;top:14px;left:50%;right:-50%;height:2px;background-color:var(--border-color, #333);z-index:0}.onboarding-step-pip.done:not(:last-child):after{background-color:#6d28d9}.onboarding-step-pip-number{width:28px;height:28px;border-radius:50%;border:2px solid var(--border-color, #444);background-color:var(--bg-primary, #1a1a1a);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-secondary, #9ca3af);z-index:1;position:relative;transition:all .2s ease}.onboarding-step-pip.active .onboarding-step-pip-number{border-color:#8b5cf6;background-color:#8b5cf6;color:#fff}.onboarding-step-pip.done .onboarding-step-pip-number{border-color:#6d28d9;background-color:#6d28d9;color:#fff}.onboarding-step-pip-label{font-size:11px;color:var(--text-secondary, #9ca3af);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.onboarding-step-pip.active .onboarding-step-pip-label{color:#8b5cf6}.onboarding-step-pip.done .onboarding-step-pip-label{color:#6d28d9}.onboarding-modal-body{padding:24px}.onboarding-step{display:flex;flex-direction:column;align-items:center;gap:16px}.onboarding-step-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background-color:#8b5cf61a;color:#8b5cf6}.onboarding-step-icon--success{background-color:#22c55e1a;color:#22c55e}.onboarding-step-icon--error{background-color:#ef44441a;color:#ef4444}.onboarding-step-heading{margin:0;font-size:20px;font-weight:700;color:var(--text-primary, #ffffff);text-align:center}.onboarding-step-description{margin:0;font-size:14px;color:var(--text-secondary, #9ca3af);line-height:1.6;text-align:center;max-width:440px}.onboarding-platform-instructions{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}@media(max-width:480px){.onboarding-platform-instructions{grid-template-columns:1fr}}.onboarding-platform{background-color:var(--bg-secondary, #252525);border:1px solid var(--border-color, #333);border-radius:10px;padding:16px}.onboarding-platform-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.onboarding-platform-icon{color:var(--text-secondary, #9ca3af);display:flex;align-items:center}.onboarding-platform-name{font-size:14px;font-weight:600;color:var(--text-primary, #ffffff)}.onboarding-install-steps{margin:0;padding-left:18px;list-style:decimal}.onboarding-install-steps li{font-size:13px;color:var(--text-secondary, #9ca3af);line-height:1.5;margin-bottom:6px}.onboarding-install-steps li:last-child{margin-bottom:0}.onboarding-install-steps code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;background-color:#ffffff0d;border:1px solid var(--border-color, #333);border-radius:4px;padding:1px 5px;color:var(--text-primary, #ffffff)}.onboarding-step-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:8px}.onboarding-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .15s ease;white-space:nowrap}.onboarding-btn--primary{background-color:#8b5cf6;color:#fff}.onboarding-btn--primary:hover{background-color:#7c3aed}.onboarding-btn--secondary{background-color:transparent;color:#8b5cf6;border:1px solid #8b5cf6}.onboarding-btn--secondary:hover{background-color:#8b5cf61a}.onboarding-btn--ghost{background-color:transparent;color:var(--text-secondary, #9ca3af);border:1px solid var(--border-color, #444)}.onboarding-btn--ghost:hover{color:var(--text-primary, #ffffff);background-color:var(--bg-hover, #2a2a2a);border-color:var(--border-hover, #666)}.onboarding-spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:onboarding-spin .8s linear infinite}@keyframes onboarding-spin{to{transform:rotate(360deg)}}.report-bug-btn{display:inline-flex;align-items:center;padding:5px 12px;margin-right:8px;background:transparent;border:1px solid #3d3d3d;border-radius:4px;color:#aaa;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s,background .2s;line-height:1}.report-bug-btn:hover{color:#fff;border-color:#4a9eff;background:#4a9eff14}.report-bug-btn:active{background:#4a9eff29}.app-container{display:flex;flex-direction:column;height:100vh;background-color:#1e1e1e;color:#fff}.tab-bar{display:flex;justify-content:space-between;align-items:center;background-color:#2d2d2d;border-bottom:1px solid #3d3d3d;padding:0}.tab-links{display:flex}.tab-bar-right{display:flex;align-items:center}.connection-status-indicator{padding:0 16px;display:flex;align-items:center;gap:8px}.status-badge-compact{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;transition:all .3s;cursor:help}.status-dot-compact{width:12px;height:12px;border-radius:50%;flex-shrink:0}.tab{padding:12px 24px;text-decoration:none;color:#aaa;border-bottom:2px solid transparent;transition:all .2s;font-weight:500}.tab:hover{color:#fff;background-color:#3d3d3d}.tab.active{color:#4a9eff;border-bottom-color:#4a9eff;background-color:#2d2d2d}.sub-tab-bar{display:flex;background-color:#252525;border-bottom:1px solid #3d3d3d;padding:0;gap:4px}.sub-tab{padding:8px 16px;text-decoration:none;color:#aaa;border-radius:4px 4px 0 0;transition:all .2s;font-size:14px}.sub-tab:hover{color:#fff;background-color:#3d3d3d}.sub-tab.active{color:#fff;background-color:#1e1e1e}.content{flex:1;overflow:auto;display:flex;flex-direction:column;min-height:0}.status-bar{display:flex;justify-content:space-between;align-items:center;background-color:#252525;border-top:1px solid #3d3d3d;padding:6px 16px;font-size:12px;color:#aaa}.status-right{color:#4a9eff}.status-badge-compact.status-connected{background-color:#4caf5033}.status-badge-compact.status-connected .status-dot-compact{background-color:#7dff7d;box-shadow:0 0 10px #7dff7d99}.status-badge-compact.status-standalone{background-color:#ff980033}.status-badge-compact.status-standalone .status-dot-compact{background-color:#ffb74d;box-shadow:0 0 10px #ffb74d99}.status-badge-compact.status-reconnecting{background-color:#2196f333}.status-badge-compact.status-reconnecting .status-dot-compact{background-color:#64b5f6;animation:pulse-compact 1.5s ease-in-out infinite}@keyframes pulse-compact{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.toast{position:relative;min-width:300px;max-width:500px;padding:16px 20px;background-color:#2d2d2d;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease-out;border-left:4px solid;margin-bottom:10px}.toast-hide{animation:slideOut .3s ease-out forwards}.toast-icon{font-size:20px;font-weight:700;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;color:#fff;font-size:14px;line-height:1.4}.toast-success{border-left-color:#7dff7d}.toast-success .toast-icon{color:#7dff7d}.toast-info{border-left-color:#4a9eff}.toast-info .toast-icon{color:#4a9eff}.toast-warning{border-left-color:#ffb84d}.toast-warning .toast-icon{color:#ffb84d}.toast-error{border-left-color:#ff7d7d}.toast-error .toast-icon{color:#ff7d7d}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;min-height:200px}.spinner{position:relative;display:inline-block}.spinner-small{width:24px;height:24px}.spinner-medium{width:40px;height:40px}.spinner-large{width:60px;height:60px}.spinner-circle{width:100%;height:100%;border:3px solid rgba(255,255,255,.1);border-top-color:#4a9eff;border-radius:50%;animation:spinner-rotate .8s linear infinite}.spinner-small .spinner-circle{border-width:2px}.spinner-large .spinner-circle{border-width:4px}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{margin-top:16px;color:#ffffffb3;font-size:14px;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;min-height:300px}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.6}.empty-state-heading{font-size:24px;font-weight:600;color:#fff;margin:0 0 12px}.empty-state-subtext{font-size:16px;color:#aaa;margin:0 0 8px;max-width:600px;line-height:1.5}.empty-state-cta{display:inline-block;margin-top:20px;padding:10px 24px;background-color:#4a9eff;color:#fff;border-radius:6px;text-decoration:none;font-size:14px;font-weight:600;transition:background-color .2s ease}.empty-state-cta:hover{background-color:#2a7edf;color:#fff}.empty-state--coming-soon .empty-state-icon{opacity:.4}.empty-state--coming-soon .empty-state-heading{color:#ccc}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;min-height:300px;background-color:#dc26260d;border:1px solid rgba(220,38,38,.2);border-radius:8px;margin:16px}.error-state-icon{font-size:64px;margin-bottom:16px}.error-state-title{font-size:20px;font-weight:600;color:#ef4444;margin:0 0 12px}.error-state-details{font-size:14px;color:#fca5a5;margin:0 0 8px;max-width:600px;font-family:monospace;background-color:#0003;padding:8px 12px;border-radius:4px}.error-state-help{font-size:14px;color:#aaa;margin:16px 0 0;max-width:600px;line-height:1.5}.chart-container{background-color:#2d2d2d;border-radius:8px;padding:20px;margin-bottom:24px}.summary{background-color:#2d2d2d;border-radius:8px;padding:20px}.summary h3{margin-bottom:16px;color:#fff}.summary-content{display:flex;align-items:center;gap:20px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;flex:1}.export-button{flex-shrink:0;white-space:nowrap}.summary-value{font-size:16px;color:#fff}.trend-improving{color:#7dff7d!important}.trend-declining{color:#ff7d7d!important}.deck-performance-header{flex-shrink:0}.deck-count{margin-bottom:12px;color:#aaa;font-size:14px}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:16px 0;overflow-y:auto}.deck-card{background-color:#2d2d2d;border-radius:8px;padding:20px;border:1px solid #3d3d3d;transition:all .2s}.deck-card:hover{border-color:#4a9eff;box-shadow:0 4px 12px #4a9eff1a}.deck-name{margin:0 0 16px;color:#4a9eff;font-size:18px;font-weight:600;word-break:break-word}.deck-stats{display:flex;flex-direction:column;gap:12px}.rank-progression-header{flex-shrink:0}.format-note{margin-top:8px;margin-bottom:12px}.note-text{font-size:13px;color:#888;font-style:italic}.progression-summary{background-color:#2d2d2d;border-radius:8px;padding:20px;margin-bottom:24px}.summary-title{margin:0 0 16px;color:#fff;font-size:18px;font-weight:600}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:12px;color:#aaa;text-transform:uppercase;font-weight:600}.summary-value{font-size:18px;color:#fff;font-weight:600}.trend-up{color:#7dff7d!important}.trend-down{color:#ff7d7d!important}.trend-stable{color:#aaa!important}.timeline-section{background-color:#2d2d2d;border-radius:8px;padding:20px;margin-top:24px}.timeline-title{margin:0 0 16px;color:#fff;font-size:18px;font-weight:600}.timeline-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.timeline-item{background-color:#1d1d1d;border-radius:6px;padding:12px 16px;border:1px solid #3d3d3d;display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;transition:all .2s}.timeline-item:hover{border-color:#4a9eff;box-shadow:0 2px 8px #4a9eff1a}.timeline-item.changed{border-color:#7dff7d;background-color:#1a2f1a}.timeline-date{font-size:14px;color:#aaa}.timeline-rank{font-size:14px;color:#4a9eff;font-weight:600}.timeline-change{color:#7dff7d;font-weight:500}.timeline-steps{font-size:14px;color:#aaa;font-weight:500}.format-distribution-header{flex-shrink:0}.format-count{margin-bottom:12px;color:#aaa;font-size:14px}.format-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:16px 0;overflow-y:auto}.format-card{background-color:#2d2d2d;border-radius:8px;padding:20px;border:1px solid #3d3d3d;transition:all .2s}.format-card:hover{border-color:#4a9eff;box-shadow:0 4px 12px #4a9eff1a}.format-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.format-name{margin:0;color:#4a9eff;font-size:18px;font-weight:600;word-break:break-word}.format-color-badge{width:16px;height:16px;border-radius:50%;flex-shrink:0}.format-stats{display:flex;flex-direction:column;gap:12px}.stat{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #3d3d3d}.stat:last-child{border-bottom:none}.stat-label{font-size:12px;color:#aaa;text-transform:uppercase;font-weight:600}.stat-value{font-size:16px;color:#fff;font-weight:500}.stat-value.win-rate{color:#4a9eff;font-size:20px;font-weight:600}.result-breakdown-header{flex-shrink:0}.metrics-container{display:flex;flex-direction:column;gap:24px;overflow-y:auto;padding:16px 0}.metric-section{background-color:#2d2d2d;border-radius:8px;padding:20px;border:1px solid #3d3d3d}.section-title{margin:0 0 16px;color:#fff;font-size:18px;font-weight:600}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.metric-card{background-color:#1d1d1d;border-radius:6px;padding:16px;border:1px solid #3d3d3d;transition:all .2s}.metric-card:hover{border-color:#4a9eff;box-shadow:0 2px 8px #4a9eff1a}.metric-card.highlight{border-color:#4a9eff;background-color:#1a2332}.metric-label{font-size:12px;color:#aaa;text-transform:uppercase;font-weight:600;margin-bottom:8px}.metric-value{font-size:24px;color:#fff;font-weight:600;margin-bottom:4px}.metric-value.large{font-size:32px}.metric-value.win{color:#7dff7d}.metric-value.loss{color:#ff7d7d}.metric-value.excellent{color:#7dff7d}.metric-value.good{color:#4a9eff}.metric-value.average{color:#fa0}.metric-value.below-average{color:#ff7d7d}.metric-sublabel{font-size:12px;color:#888}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.analysis-card{background-color:#1d1d1d;border-radius:6px;padding:16px;border:1px solid #3d3d3d;text-align:center}.analysis-label{font-size:12px;color:#aaa;text-transform:uppercase;font-weight:600;margin-bottom:8px}.analysis-value{font-size:28px;color:#fff;font-weight:600}.breakdown-container{display:flex;flex-direction:column;gap:16px}.breakdown-bar{display:flex;height:60px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #0000004d}.breakdown-segment{display:flex;align-items:center;justify-content:center;transition:all .3s}.breakdown-segment:hover{opacity:.8}.breakdown-segment.wins{background-color:#7dff7d}.breakdown-segment.losses{background-color:#ff7d7d}.breakdown-label{font-size:14px;font-weight:600;color:#1d1d1d;text-shadow:0 1px 2px rgba(0,0,0,.2)}.breakdown-stats{display:flex;justify-content:center;gap:32px}.breakdown-stat{display:flex;align-items:center;gap:8px;font-size:14px;color:#fff}.stat-dot{width:12px;height:12px;border-radius:50%}.stat-dot.wins{background-color:#7dff7d}.stat-dot.losses{background-color:#ff7d7d}.tooltip-container{position:relative;display:inline-block}.tooltip-content{position:absolute;z-index:9999;padding:8px 12px;background-color:#1a1a1a;color:#fff;font-size:13px;line-height:1.4;border-radius:4px;white-space:nowrap;box-shadow:0 4px 12px #00000080;pointer-events:none;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-top .tooltip-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px 6px 0 6px;border-style:solid;border-color:#1a1a1a transparent transparent transparent}.tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-bottom .tooltip-arrow{position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:0 6px 6px 6px;border-style:solid;border-color:transparent transparent #1a1a1a transparent}.tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-left .tooltip-arrow{position:absolute;left:100%;top:50%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-style:solid;border-color:transparent transparent transparent #1a1a1a}.tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-right .tooltip-arrow{position:absolute;right:100%;top:50%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-style:solid;border-color:transparent #1a1a1a transparent transparent}.tooltip-content.multiline{max-width:250px;white-space:normal}.quests-header{flex-shrink:0;margin-bottom:24px}.quests-section{margin-bottom:32px}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap;gap:16px}.section-title{font-size:20px;font-weight:600;color:#fff;margin:0 0 16px}.quest-stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:16px}.stat-card{background-color:#2d2d2d;border:1px solid #3d3d3d;border-radius:8px;padding:16px;text-align:center}.stat-label{font-size:12px;color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-value{font-size:24px;font-weight:700;color:#fff}.wins-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.daily-wins-card{background-color:#2d2d2d;border:1px solid #3d3d3d;border-radius:8px;padding:20px;margin-bottom:16px;transition:all .2s}.daily-wins-card:hover{border-color:#4fc3f7;box-shadow:0 2px 8px #4fc3f733}.daily-wins-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.daily-wins-title{font-size:16px;font-weight:600;color:#fff}.daily-wins-progress{font-size:18px;font-weight:700;color:#4fc3f7}.daily-wins-bar{background-color:#1a1a1a;border:1px solid #3d3d3d;border-radius:4px;height:24px;overflow:hidden;margin-bottom:12px}.daily-wins-fill{background:linear-gradient(90deg,#4fc3f7,#29b6f6);height:100%;transition:width .3s ease,background .3s ease}.daily-wins-fill.low{background:linear-gradient(90deg,#f44336,#d32f2f)}.daily-wins-fill.medium{background:linear-gradient(90deg,#ffc107,#ffa000)}.daily-wins-fill.high{background:linear-gradient(90deg,#4caf50,#388e3c)}.daily-wins-fill.weekly{background:linear-gradient(90deg,#ab47bc,#8e24aa)}.daily-wins-footer{display:flex;justify-content:space-between;align-items:center;font-size:13px}.daily-wins-percent{color:#aaa}.daily-wins-reward{color:gold;font-weight:500}.active-quests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.quest-card{background-color:#2d2d2d;border:1px solid #3d3d3d;border-radius:8px;padding:16px;transition:all .2s}.quest-card:hover{border-color:#4a9eff;box-shadow:0 2px 8px #4a9eff33}.quest-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.quest-type{font-size:14px;font-weight:600;color:#fff}.reroll-badge{display:inline-block;padding:4px 8px;background-color:#3d5a3d;border:1px solid #5a8a5a;border-radius:4px;font-size:10px;font-weight:600;color:#7dff7d;text-transform:uppercase;letter-spacing:.5px}.quest-card-body{margin-bottom:12px}.quest-progress-text{font-size:16px;font-weight:600;color:#aaa;margin-bottom:8px;text-align:center}.quest-progress-bar{width:100%;height:24px;background-color:#1d1d1d;border:1px solid #3d3d3d;border-radius:4px;overflow:hidden;margin-bottom:6px}.quest-progress-fill{height:100%;background:linear-gradient(90deg,#4a9eff,#7dcfff);transition:width .3s ease}.quest-progress-percent{font-size:12px;color:#aaa;text-align:right}.quest-card-footer{border-top:1px solid #3d3d3d;padding-top:12px}.quest-assigned{font-size:12px;color:#888}.quest-history-table-container{overflow-x:auto;border:1px solid #3d3d3d;border-radius:4px}.quest-history-table-container table{margin-top:0}.quest-history-footer{flex-shrink:0;margin-top:16px}.progress-cell{display:flex;flex-direction:column;gap:4px}.mini-progress-bar{width:100px;height:6px;background-color:#1d1d1d;border:1px solid #3d3d3d;border-radius:3px;overflow:hidden}.mini-progress-fill{height:100%;background:linear-gradient(90deg,#4a9eff,#7dcfff);transition:width .3s ease}.status-badge{display:inline-block;padding:4px 12px;border-radius:4px;font-weight:600;font-size:12px;text-transform:uppercase}.status-badge.completed{background-color:#2d5f2d;color:#7dff7d}.status-badge.incomplete{background-color:#5a5a2d;color:#ffff7d}.status-badge.rerolled{background-color:#3d3d3d;color:#888}tr.quest-completed{border-left:3px solid #7dff7d}tr.quest-incomplete{border-left:3px solid #ffff7d}tr.quest-rerolled{border-left:3px solid #666666;opacity:.7}tr.quest-rerolled td{color:#888}.filter-input{padding:8px 12px;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:4px;color:#fff;font-size:14px;min-width:150px;transition:border-color .2s}.filter-input:focus{outline:none;border-color:#4a9eff}.filter-input::placeholder{color:#888}@media(max-width:768px){.quest-stats-summary{grid-template-columns:repeat(2,1fr)}.active-quests-grid{grid-template-columns:1fr}.section-header{flex-direction:column}}.pagination{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 0}.pagination-btn{padding:8px 16px;background-color:#2d2d2d;border:1px solid #3d3d3d;border-radius:4px;color:#fff;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#3d3d3d;border-color:#4a9eff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{padding:0 15px;color:#aaa;font-size:14px}.cfb-rating-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:4px;font-weight:600;color:#000;white-space:nowrap;cursor:default}.cfb-rating-badge__label{font-size:.7em;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.cfb-rating-badge__grade{font-weight:700}.cfb-rating-badge--small{padding:1px 4px;font-size:.75rem;border-radius:3px}.cfb-rating-badge--small .cfb-rating-badge__label{font-size:.65em}.cfb-rating-badge--medium{padding:2px 6px;font-size:.85rem}.cfb-rating-badge--large{padding:4px 10px;font-size:1rem;border-radius:6px}.cfb-rating-badge--large .cfb-rating-badge__label{font-size:.75em}.cache-degraded-notice{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:6px;background-color:#ffc1071f;border:1px solid rgba(255,193,7,.4);color:#c9a840;font-size:.8rem;line-height:1.4;margin-bottom:.75rem}.cache-degraded-notice__icon{flex-shrink:0;font-size:.9rem}.cache-degraded-notice__message{flex:1}.cache-degraded-notice__dismiss{flex-shrink:0;background:none;border:none;color:inherit;cursor:pointer;font-size:1rem;padding:0 .15rem;line-height:1;opacity:.7;transition:opacity .15s}.cache-degraded-notice__dismiss:hover{opacity:1}.tier-list-container{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:#1e1e1e;border-radius:8px}.tier-list-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:2px solid #2d2d2d}.tier-list-header h2{margin:0;font-size:18px;font-weight:600;color:#fff}.tier-list-info{display:flex;gap:12px;align-items:center;font-size:13px;color:#888}.refresh-button{padding:4px 10px;border-radius:4px;border:1px solid #4a9eff;background-color:#1e1e1e;color:#4a9eff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.refresh-button:hover:not(:disabled){background-color:#4a9eff;color:#1e1e1e}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.tier-list-filters{flex-shrink:0;display:flex;flex-direction:column;gap:12px;padding:12px;background-color:#2d2d2d;border-radius:6px}.filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-group label{font-size:13px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.5px;min-width:70px}.filter-group.search-group{flex:1;max-width:400px;position:relative}.filter-group.search-group .search-input{flex:1;padding:8px 32px 8px 12px;border:1px solid #444444;border-radius:4px;background-color:#1e1e1e;color:#fff;font-size:13px;transition:border-color .2s ease}.filter-group.search-group .search-input:focus{outline:none;border-color:#4a9eff}.filter-group.search-group .search-input::placeholder{color:#666}.clear-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;padding:0;border:none;border-radius:50%;background-color:#444;color:#aaa;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-search-btn:hover{background-color:#ff6b6b;color:#fff}.filter-group .checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#fff;text-transform:none;letter-spacing:normal;cursor:pointer;min-width:auto}.filter-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#4a9eff}.picked-count{color:#4a9eff;font-size:12px;font-weight:600}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:6px 12px;border-radius:4px;border:1px solid #444444;background-color:#1e1e1e;color:#888;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background-color:#2d2d2d;border-color:#4a9eff}.filter-btn.active{background-color:#2d2d2d;border-width:2px;font-weight:600}.tier-btn.active{border-color:currentColor}.color-btn.active{color:#4a9eff;border-color:#4a9eff}.rarity-btn.active{color:#fa4;border-color:#fa4}.type-btn.active{color:#a78bfa;border-color:#a78bfa}.tier-groups{display:flex;flex-direction:column;gap:16px}.tier-group{flex-shrink:0;background-color:#2d2d2d;border-radius:8px;overflow:visible}.tier-group-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#1e1e1e;border-left:4px solid}.tier-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;font-size:16px;font-weight:700;color:#1e1e1e;box-shadow:0 2px 4px #0000004d}.tier-count{font-size:13px;color:#888}.tier-table{overflow-x:auto}.tier-table table{width:100%;border-collapse:collapse}.tier-table thead{background-color:#1e1e1e;position:sticky;top:0;z-index:1}.tier-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #444444;white-space:nowrap}.tier-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.tier-table th.sortable:hover{color:#4a9eff}.tier-table tbody tr{border-bottom:1px solid #333333;transition:background-color .2s ease;cursor:pointer}.tier-table tbody tr:hover{background-color:#333}.tier-table tbody tr.picked-card{background-color:#44ff881a}.tier-table tbody tr.picked-card:hover{background-color:#44ff8826}.tier-table td{padding:10px 16px;font-size:13px;color:#ccc}.card-name{font-weight:500;color:#fff;display:flex;align-items:center;gap:8px}.picked-marker{color:#4f8;font-weight:700}.card-color{font-size:16px}.card-rarity{text-transform:capitalize;color:#aaa}.card-gihwr{font-weight:600;color:#4a9eff}.card-alsa{color:#fa4}.card-tier{font-size:14px;text-align:center}.tier-badge-inline{font-weight:700;font-size:14px}.card-cfb{text-align:center;vertical-align:middle}.no-cfb-rating{color:#666;font-style:italic}.tier-list-loading,.tier-list-error,.tier-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background-color:#2d2d2d;border-radius:8px}.tier-list-loading .loading-spinner{width:40px;height:40px;border:3px solid #2d2d2d;border-top-color:#4a9eff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.tier-list-loading p,.tier-list-error p,.tier-list-empty p{margin:0;color:#aaa}.tier-list-error p:first-child{color:#f84;font-weight:600;margin-bottom:8px}.error-help,.empty-help{font-size:12px;color:#888;margin-top:4px}.tier-list-container::-webkit-scrollbar,.tier-table::-webkit-scrollbar{width:8px;height:8px}.tier-list-container::-webkit-scrollbar-track,.tier-table::-webkit-scrollbar-track{background:#1e1e1e;border-radius:4px}.tier-list-container::-webkit-scrollbar-thumb,.tier-table::-webkit-scrollbar-thumb{background:#4a9eff;border-radius:4px}.tier-list-container::-webkit-scrollbar-thumb:hover,.tier-table::-webkit-scrollbar-thumb:hover{background:#5ab0ff}@media(max-width:1024px){.tier-table{font-size:12px}.tier-table th,.tier-table td{padding:8px 12px}.filter-group{flex-direction:column;align-items:flex-start}.filter-group label{min-width:auto}}.draft-grade-container{display:flex;justify-content:center;align-items:center;padding:16px}.draft-grade-container.compact{padding:0;display:inline-flex}.draft-grade-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:32px;padding:4px 12px;border-radius:16px;font-weight:700;font-size:16px;color:#000;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 4px #0000004d}.draft-grade-badge:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0006}.grade-card{background:#2d2d2d;border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 8px #0000004d;min-width:200px}.grade-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0006}.grade-letter{font-size:72px;font-weight:700;line-height:1;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.grade-score{font-size:24px;color:#aaa;margin-bottom:8px}.grade-hint{font-size:12px;color:#888;font-style:italic}.calculate-button{background:#4a9eff;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.calculate-button:hover{background:#3a8eef;transform:translateY(-2px)}.calculate-button:active{transform:translateY(0)}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px}.modal-content{background:#2d2d2d;border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #444}.modal-header h2{margin:0;font-size:24px;color:#fff}.close-button{background:none;border:none;color:#aaa;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-body{padding:24px}.overall-grade-section{text-align:center;padding:24px;margin-bottom:24px;background:#1e1e1e;border-radius:8px}.overall-grade-large{font-size:96px;font-weight:700;line-height:1;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.overall-score-large{font-size:32px;color:#aaa}.component-scores{margin-bottom:32px}.component-scores h3{margin:0 0 16px;font-size:18px;color:#fff}.component-score-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.component-label{flex:0 0 160px;color:#ccc;font-size:14px;display:flex;align-items:center;gap:6px}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:12px;color:#4a9eff;cursor:help;border:1px solid #4a9eff;border-radius:50%;transition:all .2s;position:relative}.info-icon:hover{background:#4a9eff;color:#1e1e1e;transform:scale(1.1)}.component-progress{flex:1;height:24px;background:#1e1e1e;border-radius:12px;overflow:hidden;position:relative}.component-progress-bar{height:100%;transition:width .3s ease;border-radius:12px}.component-value{flex:0 0 40px;text-align:right;color:#aaa;font-size:14px;font-weight:700}.picks-section{margin-bottom:24px}.picks-title{margin:0 0 12px;font-size:16px;display:flex;align-items:center;gap:8px}.picks-title.best{color:#4f8}.picks-title.worst{color:#f44}.picks-list{list-style:none;padding:0;margin:0}.pick-item{padding:8px 12px;margin-bottom:6px;border-radius:6px;font-size:14px}.pick-item.best{background:#44ff881a;border-left:3px solid #44ff88;color:#eee}.pick-item.worst{background:#ff44441a;border-left:3px solid #ff4444;color:#eee}.suggestions-section{margin-top:24px;padding-top:24px;border-top:1px solid #444}.suggestions-section h3{margin:0 0 12px;font-size:16px;color:#4a9eff}.suggestions-list{list-style:none;padding:0;margin:0}.suggestion-item{padding:12px;margin-bottom:8px;background:#4a9eff1a;border-left:3px solid #4a9eff;border-radius:6px;color:#ddd;font-size:14px;line-height:1.5}@media(max-width:768px){.modal-content{max-width:100%;margin:0;border-radius:0;max-height:100vh}.overall-grade-large{font-size:72px}.overall-score-large{font-size:24px}.component-label{flex:0 0 100px;font-size:12px}.grade-letter{font-size:56px}.grade-score{font-size:20px}}.win-rate-prediction{display:flex;justify-content:center;align-items:center;padding:16px}.win-rate-prediction.compact{padding:0;display:inline-flex}.win-rate-badge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px;padding:8px 12px;border-radius:8px;border:2px solid;background:#2d2d2d;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 4px #0000004d}.win-rate-badge:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0006}.win-rate-value{font-size:24px;font-weight:700;line-height:1}.win-rate-label{font-size:11px;color:#aaa;margin-top:4px}.prediction-card{background:#2d2d2d;border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 8px #0000004d;min-width:280px;max-width:400px}.prediction-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0006}.prediction-card h3{margin:0 0 16px;font-size:18px;color:#fff}.win-rate-display{margin-bottom:16px}.win-rate-main{font-size:64px;font-weight:700;line-height:1;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.win-rate-range{font-size:16px;color:#aaa;margin-bottom:16px}.win-rate-explanation{font-size:14px;color:#ccc;line-height:1.5;margin-bottom:12px}.prediction-hint{font-size:12px;color:#888;font-style:italic}.predict-button{background:#4a9eff;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.predict-button:hover{background:#3a8eef;transform:translateY(-2px)}.predict-button:active{transform:translateY(0)}.loading,.error{color:#aaa;font-size:14px;text-align:center}.error{color:#f44}.prediction-modal{max-width:800px;max-height:90vh;overflow-y:auto}.prediction-summary{text-align:center;padding:24px;margin-bottom:24px;background:#1e1e1e;border-radius:8px}.predicted-win-rate-large{font-size:72px;font-weight:700;line-height:1;margin-bottom:12px;background:linear-gradient(135deg,#4a9eff,#4f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.confidence-interval{font-size:18px;color:#aaa;margin-bottom:8px}.confidence-badge{display:inline-block;padding:4px 12px;border-radius:12px;background:#4a9eff33;color:#4a9eff;font-size:12px;font-weight:600;text-transform:uppercase}.explanation-section{padding:16px;margin-bottom:24px;background:#4a9eff1a;border-left:3px solid #4a9eff;border-radius:4px}.explanation-text{margin:0;color:#ddd;font-size:14px;line-height:1.6}.factors-section{margin-bottom:24px}.factors-section h3{margin:0 0 16px;font-size:16px;color:#fff}.factor-row{display:flex;justify-content:space-between;align-items:center;padding:12px;margin-bottom:8px;background:#1e1e1e;border-radius:6px}.factor-label{display:flex;align-items:center;gap:6px;color:#ccc;font-size:14px}.factor-value{font-weight:700;color:#4a9eff;font-size:16px}.performers-section{margin-bottom:24px}.performers-section h3{margin:0 0 12px;font-size:16px;color:#fff}.performers-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.performer-item{padding:8px 12px;border-radius:6px;font-size:13px}.performer-item.premium{background:#44ff881a;border-left:3px solid #44ff88;color:#eee}.performer-item.weak{background:#ff44441a;border-left:3px solid #ff4444;color:#eee}.distribution-section{margin-bottom:24px}.distribution-section h3{margin:0 0 16px;font-size:16px;color:#fff}.color-bars{display:flex;flex-direction:column;gap:8px}.color-bar{display:flex;align-items:center;gap:12px}.color-label{flex:0 0 30px;font-weight:700;color:#fff;font-size:14px}.bar-container{flex:1;height:24px;background:#1e1e1e;border-radius:12px;overflow:hidden}.bar-fill{height:100%;transition:width .3s ease;border-radius:12px}.color-count{flex:0 0 40px;text-align:right;color:#aaa;font-size:14px}.curve-chart{display:flex;align-items:flex-end;justify-content:space-around;height:200px;padding:16px;background:#1e1e1e;border-radius:8px;gap:8px;overflow:hidden;position:relative}.curve-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.curve-bar-fill{width:100%;background:linear-gradient(to top,#4a9eff,#4f8);border-radius:4px 4px 0 0;min-height:4px;max-height:180px;transition:height .3s ease}.curve-label{font-size:12px;color:#aaa;font-weight:700}.curve-count{font-size:11px;color:#888}@media(max-width:768px){.prediction-modal{max-width:100%;margin:0;border-radius:0;max-height:100vh}.predicted-win-rate-large{font-size:56px}.performers-list{grid-template-columns:1fr}.curve-chart{height:150px}.win-rate-main{font-size:48px}}.cards-to-look-for{display:flex;flex-direction:column;height:100%;background-color:#1e1e1e;border-radius:8px;overflow:hidden}.cards-to-look-for-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#2d2d2d;border-bottom:2px solid #4a9eff}.cards-to-look-for-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.cards-to-look-for-count{font-size:13px;color:#4a9eff;font-weight:500}.cards-to-look-for-content{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:16px}.cards-to-look-for-empty{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;text-align:center}.cards-to-look-for-empty p{margin:8px 0;color:#aaa;font-size:14px}.cards-to-look-for-hint{font-size:12px!important;color:#888!important;line-height:1.6}.suggestion-section{display:flex;flex-direction:column;gap:8px}.suggestion-section-header{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid #2d2d2d}.suggestion-section-icon{font-size:16px}.suggestion-section-title{font-size:13px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.suggestion-section-count{font-size:12px;color:#888}.suggestion-section-cards{display:flex;flex-direction:column;gap:8px}.suggestion-card{display:flex;gap:12px;padding:8px;background-color:#2d2d2d;border-radius:6px;cursor:pointer;transition:all .2s ease}.suggestion-card:hover{background-color:#3d3d3d;transform:translate(4px)}.suggestion-card-image{flex-shrink:0;width:60px;height:84px;border-radius:4px;overflow:hidden;background-color:#1e1e1e}.suggestion-card-image img{width:100%;height:100%;object-fit:cover}.suggestion-card-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;color:#4a9eff;background:linear-gradient(135deg,#2d2d2d,#1e1e1e)}.suggestion-card-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.suggestion-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.suggestion-card-name{flex:1;font-size:13px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.suggestion-card-tier{flex-shrink:0;font-size:14px;font-weight:700;padding:2px 6px;border-radius:3px;background-color:#ffffff1a}.suggestion-card-stats{display:flex;gap:12px;font-size:12px;color:#aaa}.suggestion-card-cmc{font-family:Courier New,monospace;font-weight:600}.suggestion-card-gihwr{color:#4a9eff;font-weight:600}.suggestion-card-reason{font-size:11px;color:#888;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cards-to-look-for-content::-webkit-scrollbar{width:8px}.cards-to-look-for-content::-webkit-scrollbar-track{background-color:#1e1e1e}.cards-to-look-for-content::-webkit-scrollbar-thumb{background-color:#4a9eff;border-radius:4px}.cards-to-look-for-content::-webkit-scrollbar-thumb:hover{background-color:#5ab0ff}.missing-cards-container{background-color:#2d2d2d;border-radius:8px;margin-bottom:16px;border:1px solid #444444;overflow:hidden}.missing-cards-header{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .2s ease}.missing-cards-header:hover{background-color:#353535}.missing-cards-summary{display:flex;align-items:center;gap:8px;flex:1}.missing-cards-icon{font-size:18px}.missing-cards-title{font-size:14px;font-weight:600;color:#fff}.missing-cards-bombs{font-size:13px;color:gold;font-weight:600;margin-left:8px}.missing-cards-toggle{color:#4a9eff;font-size:12px;transition:transform .2s ease}.missing-cards-list{padding:0 16px 16px;max-height:300px;overflow-y:auto;overflow-x:hidden;display:block}.missing-cards-table{width:100%;border-collapse:collapse;font-size:13px;display:table;table-layout:fixed}.missing-cards-table thead{position:sticky;top:0;background-color:#2d2d2d;z-index:1}.missing-cards-table th{padding:8px 12px;text-align:left;font-weight:600;color:#aaa;border-bottom:2px solid #444444;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.missing-cards-table tbody tr{border-bottom:1px solid #3a3a3a;transition:background-color .2s ease}.missing-cards-table tbody tr:hover{background-color:#353535}.missing-cards-table td{padding:10px 12px;color:#ccc}.missing-card-name{font-weight:500;color:#fff}.missing-card-tier{text-align:center}.tier-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;color:#1e1e1e;min-width:30px;text-align:center}.tier-badge.tier-s{background:linear-gradient(135deg,gold,#ffed4e)}.tier-badge.tier-a\+{background:linear-gradient(135deg,silver,#e0e0e0)}.tier-badge.tier-a{background:linear-gradient(135deg,#4f8,#6fa)}.tier-badge.tier-b{background:linear-gradient(135deg,#4a9eff,#6ab0ff)}.tier-badge.tier-c{background:linear-gradient(135deg,#fa4,#fb6)}.tier-badge.tier-d{background:linear-gradient(135deg,#f84,#f96)}.tier-badge.tier-f{background:linear-gradient(135deg,#f44,#f66)}.missing-card-gihwr{text-align:center;font-weight:600;color:#4a9eff}.missing-card-picked-at{text-align:center;color:#aaa;font-size:12px}.missing-card-wheel{text-align:center;font-weight:600}.missing-card-wheel:not(:empty){color:#4f8}.missing-card-row.tier-s,.missing-card-row.tier-a\+{background-color:#ffd7000d}.missing-card-row.tier-s:hover,.missing-card-row.tier-a\+:hover{background-color:#ffd7001a}.missing-cards-loading,.missing-cards-error{padding:12px 16px;text-align:center;color:#aaa;font-size:13px}.missing-cards-error{color:#f44}.missing-cards-list::-webkit-scrollbar{width:8px}.missing-cards-list::-webkit-scrollbar-track{background:#1e1e1e;border-radius:4px}.missing-cards-list::-webkit-scrollbar-thumb{background:#4a9eff;border-radius:4px}.missing-cards-list::-webkit-scrollbar-thumb:hover{background:#5ab0ff}.draft-statistics{background-color:#1e1e1e;border-radius:6px;padding:16px;margin-bottom:16px;color:#fff}.draft-statistics h2{margin:0 0 16px;font-size:1.3rem;color:#fff;border-bottom:2px solid #444;padding-bottom:8px}.draft-statistics h3{margin:0 0 12px;font-size:1.1rem;color:#aaa}.statistics-loading,.statistics-error,.statistics-empty{padding:20px;text-align:center;color:#aaa;font-size:.9rem}.statistics-error{color:#ff7d7d}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px}.stat-box{background-color:#2d2d2d;border-radius:4px;padding:12px;display:flex;flex-direction:column;align-items:center;border:1px solid #3d3d3d}.stat-label{font-size:.85rem;color:#aaa;margin-bottom:6px}.stat-value{font-size:1.3rem;font-weight:600;color:#4a9eff}.stats-section{margin-bottom:24px}.stats-section:last-child{margin-bottom:0}.type-breakdown{display:flex;flex-direction:column;gap:8px}.type-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#2d2d2d;border-radius:4px;border-left:3px solid #4a9eff}.type-name{font-size:.95rem;color:#fff;font-weight:500}.type-count{font-size:1rem;color:#4a9eff;font-weight:600}.color-notes{margin-top:8px;padding:8px 12px;background-color:#2d2d2d;border-radius:4px;font-size:.85rem;color:#aaa;text-align:center}@media(max-width:768px){.stats-summary{grid-template-columns:repeat(2,1fr)}.draft-statistics{padding:12px}.draft-statistics h2{font-size:1.1rem}.draft-statistics h3{font-size:1rem}.stat-value{font-size:1.1rem}}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#444}.recharts-text{fill:#aaa}.recharts-legend-item-text{color:#fff!important}.performance-metrics{background-color:#1e1e1e;border-radius:6px;margin-bottom:16px;border:1px solid #3d3d3d}.metrics-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.metrics-header:hover{background-color:#2d2d2d}.metrics-title{font-size:1rem;font-weight:600;color:#aaa}.btn-reset-metrics{background-color:#3d3d3d;color:#fff;border:1px solid #4d4d4d;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s}.btn-reset-metrics:hover{background-color:#4d4d4d;border-color:#4a9eff}.metrics-content{padding:16px;border-top:1px solid #3d3d3d}.metrics-loading,.metrics-empty{padding:20px;text-align:center;color:#aaa;font-size:.9rem}.metrics-section{margin-bottom:20px}.metrics-section:last-child{margin-bottom:0}.metrics-section h4{margin:0 0 12px;font-size:1rem;color:#4a9eff;font-weight:600;border-bottom:1px solid #3d3d3d;padding-bottom:6px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#2d2d2d;border-radius:4px;border-left:3px solid #4a9eff}.metric-label{font-size:.9rem;color:#aaa}.metric-value{font-size:1rem;font-weight:600;color:#fff}.metric-value.error-value{color:#ff7d7d}.metric-value.success-value{color:#7dff7d}.latency-stats{display:flex;flex-direction:column;gap:8px}.latency-row{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background-color:#2d2d2d;border-radius:4px}.latency-label{font-size:.9rem;color:#aaa}.latency-value{font-size:.95rem;font-weight:600;color:#fff;font-family:Courier New,monospace}@media(max-width:768px){.metrics-grid{grid-template-columns:1fr}.metrics-header{padding:10px 12px}.metrics-content{padding:12px}.metrics-title{font-size:.9rem}.btn-reset-metrics{padding:3px 10px;font-size:.8rem}}.format-insights{background-color:#1e1e1e;border-radius:6px;margin-bottom:16px;border:1px solid #3d3d3d}.insights-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.insights-header:hover{background-color:#2d2d2d}.insights-title{font-size:1rem;font-weight:600;color:#aaa}.btn-refresh-insights{background-color:#3d3d3d;color:#fff;border:1px solid #4d4d4d;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s}.btn-refresh-insights:hover{background-color:#4d4d4d;border-color:#4a9eff}.insights-content{padding:16px;border-top:1px solid #3d3d3d}.insights-loading,.insights-empty,.insights-error{padding:20px;text-align:center;font-size:.9rem}.insights-loading,.insights-empty{color:#aaa}.insights-error{color:#ff7d7d}.insights-section{margin-bottom:24px}.insights-section:last-child{margin-bottom:0}.insights-section h4{margin:0 0 12px;font-size:1rem;color:#4a9eff;font-weight:600;border-bottom:1px solid #3d3d3d;padding-bottom:6px}.section-header-with-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:16px;flex-wrap:wrap}.section-header-with-controls h4{margin:0;border:none;padding:0}.insights-controls{display:flex;gap:16px;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:8px}.control-group label{font-size:.85rem;color:#aaa;white-space:nowrap}.control-select{background-color:#2d2d2d;color:#fff;border:1px solid #4d4d4d;padding:4px 8px;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s}.control-select:hover{border-color:#4a9eff;background-color:#3d3d3d}.control-select:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 2px #4a9eff33}.insights-section h5{margin:12px 0 8px;font-size:.9rem;color:#aaa;font-weight:600}.color-rankings{display:flex;flex-direction:column;gap:16px}.color-rankings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.color-rank-item{background-color:#2d2d2d;border-radius:6px;padding:12px;border-left:3px solid #4a9eff;cursor:pointer;transition:all .2s;position:relative}.color-rank-item:hover{background-color:#3d3d3d;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.color-rank-item.selected{background-color:#3d3d3d;border-left-color:gold;border-left-width:4px;box-shadow:0 0 0 2px #ffd7004d}.click-hint{margin-top:8px;font-size:.75rem;color:#4a9eff;text-align:center;font-style:italic;opacity:.8}.rank-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.rank-color{font-size:1.1rem;font-weight:700;color:#fff}.rank-rating{font-size:1.2rem;font-weight:700}.rank-stats{display:flex;flex-direction:column;gap:4px}.rank-stat{display:flex;justify-content:space-between;font-size:.85rem}.stat-label{color:#aaa}.stat-value{color:#fff;font-weight:600}.format-speed{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background-color:#2d2d2d;border-radius:6px}.speed-badge{font-size:1.5rem;font-weight:700;color:#4a9eff;padding:8px 24px;background-color:#1e1e1e;border-radius:8px;border:2px solid #4a9eff}.speed-description{font-size:.95rem;color:#aaa;text-align:center}.color-analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-bottom:12px}.analysis-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background-color:#2d2d2d;border-radius:4px;border-left:3px solid #4a9eff}.analysis-label{font-size:.9rem;color:#aaa}.analysis-value{font-size:1rem;font-weight:700;color:#fff}.overdrafted-section{margin-top:16px}.overdrafted-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.overdrafted-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background-color:#2d2d2d;border-radius:4px;border-left:3px solid #ffaa00}.od-color{font-size:1rem;font-weight:700;color:#fff}.od-stats{font-size:.8rem;color:#aaa;font-family:Courier New,monospace}.top-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.top-cards-section{margin-bottom:0}.top-cards-list{display:flex;flex-direction:column;gap:8px}.top-card-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background-color:#2d2d2d;border-radius:4px;transition:background-color .2s}.top-card-item:hover{background-color:#3d3d3d}.card-rank{font-size:.9rem;font-weight:700;color:#4a9eff;min-width:30px}.card-info{flex:1;display:flex;flex-direction:column;gap:4px}.card-name{font-size:.95rem;font-weight:600;color:#fff}.card-meta{display:flex;gap:8px;font-size:.8rem}.card-rarity{color:#aaa;text-transform:capitalize}.card-color{color:#4a9eff;font-weight:600}.card-gihwr{display:flex;flex-direction:column;align-items:flex-end;min-width:70px}.gihwr-value{font-size:1rem;font-weight:700;color:#7dff7d}.gihwr-label{font-size:.75rem;color:#aaa}.archetype-details{background-color:#252525;border:2px solid #4a9eff;border-radius:8px;padding:16px}.archetype-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.archetype-details-header h4{margin:0;border:none;padding:0;color:gold}.btn-close-archetype{background-color:#3d3d3d;color:#ff7d7d;border:1px solid #ff7d7d;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s}.btn-close-archetype:hover{background-color:#ff7d7d;color:#1e1e1e}.archetype-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.archetype-card-section h5{margin:0 0 12px;font-size:.95rem;color:#aaa;font-weight:600;padding-bottom:6px;border-bottom:1px solid #3d3d3d}@media(max-width:768px){.color-rankings-grid,.color-analysis-grid,.top-cards-container,.overdrafted-grid,.archetype-cards-grid{grid-template-columns:1fr}.insights-header{padding:10px 12px}.insights-content{padding:12px}.insights-title{font-size:.9rem}.btn-refresh-insights{padding:3px 10px;font-size:.8rem}.insights-controls{flex-direction:column;width:100%}.control-group{width:100%}.control-select{flex:1}}.color-ratings-panel{background:var(--surface-color, #1e1e2e);border:1px solid var(--border-color, #313244);border-radius:8px;padding:12px 16px;margin-bottom:12px}.color-ratings-title{font-size:.85rem;font-weight:600;color:var(--text-muted, #a6adc8);text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px}.color-ratings-list{display:flex;flex-direction:column;gap:4px}.color-rating-row{display:grid;grid-template-columns:1.5rem 1fr auto auto;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;font-size:.82rem}.color-rating-row.wr-excellent{background:#a6e3a114}.color-rating-row.wr-good{background:#fadb140f}.color-rating-row.wr-below{background:#f38ba80f}.color-symbol{text-align:center;font-size:.9rem}.color-name{color:var(--text-primary, #cdd6f4)}.win-rate{font-weight:700;min-width:3.5rem;text-align:right}.win-rate.wr-excellent{color:#a6e3a1}.win-rate.wr-good{color:#f9e2af}.win-rate.wr-average{color:#cdd6f4}.win-rate.wr-below{color:#f38ba8}.games-played{color:var(--text-muted, #6c7086);font-size:.75rem;min-width:6rem;text-align:right}.current-pack-container{padding:1rem;background:var(--bg-secondary, #1a1a2e);border-radius:8px;overflow-y:auto;flex:1;min-height:0}.current-pack-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color, #333)}.current-pack-header h2{margin:0;font-size:1.25rem;color:var(--text-primary, #fff)}.pack-info{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--text-secondary, #aaa)}.pool-info{padding:.25rem .5rem;background:var(--bg-tertiary, #252540);border-radius:4px}.pool-colors{display:flex;align-items:center;gap:.25rem}.refresh-btn{padding:.375rem .75rem;background:var(--accent-color, #4a9eff);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;transition:background .2s}.refresh-btn:hover{background:var(--accent-hover, #3a8eef)}.recommended-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#ffd70026,#ffd7000d);border:1px solid rgba(255,215,0,.3);border-radius:6px;margin-bottom:1rem}.rec-label{font-weight:600;color:gold;font-size:.875rem}.rec-card-name{font-weight:500;color:var(--text-primary, #fff)}.rec-tier{font-weight:700;font-size:1rem;padding:.125rem .5rem;background:#0000004d;border-radius:4px}.rec-reason{font-size:.75rem;color:var(--text-secondary, #aaa);font-style:italic}.pack-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.pack-card{background:var(--bg-tertiary, #252540);border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s;border:2px solid transparent}.pack-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000004d}.pack-card.recommended{border-color:gold;box-shadow:0 0 12px #ffd7004d}.card-image-container{position:relative;width:100%;aspect-ratio:488 / 680;background:#16213e}.card-image{width:100%;height:100%;object-fit:cover}.tier-badge{position:absolute;top:4px;right:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:#000;border-radius:50%;box-shadow:0 2px 4px #0006}.recommended-indicator{position:absolute;bottom:0;left:0;right:0;padding:.25rem;background:linear-gradient(to top,#ffd700e6,#ffd700b3);color:#000;font-weight:600;font-size:.625rem;text-align:center;text-transform:uppercase;letter-spacing:.5px}.card-info{padding:.5rem}.card-name{font-size:.75rem;font-weight:500;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.card-stats{display:flex;align-items:center;gap:.5rem;font-size:.625rem;color:var(--text-secondary, #aaa)}.gihwr{font-weight:600;color:#4ade80}.alsa{color:var(--text-tertiary, #888)}.card-reasoning{margin-top:.25rem;font-size:.625rem;color:var(--text-tertiary, #888);font-style:italic;line-height:1.3}.color-indicators{display:flex;gap:2px}.color-indicator{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;border-radius:50%}.color-indicator.color-w{background:#f9faf4;color:#333}.color-indicator.color-u{background:#0e68ab;color:#fff}.color-indicator.color-b{background:#150b00;color:#fff;border:1px solid #555}.color-indicator.color-r{background:#d3202a;color:#fff}.color-indicator.color-g{background:#00733e;color:#fff}.color-indicator.colorless{background:#888;color:#fff}.current-pack-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary, #aaa)}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary, #333);border-top-color:var(--accent-color, #4a9eff);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.current-pack-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#ff6b6b;text-align:center}.retry-btn{margin-top:1rem;padding:.5rem 1rem;background:var(--accent-color, #4a9eff);color:#fff;border:none;border-radius:4px;cursor:pointer}.retry-btn:hover{background:var(--accent-hover, #3a8eef)}.current-pack-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary, #aaa);text-align:center}.current-pack-empty .help-text{font-size:.875rem;color:var(--text-tertiary, #666);margin-top:.5rem}.draft-container{display:flex;flex-direction:column;height:100%;padding:20px;background-color:#1e1e1e;color:#fff}.draft-header{margin-bottom:20px}.draft-header h1{margin:0 0 10px;font-size:28px;font-weight:600}.draft-info{display:flex;gap:20px;font-size:14px;color:#aaa}.draft-event{color:#4a9eff;font-weight:500}.draft-set{color:#fa4}.draft-picks{color:#4f8}.draft-content{display:flex;gap:20px;flex:1;overflow:hidden}.card-grid-section,.cards-to-look-for-section{flex:0 0 25%;display:flex;flex-direction:column;overflow:hidden}.card-grid-section h2{margin:0 0 15px;font-size:18px;font-weight:500}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;overflow-y:auto;padding-right:10px}.card-item{position:relative;aspect-ratio:.715;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;border:2px solid transparent}.card-item:hover{transform:scale(1.05);box-shadow:0 4px 12px #4a9eff80;border-color:#4a9eff;z-index:10}.card-item.picked{border-color:#4f8;box-shadow:0 0 8px #4f89}.card-item.picked:hover{border-color:#4f8;box-shadow:0 4px 16px #4f8c}.card-item.synergy-highlight{border-color:#fa4;box-shadow:0 0 8px #ffaa4480}.card-item.synergy-highlight:hover{border-color:#fa4;box-shadow:0 4px 16px #fa4c}.card-item img{width:100%;height:100%;object-fit:cover}.card-placeholder{width:100%;height:100%;background-color:#2d2d2d;display:flex;align-items:center;justify-content:center;font-size:10px;text-align:center;padding:4px;color:#aaa}.picked-indicator{position:absolute;top:4px;right:4px;background-color:#4f8;color:#1e1e1e;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 2px 4px #0000004d}.synergy-indicator{position:absolute;top:4px;left:4px;background-color:#fa4;color:#1e1e1e;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 2px 4px #0000004d}.draft-details-section{flex:1;display:flex;flex-direction:column;gap:20px;overflow-y:auto;min-width:0}.pick-history{flex:0 0 auto;min-height:0}.pick-history h2{margin:0 0 15px;font-size:18px;font-weight:500}.pick-history-grid{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px}.pick-history-item{flex:0 0 auto;width:100px;text-align:center;position:relative}.pick-history-item.best-pick-highlight{background:linear-gradient(135deg,#44ff8826,#44ff880d);border-radius:8px;padding:4px;box-shadow:0 0 12px #44ff884d}.pick-history-item.best-pick-highlight:before{content:"⭐";position:absolute;top:-8px;right:-8px;font-size:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.pick-history-item.best-pick-highlight .pick-number{color:#4f8;font-weight:700}.pick-history-item.worst-pick-highlight{background:linear-gradient(135deg,#ff444426,#ff44440d);border-radius:8px;padding:4px;box-shadow:0 0 12px #ff44444d}.pick-history-item.worst-pick-highlight:before{content:"⚠️";position:absolute;top:-8px;right:-8px;font-size:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.pick-history-item.worst-pick-highlight .pick-number{color:#f44;font-weight:700}.pick-number{font-size:12px;color:#aaa;margin-bottom:4px;font-weight:500}.pick-history-item img{width:100%;border-radius:6px;border:2px solid #44ff88;box-shadow:0 2px 6px #44ff884d}.card-name-small{font-size:11px;color:#aaa;padding:4px;background-color:#2d2d2d;border-radius:4px;min-height:60px;display:flex;align-items:center;justify-content:center}.card-details-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#2d2d2d;border-radius:12px;padding:24px;max-width:500px;max-height:90vh;overflow-y:auto;z-index:1000;box-shadow:0 8px 32px #000c;border:2px solid #4a9eff;display:flex;flex-direction:column;gap:16px}.card-details-overlay-backdrop{position:fixed;inset:0;background-color:#000000b3;z-index:999}.card-details-overlay h3{margin:0;font-size:22px;font-weight:600;color:#fff;padding-bottom:12px;border-bottom:2px solid #4a9eff}.card-details-overlay .card-detail-type{font-size:14px;color:#aaa;margin:0}.card-details-overlay .card-detail-set{font-size:13px;color:#888;display:flex;align-items:center;gap:6px}.card-details-overlay .card-stats-section{background-color:#1e1e1e;border-radius:8px;padding:16px}.card-details-overlay .card-stats-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.card-details-overlay .card-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card-details-overlay .stat{display:flex;flex-direction:column;gap:4px}.card-details-overlay .stat-label{color:#888;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.card-details-overlay .stat-value{color:#fff;font-size:16px;font-weight:600}.card-details-overlay .card-text{background-color:#1e1e1e;border-radius:8px;padding:12px;font-size:13px;line-height:1.5;color:#ccc}.card-details-overlay .card-text p{margin:0}.card-details-overlay .card-detail-image{width:100%;max-width:320px;border-radius:8px;margin:0 auto;box-shadow:0 4px 12px #00000080;display:block}.draft-loading,.draft-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid #2d2d2d;border-top-color:#4a9eff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.draft-empty h2{margin:0 0 15px;font-size:28px;color:#aaa}.draft-empty p{margin:0 0 30px;font-size:16px;color:#888}.empty-help{background-color:#2d2d2d;border-radius:12px;padding:25px;max-width:500px}.empty-help h3{margin:0 0 15px;font-size:18px;color:#4a9eff}.empty-help ul{text-align:left;margin:0;padding-left:20px}.empty-help li{margin-bottom:10px;color:#ccc;line-height:1.5}.card-grid::-webkit-scrollbar,.pick-history-grid::-webkit-scrollbar,.card-details-overlay::-webkit-scrollbar{width:8px;height:8px}.card-grid::-webkit-scrollbar-track,.pick-history-grid::-webkit-scrollbar-track,.card-details-overlay::-webkit-scrollbar-track{background:#1e1e1e;border-radius:4px}.card-grid::-webkit-scrollbar-thumb,.pick-history-grid::-webkit-scrollbar-thumb,.card-details-overlay::-webkit-scrollbar-thumb{background:#4a9eff;border-radius:4px}.card-grid::-webkit-scrollbar-thumb:hover,.pick-history-grid::-webkit-scrollbar-thumb:hover,.card-details-overlay::-webkit-scrollbar-thumb:hover{background:#5ab0ff}.historical-drafts{padding:20px 0}.drafts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;max-width:1400px}.draft-card{background-color:#2d2d2d;border-radius:12px;padding:20px;border:2px solid transparent;transition:all .3s ease;cursor:pointer}.draft-card:hover{border-color:#4a9eff;box-shadow:0 4px 16px #4a9eff4d;transform:translateY(-2px)}.draft-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #444444}.draft-card-header h3{margin:0;font-size:18px;font-weight:600;color:#fff;word-break:break-word;overflow-wrap:break-word;min-width:0;flex:1}.draft-set-badge{background-color:#4a9eff;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.draft-card-info{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.draft-stat{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.draft-stat .stat-label{color:#aaa;font-size:14px}.draft-stat .stat-value{color:#fff;font-size:14px;font-weight:600}.draft-card-actions{display:flex;gap:10px}.btn-view-replay{flex:1;background-color:#4a9eff;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-view-replay:hover{background-color:#5ab0ff;box-shadow:0 2px 8px #4a9eff66;transform:translateY(-1px)}.btn-view-replay:active{transform:translateY(0)}.btn-back{background-color:#2d2d2d;color:#4a9eff;border:1px solid #4a9eff;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.btn-back:hover{background-color:#4a9eff;color:#fff;transform:translate(-2px)}.card-image-container{position:relative;display:inline-block;width:100%}.pick-quality-badge{position:absolute;top:2px;left:2px;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;color:#1e1e1e;box-shadow:0 1px 3px #00000080;z-index:5}.quality-a-plus{background:linear-gradient(135deg,gold,#ffed4e)}.quality-a{background:linear-gradient(135deg,#4f8,#6fa)}.quality-b{background:linear-gradient(135deg,#4a9eff,#6ab0ff)}.quality-c{background:linear-gradient(135deg,#fa4,#fb6)}.quality-d{background:linear-gradient(135deg,#f84,#f96)}.quality-f{background:linear-gradient(135deg,#f44,#f66)}.quality-n-a{background:linear-gradient(135deg,#666,#888);color:#fff}.card-tier-badge{position:absolute;bottom:2px;right:2px;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;color:#1e1e1e;box-shadow:0 1px 3px #00000080;z-index:5}.tier-s{background:linear-gradient(135deg,gold,#ffed4e)}.tier-a{background:linear-gradient(135deg,silver,#e0e0e0)}.tier-b{background:linear-gradient(135deg,#cd7f32,#e69559)}.tier-c{background:linear-gradient(135deg,#4a9eff,#6ab0ff)}.tier-d{background:linear-gradient(135deg,#f84,#f96)}.tier-f{background:linear-gradient(135deg,#f44,#f66)}.pick-quality-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:#2d2d2d;border:2px solid #4a9eff;border-radius:8px;padding:12px;min-width:250px;max-width:350px;z-index:1000;box-shadow:0 4px 12px #0009;pointer-events:none;opacity:0;transition:opacity .2s ease}.pick-history-item:hover .pick-quality-tooltip{opacity:1}.pick-quality-tooltip h4{margin:0 0 8px;font-size:13px;font-weight:600;color:#4a9eff;border-bottom:1px solid #444444;padding-bottom:6px}.pick-quality-tooltip .picked-stats{margin-bottom:10px;font-size:12px}.pick-quality-tooltip .picked-stats div{display:flex;justify-content:space-between;margin-bottom:4px;color:#ccc}.pick-quality-tooltip .picked-stats .label{color:#888}.pick-quality-tooltip .picked-stats .value{font-weight:600;color:#fff}.pick-quality-tooltip .alternatives{margin-top:10px}.pick-quality-tooltip .alternatives h5{margin:0 0 6px;font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.pick-quality-tooltip .alternative-card{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:11px;color:#aaa}.pick-quality-tooltip .alternative-card .card-name{flex:1;color:#fff}.pick-quality-tooltip .alternative-card .gihwr{font-weight:600;color:#4a9eff;margin-left:8px}.btn-analyze-draft{background-color:#4a9eff;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.btn-analyze-draft:hover{background-color:#5ab0ff;box-shadow:0 2px 8px #4a9eff66;transform:translateY(-1px)}.btn-analyze-draft:active{transform:translateY(0)}.btn-analyze-draft:disabled{background-color:#2d2d2d;color:#888;cursor:not-allowed;transform:none}.btn-analyze-draft .spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn-build-deck{flex:1;background-color:#00c853;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.btn-build-deck:hover{background-color:#00e676;box-shadow:0 2px 8px #00c85366;transform:translateY(-1px)}.btn-build-deck:active{transform:translateY(0)}.btn-build-deck:disabled{background-color:#2d2d2d;color:#888;cursor:not-allowed;transform:none}.btn-export-draft{background-color:#4a9eff;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.btn-export-draft:hover{background-color:#6ab0ff;box-shadow:0 2px 8px #4a9eff66;transform:translateY(-1px)}.btn-export-draft:active{transform:translateY(0)}.btn-export-draft:disabled{background-color:#2d2d2d;color:#888;cursor:not-allowed;transform:none}.replay-controls{position:fixed;bottom:20px;left:20px;z-index:1000;display:flex;gap:8px;background-color:#1e1e1ef2;padding:8px;border-radius:8px;box-shadow:0 4px 12px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.replay-btn{background-color:#2d2d2d;color:#fff;border:1px solid #4a9eff;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.replay-btn:hover{background-color:#3d3d3d;box-shadow:0 2px 8px #4a9eff66;transform:translateY(-1px)}.replay-btn:active{transform:translateY(0)}.replay-btn.replay-pause{border-color:#fa4}.replay-btn.replay-pause:hover{background-color:#fa4;color:#1e1e1e}.replay-btn.replay-resume{border-color:#4f8}.replay-btn.replay-resume:hover{background-color:#4f8;color:#1e1e1e}.replay-btn.replay-stop{border-color:#f44}.replay-btn.replay-stop:hover{background-color:#f44;color:#fff}.view-toggle{display:flex;gap:4px;margin-bottom:12px;background-color:#2d2d2d;padding:4px;border-radius:8px}.toggle-btn{flex:1;background-color:transparent;color:#aaa;border:none;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{color:#fff;background-color:#3d3d3d}.toggle-btn.active{background-color:#4a9eff;color:#fff;font-weight:600}.toggle-btn.active:hover{background-color:#5ab0ff}.draft-grade-winrate-row{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap}.draft-grade-winrate-row>*{flex:1;min-width:200px}@media(max-width:768px){.draft-grade-winrate-row{flex-direction:column}.draft-grade-winrate-row>*{min-width:100%}}.temporal-trends{background-color:var(--bg-secondary, #1e1e1e);border-radius:8px;padding:16px;margin-bottom:16px}.temporal-trends--loading,.temporal-trends--error,.temporal-trends--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:12px;color:var(--color-text-secondary, #888)}.temporal-trends--error{color:var(--color-error, #ff6b6b)}.temporal-trends--error button{padding:8px 16px;background-color:var(--color-primary, #4a9eff);border:none;border-radius:4px;color:#fff;cursor:pointer}.temporal-trends__spinner{width:24px;height:24px;border:2px solid var(--color-text-secondary, #888);border-top-color:var(--color-primary, #4a9eff);border-radius:50%;animation:spin 1s linear infinite}.temporal-trends__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.temporal-trends__header h3{margin:0;font-size:1.1rem;color:var(--color-text-primary, #fff)}.temporal-trends__controls{display:flex;gap:8px}.temporal-trends__select{padding:6px 12px;background-color:var(--bg-tertiary, #2d2d2d);border:1px solid var(--border-color, #444);border-radius:4px;color:var(--color-text-primary, #fff);font-size:.875rem;cursor:pointer}.temporal-trends__refresh{padding:6px 12px;background-color:transparent;border:1px solid var(--border-color, #444);border-radius:4px;color:var(--color-text-secondary, #888);font-size:.875rem;cursor:pointer;transition:all .2s ease}.temporal-trends__refresh:hover{background-color:var(--bg-tertiary, #2d2d2d);color:var(--color-text-primary, #fff)}.temporal-trends__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;padding:16px;background-color:var(--bg-tertiary, #2d2d2d);border-radius:6px}@media(max-width:768px){.temporal-trends__summary{grid-template-columns:repeat(2,1fr)}}.temporal-trends__stat{display:flex;flex-direction:column;align-items:center;text-align:center}.temporal-trends__stat-value{font-size:1.5rem;font-weight:700;color:var(--color-primary, #4a9eff)}.temporal-trends__stat-label{font-size:.75rem;color:var(--color-text-secondary, #888);margin-top:4px}.temporal-trends__chart{margin-top:20px}.temporal-trends__chart h4{margin:0 0 12px;font-size:.95rem;color:var(--color-text-primary, #fff);display:flex;align-items:center;gap:8px}.temporal-trends__mastered{font-size:.75rem;padding:2px 8px;background-color:var(--color-success, #82ca9d);color:#000;border-radius:10px;font-weight:400}.temporal-trends__learning-summary{text-align:center;margin-top:8px;font-size:.875rem;color:var(--color-text-secondary, #888)}.recharts-tooltip-wrapper{z-index:1000}.recharts-default-tooltip{background-color:var(--bg-tertiary, #2d2d2d)!important;border:1px solid var(--border-color, #444)!important;border-radius:4px}.recharts-tooltip-label{color:var(--color-text-primary, #fff)!important;font-weight:700;margin-bottom:4px}.recharts-tooltip-item{color:var(--color-text-secondary, #888)!important}.community-comparison{background-color:var(--bg-secondary, #1e1e1e);border-radius:8px;padding:16px;margin-bottom:16px}.community-comparison--loading,.community-comparison--error,.community-comparison--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;gap:12px;color:var(--color-text-secondary, #888)}.community-comparison--error{color:var(--color-error, #ff6b6b)}.community-comparison--error button{padding:8px 16px;background-color:var(--color-primary, #4a9eff);border:none;border-radius:4px;color:#fff;cursor:pointer}.community-comparison__spinner{width:24px;height:24px;border:2px solid var(--color-text-secondary, #888);border-top-color:var(--color-primary, #4a9eff);border-radius:50%;animation:spin 1s linear infinite}.community-comparison__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.community-comparison__header h3{margin:0;font-size:1.1rem;color:var(--color-text-primary, #fff)}.community-comparison__set{padding:4px 10px;background-color:var(--bg-tertiary, #2d2d2d);border-radius:4px;font-size:.875rem;font-weight:700;color:var(--color-text-secondary, #888)}.community-comparison__main{display:flex;gap:20px;align-items:center;margin-bottom:20px}.community-comparison__rank{display:flex;flex-direction:column;align-items:center;padding:16px 24px;border-radius:8px;min-width:140px}.community-comparison__rank--elite{background:linear-gradient(135deg,gold,#ffb300);color:#000}.community-comparison__rank--high{background:linear-gradient(135deg,#82ca9d,#50c878);color:#000}.community-comparison__rank--above{background-color:#3d5a3d;color:var(--color-text-primary, #fff)}.community-comparison__rank--average{background-color:var(--bg-tertiary, #2d2d2d);color:var(--color-text-primary, #fff)}.community-comparison__rank--below{background-color:#5a3d3d;color:var(--color-text-primary, #fff)}.community-comparison__rank--low{background-color:#4a2d2d;color:var(--color-text-primary, #fff)}.community-comparison__rank-label{font-size:1.25rem;font-weight:700;margin-bottom:4px}.community-comparison__percentile{font-size:.75rem;opacity:.8}.community-comparison__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;flex:1}@media(max-width:768px){.community-comparison__main{flex-direction:column}.community-comparison__stats{grid-template-columns:repeat(2,1fr);width:100%}}.community-comparison__stat{display:flex;flex-direction:column;align-items:center;text-align:center}.community-comparison__stat-label{font-size:.75rem;color:var(--color-text-secondary, #888);margin-bottom:4px}.community-comparison__stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary, #fff)}.community-comparison__stat-value--primary{color:var(--color-primary, #4a9eff)}.community-comparison__stat-value--positive{color:var(--color-success, #82ca9d)}.community-comparison__stat-value--negative{color:var(--color-error, #ff6b6b)}.community-comparison__archetypes{border-top:1px solid var(--border-color, #444);padding-top:16px}.community-comparison__archetypes h4{margin:0 0 12px;font-size:.95rem;color:var(--color-text-primary, #fff)}.community-comparison__archetype-list{display:flex;flex-direction:column;gap:8px}.community-comparison__archetype-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background-color:var(--bg-tertiary, #2d2d2d);border-radius:4px}.community-comparison__archetype-colors{display:flex;gap:2px}.community-comparison__color{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.community-comparison__color--w{background-color:#f9faf4;color:#333}.community-comparison__color--u{background-color:#0e68ab;color:#fff}.community-comparison__color--b{background-color:#150b00;color:#fff}.community-comparison__color--r{background-color:#d3202a;color:#fff}.community-comparison__color--g{background-color:#00733e;color:#fff}.community-comparison__archetype-name{flex:1;font-size:.875rem;color:var(--color-text-primary, #fff)}.community-comparison__archetype-stats{display:flex;align-items:center;gap:6px;font-size:.875rem}.community-comparison__archetype-user{font-weight:700;color:var(--color-primary, #4a9eff)}.community-comparison__archetype-vs,.community-comparison__archetype-community{color:var(--color-text-secondary, #888)}.community-comparison__archetype-delta{font-size:.75rem}.community-comparison__archetype-delta--positive{color:var(--color-success, #82ca9d)}.community-comparison__archetype-delta--negative{color:var(--color-error, #ff6b6b)}.community-comparison__archetype-matches{font-size:.75rem;color:var(--color-text-secondary, #888);min-width:70px;text-align:right}.draft-analytics{padding:20px;max-width:1400px;margin:0 auto}.draft-analytics--loading,.draft-analytics--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--color-text-secondary, #888)}.draft-analytics--empty h2{color:var(--color-text-primary, #fff);margin:0}.draft-analytics--empty p{margin:0;text-align:center}.draft-analytics__spinner{width:32px;height:32px;border:3px solid var(--color-text-secondary, #888);border-top-color:var(--color-primary, #4a9eff);border-radius:50%;animation:spin 1s linear infinite}.draft-analytics__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.draft-analytics__header h1{margin:0;font-size:1.75rem;color:var(--color-text-primary, #fff)}.draft-analytics__filters{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.draft-analytics__filter{display:flex;flex-direction:column;gap:4px}.draft-analytics__filter label{font-size:.75rem;color:var(--color-text-secondary, #888);text-transform:uppercase;letter-spacing:.05em}.draft-analytics__filter--toggle{flex-direction:row;align-items:center}.draft-analytics__filter--toggle label{display:flex;align-items:center;gap:8px;text-transform:none;font-size:.875rem;cursor:pointer}.draft-analytics__filter--toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer}.draft-analytics__select{padding:8px 12px;background-color:var(--bg-secondary, #1e1e1e);border:1px solid var(--border-color, #444);border-radius:4px;color:var(--color-text-primary, #fff);font-size:.875rem;min-width:150px;cursor:pointer}.draft-analytics__select:hover{border-color:var(--color-primary, #4a9eff)}.draft-analytics__select:focus{outline:none;border-color:var(--color-primary, #4a9eff);box-shadow:0 0 0 2px #4a9eff33}.draft-analytics__content{display:flex;flex-direction:column;gap:20px}.draft-analytics__section{flex:1;min-width:0}.draft-analytics__section--full{width:100%}.draft-analytics__row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:1200px){.draft-analytics__row{grid-template-columns:1fr}}@media(max-width:768px){.draft-analytics{padding:16px}.draft-analytics__header{flex-direction:column;align-items:flex-start}.draft-analytics__header h1{font-size:1.5rem}.draft-analytics__filters{width:100%}.draft-analytics__select{width:100%;min-width:unset}}.rotation-banner{border-radius:8px;margin-bottom:16px;overflow:hidden}.rotation-banner--info{background:linear-gradient(135deg,#1a3a5c,#0d2137);border:1px solid #2d5a8a}.rotation-banner--warning{background:linear-gradient(135deg,#5c4a1a,#372d0d);border:1px solid #8a7a2d}.rotation-banner--critical{background:linear-gradient(135deg,#5c1a1a,#370d0d);border:1px solid #8a2d2d}.rotation-banner__header{display:flex;align-items:center;gap:12px;padding:12px 16px}.rotation-banner__icon-container{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.rotation-banner--info .rotation-banner__icon-container{background:#2d5a8a80}.rotation-banner--warning .rotation-banner__icon-container{background:#8a7a2d80}.rotation-banner--critical .rotation-banner__icon-container{background:#8a2d2d80}.rotation-banner__icon{font-weight:700;font-size:16px}.rotation-banner--info .rotation-banner__icon{color:#6ab0ff}.rotation-banner--warning .rotation-banner__icon{color:gold}.rotation-banner--critical .rotation-banner__icon{color:#ff6b6b}.rotation-banner__content{flex:1;min-width:0}.rotation-banner__title{margin:0;font-size:14px;font-weight:600;color:var(--text-primary, #fff)}.rotation-banner__subtitle{margin:2px 0 0;font-size:12px;color:var(--text-secondary, #a0a0a0)}.rotation-banner__actions{display:flex;gap:8px;flex-shrink:0}.rotation-banner__expand,.rotation-banner__dismiss{background:#ffffff1a;border:none;border-radius:4px;padding:6px 12px;font-size:12px;color:var(--text-primary, #fff);cursor:pointer;transition:background .2s}.rotation-banner__expand:hover,.rotation-banner__dismiss:hover{background:#fff3}.rotation-banner__dismiss{padding:6px 8px}.rotation-banner__details{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid rgba(255,255,255,.1);margin-top:0}@media(max-width:600px){.rotation-banner__details{grid-template-columns:1fr}}.rotation-banner__section h4{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.5px}.rotation-banner__sets,.rotation-banner__decks{list-style:none;margin:0;padding:0}.rotation-banner__set,.rotation-banner__deck{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px}.rotation-banner__set-code{font-weight:600;color:var(--text-primary, #fff);min-width:40px}.rotation-banner__set-name{color:var(--text-secondary, #a0a0a0)}.rotation-banner__deck-link{color:var(--text-primary, #fff);text-decoration:none;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rotation-banner__deck-link:hover{text-decoration:underline}.rotation-banner__deck-impact{font-size:12px;color:var(--text-secondary, #a0a0a0);flex-shrink:0}.rotation-banner__deck--more{margin-top:4px}.rotation-banner__deck--more a{color:var(--accent-color, #6ab0ff);text-decoration:none;font-size:12px}.rotation-banner__deck--more a:hover{text-decoration:underline}.rotation-banner--compact{display:flex;align-items:center;gap:8px;padding:8px 12px}.rotation-banner--compact .rotation-banner__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border-radius:50%}.rotation-banner--compact.rotation-banner--info .rotation-banner__icon{background:#2d5a8a80}.rotation-banner--compact.rotation-banner--warning .rotation-banner__icon{background:#8a7a2d80}.rotation-banner--compact.rotation-banner--critical .rotation-banner__icon{background:#8a2d2d80}.rotation-banner--compact .rotation-banner__text{flex:1;font-size:13px;color:var(--text-primary, #fff)}.rotation-banner--compact .rotation-banner__link{font-size:12px;color:var(--accent-color, #6ab0ff);text-decoration:none}.rotation-banner--compact .rotation-banner__link:hover{text-decoration:underline}.decks-page{padding:2rem;flex:1;overflow-y:auto;box-sizing:border-box;min-height:0}.decks-page.loading-state,.decks-page.error-state{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;gap:1.5rem}.retry-button{padding:.75rem 1.5rem;background:#4a9eff;border:none;border-radius:6px;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s}.retry-button:hover{background:#3a8edf;transform:translateY(-2px)}.decks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.decks-header h1{margin:0;font-size:2rem;color:#fff}.create-deck-button{padding:.75rem 1.5rem;background:#4a9eff;border:none;border-radius:6px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.create-deck-button:hover{background:#3a8edf;transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff4d}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem;text-align:center}.empty-icon{font-size:5rem}.empty-state h2{margin:0;color:#fff}.empty-state p{margin:0;color:#aaa;font-size:1.125rem}.create-deck-button-large{padding:1rem 2rem;background:#4a9eff;border:none;border-radius:8px;color:#fff;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s}.create-deck-button-large:hover{background:#3a8edf;transform:translateY(-2px);box-shadow:0 6px 16px #4a9eff66}.decks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.deck-card{background:#1e1e1e;border:2px solid #333;border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:1rem}.deck-card:hover{border-color:#4a9eff;transform:translateY(-4px);box-shadow:0 8px 20px #0006}.deck-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.deck-card-header h3{margin:0;font-size:1.25rem;color:#fff;flex:1;word-break:break-word}.source-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.source-badge.draft{background:#ff9800;color:#fff}.source-badge.import{background:#9c27b0;color:#fff}.deck-badges{display:flex;gap:.5rem;flex-wrap:wrap}.archetype-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap;background:#2d4a6f;color:#8bb8e8;border:1px solid #3d6a9f}.deck-card-body{flex:1}.deck-info{display:flex;flex-direction:column;gap:.5rem}.deck-format{font-size:.875rem;color:#4a9eff;font-weight:600;text-transform:uppercase}.deck-date{font-size:.75rem;color:#888}.deck-stats-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #333}.deck-win-rate{font-size:.8rem;color:#aaa}.deck-streak{font-size:.8rem;padding:.125rem .5rem;border-radius:4px;font-weight:600}.deck-streak.win-streak{background:#4caf5033;color:#4caf50}.deck-streak.loss-streak{background:#f4433633;color:#f44336}.deck-duration{font-size:.75rem;color:#888}.deck-card-footer{display:flex;gap:.75rem}.edit-button{flex:1;padding:.5rem 1rem;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s}.edit-button:hover{background:#333;border-color:#4a9eff}.export-button{flex:1;padding:.5rem 1rem;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#4a9eff;font-size:.875rem;cursor:pointer;transition:all .2s}.export-button:hover{background:#1f2d3d;border-color:#4a9eff}.delete-button{flex:1;padding:.5rem 1rem;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#ff5252;font-size:.875rem;cursor:pointer;transition:all .2s}.delete-button:hover{background:#3d1f1f;border-color:#ff5252}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1e1e1e;border:2px solid #333;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #333}.modal-header h2{margin:0;font-size:1.5rem;color:#fff}.close-button{background:none;border:none;color:#aaa;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-button:hover{color:#fff}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#aaa;font-size:.875rem;font-weight:600}.form-group input,.form-group select{padding:.75rem;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4a9eff}.modal-footer{display:flex;gap:1rem;padding:1.5rem;border-top:2px solid #333}.cancel-button{flex:1;padding:.75rem 1.5rem;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s}.cancel-button:hover{background:#333;border-color:#555}.create-button{flex:1;padding:.75rem 1.5rem;background:#4a9eff;border:none;border-radius:6px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.create-button:hover{background:#3a8edf;transform:translateY(-2px)}.delete-button-confirm{flex:1;padding:.75rem 1.5rem;background:#ff5252;border:none;border-radius:6px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.delete-button-confirm:hover{background:#d32f2f;transform:translateY(-2px)}.delete-modal .modal-body{padding:2rem 1.5rem}.delete-modal .modal-body p{margin:0;color:#fff;font-size:1rem;line-height:1.6}.delete-modal .modal-body p.warning-text{margin-top:.75rem;color:#ff5252;font-size:.875rem;font-style:italic}.export-modal .modal-body p{margin:0;color:#fff;font-size:1rem}.export-hint{font-size:.875rem;color:#888;font-style:italic}.export-footer{justify-content:flex-end}.copy-button{padding:.75rem 1.5rem;background:#2a2a2a;border:1px solid #4a9eff;border-radius:6px;color:#4a9eff;font-size:1rem;cursor:pointer;transition:all .2s}.copy-button:hover:not(:disabled){background:#1f2d3d}.copy-button:disabled{opacity:.6;cursor:not-allowed}.export-button-confirm{padding:.75rem 1.5rem;background:#4a9eff;border:none;border-radius:6px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.export-button-confirm:hover:not(:disabled){background:#3a8edf;transform:translateY(-2px)}.export-button-confirm:disabled{opacity:.6;cursor:not-allowed}.cancel-button:disabled{opacity:.6;cursor:not-allowed}.export-warning-banner{display:flex;align-items:center;justify-content:space-between;background:#ffc10726;border:1px solid #ffc107;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem}.export-warning-content{display:flex;align-items:center;gap:.75rem;flex:1}.export-warning-icon{color:#ffc107;font-size:1.5rem;flex-shrink:0}.export-warning-text{color:#e6e6e6;font-size:.9rem;line-height:1.4}.export-warning-dismiss{background:transparent;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:.25rem;margin-left:1rem;line-height:1;transition:color .2s}.export-warning-dismiss:hover{color:#fff}@media(max-width:768px){.decks-page{padding:1rem}.decks-header{flex-direction:column;align-items:stretch;gap:1rem}.decks-grid{grid-template-columns:1fr}.export-footer{flex-direction:column}.export-footer .cancel-button,.export-footer .copy-button,.export-footer .export-button-confirm{flex:none;width:100%}}.set-symbol{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.set-symbol-icon{object-fit:contain}.set-symbol-text{font-size:.75em;font-weight:600;text-transform:uppercase;padding:2px 4px;border-radius:2px;background-color:var(--bg-tertiary, #333);color:var(--text-secondary, #888)}.set-symbol-loading{font-size:.6em;opacity:.5}.set-symbol-common{filter:brightness(0) saturate(100%) invert(50%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%)}.set-symbol-uncommon{filter:brightness(0) saturate(100%) invert(60%) sepia(50%) saturate(400%) hue-rotate(140deg) brightness(90%) contrast(90%)}.set-symbol-rare{filter:brightness(0) saturate(100%) invert(70%) sepia(50%) saturate(500%) hue-rotate(10deg) brightness(110%) contrast(90%)}.set-symbol-mythic{filter:brightness(0) saturate(100%) invert(40%) sepia(100%) saturate(500%) hue-rotate(340deg) brightness(100%) contrast(100%)}.set-symbol-text.set-symbol-common{filter:none;color:#888;background-color:#333}.set-symbol-text.set-symbol-uncommon{filter:none;color:silver;background-color:#2a3a2a}.set-symbol-text.set-symbol-rare{filter:none;color:gold;background-color:#3a3520}.set-symbol-text.set-symbol-mythic{filter:none;color:#ff6b00;background-color:#3a2520}.deck-list{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:#1e1e1e;border-radius:8px;overflow-y:auto;height:100%}.deck-list.loading{display:flex;justify-content:center;align-items:center;color:#aaa;font-size:1.125rem}.deck-header{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem;border-bottom:2px solid #333}.deck-title{display:flex;align-items:center;gap:1rem}.deck-title h2{margin:0;font-size:1.75rem;color:#fff}.draft-indicator{background:#4a9eff;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600}.deck-meta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.deck-format,.deck-source{padding:.25rem .75rem;background:#2a2a2a;border-radius:4px;font-size:.875rem;color:#aaa}.deck-tags{display:flex;gap:.5rem;flex-wrap:wrap}.deck-tag{padding:.25rem .75rem;background:#333;border-radius:12px;font-size:.75rem;color:#4a9eff;border:1px solid #4a9eff}.deck-counts{display:flex;gap:1rem}.count-badge{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600}.count-badge.mainboard{background:#4a9eff33;color:#4a9eff;border:1px solid #4a9eff}.count-badge.sideboard{background:#9c27b033;color:#ba68c8;border:1px solid #ba68c8}.deck-statistics{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:1rem;background:#252525;border-radius:6px}.stat-chart{display:flex;flex-direction:column;gap:1rem}.stat-chart h3{margin:0;font-size:1.125rem;color:#fff}.avg-cmc{text-align:center;color:#aaa;font-size:.875rem;margin-top:.5rem}.land-recommendation{grid-column:1 / -1}.land-status{padding:1rem;border-radius:6px;text-align:center;font-weight:600}.land-status.optimal{background:#4caf5033;color:#4caf50;border:1px solid #4caf50}.land-status.too_few{background:#ff980033;color:#ff9800;border:1px solid #ff9800}.land-status.too_many{background:#f4433633;color:#f44336;border:1px solid #f44336}.mainboard{display:flex;flex-direction:column;gap:1rem}.mainboard>h3{margin:0;font-size:1.25rem;color:#fff;padding-bottom:.5rem;border-bottom:1px solid #333}.card-groups{display:flex;flex-direction:column;gap:.75rem}.card-group{display:flex;flex-direction:column;gap:.5rem}.group-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.25rem;border-bottom:1px solid #333}.group-header h4{margin:0;font-size:1rem;color:#4a9eff;font-weight:600}.group-count{color:#aaa;font-size:.875rem}.group-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;padding:0}.deck-card{display:flex;flex-direction:column;align-items:center;padding:.25rem;background:#2a2a2a;border-radius:6px;transition:all .2s;cursor:pointer;position:relative}.deck-card:hover{background:#333;transform:scale(1.05);box-shadow:0 4px 12px #0006;z-index:10}.card-image-wrapper{position:relative;width:100%}.card-image{width:100%;border-radius:4px;display:block}.card-quantity-badge{position:absolute;top:4px;right:4px;background:#4a9effe6;color:#fff;font-size:.625rem;font-weight:700;padding:1px 4px;border-radius:3px;box-shadow:0 1px 3px #0000004d;line-height:1;white-space:nowrap;height:auto;width:auto;flex-shrink:0;align-self:flex-start}.card-image-placeholder{position:relative;width:100%;height:130px;background:#333;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem}.card-image-placeholder .card-quantity-badge{position:absolute;top:4px;right:4px}.card-image-placeholder .card-name{font-size:.625rem;text-align:center;color:#aaa}.card-info{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.25rem 0;width:100%;overflow:hidden}.card-info .card-name{font-size:.6875rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2}.card-info .card-mana{font-size:.625rem}.card-quantity{min-width:30px;font-weight:700;color:#4a9eff;text-align:right}.card-name{flex:1;color:#fff;font-size:.875rem;line-height:1.2}.card-set-symbol{display:inline-flex;align-items:center;margin-left:.25rem}.card-mana{color:#aaa;font-size:.875rem;font-family:Courier New,monospace}.card-actions{position:absolute;top:4px;left:4px;display:flex;gap:2px;opacity:0;transition:opacity .2s;z-index:10}.deck-card:hover .card-actions{opacity:1}.card-action-btn{width:18px;height:18px;border:none;color:#fff;border-radius:3px;cursor:pointer;font-size:.875rem;font-weight:700;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.card-action-btn.add-btn{background:#4caf50e6}.card-action-btn.add-btn:hover{background:#4caf50;transform:scale(1.1)}.card-action-btn.remove-btn{background:#ff9800e6}.card-action-btn.remove-btn:hover{background:#ff9800;transform:scale(1.1)}.card-action-btn.remove-all-btn{background:#f44336e6}.card-action-btn.remove-all-btn:hover{background:#f44336;transform:scale(1.1)}.remove-card-btn{position:absolute;top:4px;left:4px;width:20px;height:20px;border:none;background:#f44336e6;color:#fff;border-radius:50%;cursor:pointer;font-size:.875rem;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;z-index:10}.deck-card:hover .remove-card-btn{opacity:1}.remove-card-btn:hover{background:#da190b;transform:scale(1.1)}.sideboard{display:flex;flex-direction:column;gap:1rem}.sideboard-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#252525;border-radius:6px;cursor:pointer;transition:background .2s}.sideboard-header:hover{background:#2a2a2a}.sideboard-header h3{margin:0;font-size:1.25rem;color:#ba68c8}.toggle-sideboard{background:none;border:none;color:#ba68c8;font-size:1.125rem;cursor:pointer;padding:.25rem .5rem;transition:transform .2s}.toggle-sideboard:hover{transform:scale(1.2)}.sideboard-cards{display:flex;flex-direction:column;gap:.5rem;padding-left:1rem}.empty-deck{display:flex;justify-content:center;align-items:center;padding:3rem;text-align:center;color:#aaa;background:#252525;border-radius:6px;border:2px dashed #333}.empty-deck p{margin:0;font-size:1.125rem}.deck-list::-webkit-scrollbar{width:8px}.deck-list::-webkit-scrollbar-track{background:#1e1e1e;border-radius:4px}.deck-list::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.deck-list::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:768px){.deck-statistics{grid-template-columns:1fr}.deck-header{gap:.75rem}.deck-meta,.deck-counts,.deck-title{flex-direction:column;align-items:flex-start}.group-cards{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}}.preview-details{padding:.5rem}.preview-name{margin:0 0 .25rem;font-size:1rem;color:#fff;font-weight:600}.preview-type{margin:0 0 .5rem;font-size:.8125rem;color:#aaa}.preview-stats{display:flex;gap:1rem;margin-bottom:.5rem}.preview-mana{font-size:.8125rem;color:#4a9eff;font-family:Courier New,monospace}.preview-pt{font-size:.875rem;color:#fff;font-weight:600;background:#333;padding:.125rem .5rem;border-radius:4px}.preview-text{margin:0 0 .5rem;font-size:.7rem;color:#ccc;line-height:1.3;max-height:80px;overflow-y:auto;white-space:pre-wrap}.preview-set{margin:0;font-size:.6875rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.card-search{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#1e1e1e;border-radius:8px}.card-search-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid #333}.card-search-header h3{margin:0;font-size:1.25rem;color:#fff}.draft-mode-indicator{display:flex;gap:.75rem;align-items:center}.draft-badge{background:#4a9eff;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600}.draft-pool-count{color:#aaa;font-size:.875rem}.search-input-container{display:flex;flex-direction:column;gap:.5rem}.search-input{padding:.75rem;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:1rem;transition:border-color .2s}.search-input::placeholder{color:#666}.search-filters{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#252525;border-radius:6px}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:#aaa;font-size:.875rem;font-weight:600;text-transform:uppercase}.cmc-input{width:80px;padding:.5rem;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;font-size:.875rem}.cmc-input:focus{outline:none;border-color:#4a9eff}.color-filters{display:flex;gap:.5rem;flex-wrap:wrap}.color-button{width:36px;height:36px;border:2px solid transparent;border-radius:50%;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s;background:#333;color:#666}.color-button:hover{transform:scale(1.1)}.color-button.active{border-color:currentColor;box-shadow:0 0 8px currentColor}.color-button.white{background:#fffbd5;color:#333}.color-button.white.active{border-color:gold}.color-button.blue{background:#0e68ab;color:#fff}.color-button.blue.active{border-color:#4a9eff}.color-button.black{background:#150b00;color:#aaa}.color-button.black.active{border-color:#999}.color-button.red{background:#d3202a;color:#fff}.color-button.red.active{border-color:#f44}.color-button.green{background:#00733e;color:#fff}.color-button.green.active{border-color:#4f8}.color-button.colorless{background:#ccc;color:#333}.color-button.colorless.active{border-color:#888}.color-button.multicolor{background:linear-gradient(135deg,#d3202a,#00733e,#0e68ab,#fffbd5,#150b00);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.color-button.multicolor.active{border-color:#fff}.type-filters{display:flex;gap:.5rem;flex-wrap:wrap}.type-button{padding:.5rem 1rem;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#aaa;font-size:.875rem;cursor:pointer;transition:all .2s}.type-button:hover{background:#333;border-color:#555}.type-button.active{background:#4a9eff;border-color:#4a9eff;color:#fff}.board-selection{display:flex;gap:.5rem}.board-button{flex:1;padding:.5rem 1rem;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#aaa;font-size:.875rem;cursor:pointer;transition:all .2s}.board-button:hover{background:#333;border-color:#555}.board-button.active{background:#4a9eff;border-color:#4a9eff;color:#fff}.search-results{flex:1;overflow-y:auto;background:#252525;border-radius:6px;padding:1rem}.loading,.error,.no-results{text-align:center;padding:2rem;color:#aaa}.error{color:#ff6b6b}.result-count{color:#aaa;font-size:.875rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #333}.card-list{display:flex;flex-direction:column;gap:1rem}.card-result{display:flex;gap:1rem;padding:1rem;background:#2a2a2a;border-radius:6px;border:2px solid transparent;transition:all .2s;position:relative}.card-result:hover{background:#333;border-color:#444}.card-result.in-deck{border-color:#4a9eff;background:#4a9eff1a}.card-image{width:120px;height:auto;border-radius:6px;object-fit:cover;flex-shrink:0}.card-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.card-name{font-size:1.125rem;font-weight:600;color:#fff}.card-type{font-size:.875rem;color:#aaa}.card-mana-cost{font-size:.875rem;color:#4a9eff;font-family:Courier New,monospace}.card-stats{display:flex;gap:1rem;font-size:.875rem;color:#aaa;margin-top:auto}.available-quantity{color:#4a9eff;font-weight:600}.card-actions{position:absolute;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.in-deck-info{margin-bottom:.5rem}.in-deck-badge{background:#4a9eff33;color:#4a9eff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid #4a9eff}.add-button,.remove-button{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:100px}.add-button{background:#4caf50;color:#fff}.add-button:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px #4caf504d}.remove-button{background:#f44336;color:#fff}.remove-button:hover{background:#da190b;transform:translateY(-2px);box-shadow:0 4px 8px #f443364d}.collection-filter-group{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#252525;border-radius:6px}.collection-filter-group .filter-label{color:#aaa;font-size:.875rem;font-weight:600}.collection-toggle{display:flex;background:#2a2a2a;border-radius:4px;overflow:hidden;border:1px solid #444}.collection-toggle .toggle-option{padding:.5rem 1rem;background:transparent;border:none;color:#aaa;font-size:.875rem;cursor:pointer;transition:all .2s}.collection-toggle .toggle-option:hover{background:#333;color:#fff}.collection-toggle .toggle-option.active{background:#4a9eff;color:#fff}.owned-quantity{color:#4caf50;font-weight:600}.not-owned{color:#888;font-style:italic}.set-filter-group{display:flex;flex-direction:row!important;align-items:center;gap:.75rem;position:relative;padding:.75rem;background:#252525;border-radius:6px;margin-bottom:.5rem}.set-filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#aaa;font-size:.875rem;cursor:pointer;transition:all .2s}.set-filter-toggle:hover{background:#333;border-color:#555}.set-filter-toggle.has-filters{background:#4a9eff;border-color:#4a9eff;color:#fff}.toggle-icon{font-size:.75rem;margin-left:.25rem}.clear-sets-button{padding:.5rem .75rem;background:transparent;border:1px solid #666;border-radius:4px;color:#aaa;font-size:.75rem;cursor:pointer;transition:all .2s}.clear-sets-button:hover{background:#333;border-color:#888;color:#fff}.set-filter-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:#2a2a2a;border:1px solid #444;border-radius:6px;max-height:300px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0006}.set-filter-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s}.set-filter-option:hover{background:#333}.set-filter-option input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#4a9eff}.set-filter-option .set-name{color:#ddd;font-size:.875rem}.no-sets{padding:1rem;text-align:center;color:#888;font-size:.875rem}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:#1e1e1e;border-radius:4px}.search-results::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.search-results::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:768px){.card-result{flex-direction:column}.card-image{width:100%;max-width:200px;margin:0 auto}.card-actions{flex-direction:row;justify-content:center;align-items:center}.color-filters,.type-filters{justify-content:center}}.card-hover-preview{pointer-events:none;animation:fadeInPreview .15s ease-out}@keyframes fadeInPreview{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.card-hover-preview .preview-card{background:#1e1e1e;border:2px solid #4a9eff;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #00000080;width:260px}.card-hover-preview .preview-image{width:100%;display:block;border-radius:8px 8px 0 0}.card-hover-preview .preview-details{padding:.75rem}.card-hover-preview .preview-name{margin:0 0 .25rem;font-size:1rem;color:#fff;font-weight:600}.card-hover-preview .preview-type{margin:0 0 .5rem;font-size:.8rem;color:#aaa}.card-hover-preview .preview-stats{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.85rem}.card-hover-preview .preview-mana{color:#4a9eff}.card-hover-preview .preview-pt{color:#4caf50;font-weight:600}.card-hover-preview .preview-text{margin:0 0 .5rem;font-size:.8rem;color:#ccc;line-height:1.4;white-space:pre-wrap}.card-hover-preview .preview-score-section{display:flex;gap:.75rem;margin-bottom:.5rem;font-size:.8rem}.card-hover-preview .preview-score{color:#4caf50;font-weight:600}.card-hover-preview .preview-confidence{color:#6b7fd4}.card-hover-preview .preview-reasoning{margin:0 0 .5rem;font-size:.75rem;color:#aaa;line-height:1.4;font-style:italic}.card-hover-preview .preview-set{margin:0;font-size:.75rem;color:#888;text-transform:capitalize}.recommendation-card{background:var(--card-bg, #2a2d36);border-radius:8px;overflow:hidden;transition:all .2s ease;border:1px solid var(--border-color, #3a3d46)}.recommendation-card:hover{border-color:var(--accent-color, #6b7fd4)}.recommendation-card.expanded{border-color:var(--accent-color, #6b7fd4);box-shadow:0 4px 12px #0000004d}.rec-card-main{display:flex;align-items:flex-start;gap:10px;padding:10px}.rec-card-image{width:60px;height:auto;border-radius:4px;flex-shrink:0;box-shadow:0 2px 4px #0000004d}.rec-card-info{flex:1;min-width:0;overflow:hidden}.rec-card-name{font-weight:600;font-size:.9rem;color:var(--text-primary, #fff);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}.rec-card-type{font-size:.75rem;color:var(--text-secondary, #a0a0a0);margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-card-mana{font-size:.8rem;color:var(--text-secondary, #a0a0a0);font-family:monospace;margin-bottom:4px}.rec-score-summary{display:flex;gap:6px;align-items:center;margin-bottom:4px;flex-wrap:wrap}.score-badge{background:var(--success-bg, rgba(76, 175, 80, .2));color:var(--success-color, #4caf50);padding:2px 6px;border-radius:10px;font-size:.7rem;font-weight:600}.confidence-badge{background:var(--info-bg, rgba(107, 127, 212, .2));color:var(--info-color, #6b7fd4);padding:2px 6px;border-radius:10px;font-size:.7rem}.rec-reasoning{font-size:.75rem;color:var(--text-secondary, #a0a0a0);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rec-card-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0;margin-left:auto}.add-rec-button,.explain-button{padding:4px 10px;border-radius:4px;font-size:.75rem;cursor:pointer;border:none;transition:all .15s ease;white-space:nowrap}.add-rec-button{background:var(--accent-color, #6b7fd4);color:#fff}.add-rec-button:hover{background:var(--accent-hover, #7b8fe4)}.explain-button{background:var(--secondary-bg, #3a3d46);color:var(--text-secondary, #a0a0a0)}.explain-button:hover,.explain-button.active{background:var(--secondary-hover, #4a4d56);color:var(--text-primary, #fff)}.rec-card-details{padding:12px;border-top:1px solid var(--border-color, #3a3d46);margin-top:8px}.score-factors{margin-bottom:16px}.score-factors h4{font-size:.85rem;font-weight:600;color:var(--text-primary, #fff);margin:0 0 10px}.factor-list{display:flex;flex-direction:column;gap:8px}.factor-item{display:flex;align-items:center;gap:10px}.factor-label{width:80px;font-size:.75rem;color:var(--text-secondary, #a0a0a0);flex-shrink:0}.factor-bar-container{flex:1;height:8px;background:var(--bar-bg, rgba(255, 255, 255, .1));border-radius:4px;overflow:hidden}.factor-bar{height:100%;border-radius:4px;transition:width .3s ease}.factor-bar.score-bar-excellent{background:var(--success-color, #4caf50)}.factor-bar.score-bar-good{background:var(--info-color, #6b7fd4)}.factor-bar.score-bar-fair{background:var(--warning-color, #ff9800)}.factor-bar.score-bar-poor{background:var(--error-color, #f44336)}.factor-value{width:40px;text-align:right;font-size:.75rem;color:var(--text-secondary, #a0a0a0);flex-shrink:0}.detailed-explanation{margin-bottom:12px}.detailed-explanation h4{font-size:.85rem;font-weight:600;color:var(--text-primary, #fff);margin:0 0 8px}.explanation-loading{display:flex;align-items:center;gap:8px;color:var(--text-secondary, #a0a0a0);font-size:.85rem}.loading-spinner{width:14px;height:14px;border:2px solid var(--border-color, #3a3d46);border-top-color:var(--accent-color, #6b7fd4);border-radius:50%;animation:spin 1s linear infinite}.explanation-error{color:var(--error-color, #f44336);font-size:.85rem;padding:8px;background:var(--error-bg, rgba(244, 67, 54, .1));border-radius:4px}.explanation-text{font-size:.85rem;color:var(--text-secondary, #a0a0a0);line-height:1.5}.rec-source{display:flex;align-items:center;gap:6px;font-size:.75rem}.source-label{color:var(--text-muted, #666)}.source-value{padding:2px 8px;border-radius:10px;font-weight:500}.source-value.source-ml{background:var(--ml-bg, rgba(156, 39, 176, .2));color:var(--ml-color, #ce93d8)}.source-value.source-meta{background:var(--meta-bg, rgba(33, 150, 243, .2));color:var(--meta-color, #64b5f6)}.source-value.source-personal{background:var(--personal-bg, rgba(76, 175, 80, .2));color:var(--personal-color, #81c784)}.suggest-decks-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.suggest-decks-modal{background:var(--bg-primary, #1a1a2e);border-radius:12px;width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000080;border:1px solid var(--border-color, #333)}.suggest-decks-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color, #333)}.suggest-decks-header h2{margin:0;font-size:1.5rem;color:var(--text-primary, #fff)}.close-button{background:none;border:none;color:var(--text-secondary, #aaa);font-size:1.5rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.close-button:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.suggest-decks-content{padding:20px;overflow-y:auto;flex:1}.suggest-decks-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary, #aaa)}.suggest-decks-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color, #333);border-top-color:var(--accent-color, #6366f1);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.suggest-decks-error{text-align:center;padding:40px;color:var(--error-color, #ef4444)}.suggest-decks-error button{margin-top:16px;padding:8px 16px;background:var(--accent-color, #6366f1);color:#fff;border:none;border-radius:6px;cursor:pointer}.suggest-decks-summary{margin-bottom:20px;padding:12px 16px;background:#ffffff0d;border-radius:8px}.suggest-decks-summary p{margin:0;color:var(--text-secondary, #aaa)}.suggest-decks-summary .best-combo{margin-top:8px;color:var(--success-color, #22c55e)}.suggest-decks-empty{text-align:center;padding:40px;color:var(--text-secondary, #aaa)}.suggest-decks-list{display:flex;flex-direction:column;gap:12px}.deck-suggestion-card{background:#ffffff08;border:1px solid var(--border-color, #333);border-radius:8px;overflow:hidden;transition:all .2s}.deck-suggestion-card:hover,.deck-suggestion-card.expanded{border-color:var(--accent-color, #6366f1)}.suggestion-header{display:flex;align-items:center;padding:12px 16px;cursor:pointer;gap:12px}.suggestion-rank{font-weight:700;color:var(--text-secondary, #aaa);width:30px}.suggestion-colors{display:flex;gap:4px}.mana-pip{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.suggestion-name{flex:1;font-weight:600;color:var(--text-primary, #fff)}.suggestion-score{font-weight:700;color:var(--accent-color, #6366f1);padding:4px 8px;background:#6366f11a;border-radius:4px}.suggestion-viability{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.suggestion-expand-icon{color:var(--text-secondary, #aaa);font-size:.8rem}.suggestion-details{padding:0 16px 16px;border-top:1px solid var(--border-color, #333)}.suggestion-stats{display:flex;gap:20px;padding:16px 0}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary, #fff)}.suggestion-curve{padding:12px 0}.curve-title{font-size:.875rem;font-weight:600;color:var(--text-secondary, #aaa);margin-bottom:8px}.curve-bars{display:flex;gap:2px;height:60px}.curve-bar-container{flex:1;height:100%;position:relative}.curve-bar{position:absolute;bottom:0;left:0;right:0;background:var(--accent-color, #6366f1);border-radius:3px 3px 0 0;display:flex;align-items:flex-end;justify-content:center}.curve-count{font-size:.65rem;color:#fff;padding:2px 0;font-weight:600}.curve-label{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-size:.65rem;color:var(--text-secondary, #aaa)}.suggestion-synergies{padding:12px 0}.synergies-title{font-size:.875rem;font-weight:600;color:var(--text-secondary, #aaa);margin-bottom:8px}.synergies-list{display:flex;flex-wrap:wrap;gap:8px}.synergy-tag{padding:4px 8px;background:#6366f126;color:var(--accent-color, #6366f1);border-radius:4px;font-size:.8rem}.suggestion-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:12px 0}.card-section{background:#0003;border-radius:6px;padding:12px}.section-title{font-size:.875rem;font-weight:600;color:var(--text-secondary, #aaa);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #333)}.card-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.card-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:.85rem}.card-name{color:var(--text-primary, #fff)}.card-mana{color:var(--text-secondary, #aaa);font-size:.75rem}.suggestion-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid var(--border-color, #333);margin-top:12px}.action-btn{flex:1;padding:10px 16px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.use-deck-btn{background:var(--accent-color, #6366f1);color:#fff}.use-deck-btn:hover:not(:disabled){background:#5558e3}.export-btn{background:#ffffff1a;color:var(--text-primary, #fff);border:1px solid var(--border-color, #333)}.export-btn:hover:not(:disabled){background:#ffffff26}.progress-bar-container{display:flex;flex-direction:column;gap:6px;width:100%}.progress-bar-small .progress-bar-track{height:4px}.progress-bar-medium .progress-bar-track{height:8px}.progress-bar-large .progress-bar-track{height:12px}.progress-bar-small .progress-bar-label,.progress-bar-small .progress-bar-percentage,.progress-bar-small .progress-bar-detail{font-size:11px}.progress-bar-large .progress-bar-label,.progress-bar-large .progress-bar-percentage{font-size:14px}.progress-bar-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.progress-bar-label{font-size:12px;color:var(--text-secondary, #a0a0a0);font-weight:500}.progress-bar-percentage{font-size:12px;color:var(--text-primary, #ffffff);font-weight:600;font-variant-numeric:tabular-nums}.progress-bar-track{width:100%;background-color:var(--bg-tertiary, #2a2a2a);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:4px;transition:width .3s ease-out}.progress-bar-primary{background:linear-gradient(90deg,#4a9eff,#6bb3ff)}.progress-bar-success{background:linear-gradient(90deg,#4ade80,#22c55e)}.progress-bar-warning{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.progress-bar-error{background:linear-gradient(90deg,#f87171,#ef4444)}.progress-bar-fill.indeterminate{width:30%;animation:progress-indeterminate 1.5s ease-in-out infinite}@keyframes progress-indeterminate{0%{transform:translate(-100%)}50%{transform:translate(233%)}to{transform:translate(-100%)}}.progress-bar-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.progress-bar-info{display:flex;flex-wrap:wrap;gap:8px;flex:1}.progress-bar-detail{font-size:11px;color:var(--text-secondary, #a0a0a0)}.progress-bar-time{font-size:11px;color:var(--text-tertiary, #707070);font-style:italic}.progress-bar-cancel{background:transparent;border:1px solid var(--border-color, #444);color:var(--text-secondary, #a0a0a0);padding:2px 8px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s ease}.progress-bar-cancel:hover{background-color:var(--bg-hover, #333);color:var(--text-primary, #ffffff);border-color:var(--border-hover, #666)}.progress-bar-cancel:focus{outline:2px solid var(--focus-ring, #4a9eff);outline-offset:2px}.progress-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.progress-modal{background-color:var(--bg-primary, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:12px;padding:24px;min-width:320px;max-width:480px;width:90%;box-shadow:0 8px 32px #0006;animation:progress-modal-appear .2s ease-out}@keyframes progress-modal-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.progress-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.progress-modal-icon{font-size:24px;line-height:1}.progress-modal-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #ffffff)}.progress-modal-content{margin-bottom:20px}.progress-modal-actions{display:flex;justify-content:center}.progress-modal-cancel{background-color:transparent;border:1px solid var(--border-color, #444);color:var(--text-secondary, #a0a0a0);padding:8px 24px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.progress-modal-cancel:hover{background-color:var(--bg-hover, #2a2a2a);color:var(--text-primary, #ffffff);border-color:var(--border-hover, #666)}.progress-modal-cancel:focus{outline:2px solid var(--focus-ring, #4a9eff);outline-offset:2px}.progress-modal .progress-bar-container{gap:10px}.progress-modal .progress-bar-label{font-size:14px}.progress-modal .progress-bar-detail{font-size:13px}.progress-modal .progress-bar-time{font-size:12px}.help-icon-container{position:relative;display:inline-flex;align-items:center}.help-icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#3a3a3a;color:#888;border:1px solid #555;cursor:pointer;font-weight:700;transition:all .15s ease}.help-icon-button:hover{background:#4a4a4a;color:#fff;border-color:#666}.help-icon-button:focus{outline:none;box-shadow:0 0 0 2px #6496ff66}.help-icon-small{width:16px;height:16px;font-size:10px}.help-icon-medium{width:20px;height:20px;font-size:12px}.help-icon-large{width:24px;height:24px;font-size:14px}.help-popover{position:absolute;z-index:1000;min-width:280px;max-width:360px;background:#2a2a2a;border:1px solid #444;border-radius:8px;box-shadow:0 4px 16px #0006;animation:helpPopoverFadeIn .15s ease}@keyframes helpPopoverFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.help-popover-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.help-popover-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.help-popover-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.help-popover-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.help-popover-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #444;background:#333;border-radius:8px 8px 0 0}.help-popover-title{font-weight:600;font-size:13px;color:#fff}.help-popover-close{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:0;line-height:1;transition:color .15s}.help-popover-close:hover{color:#fff}.help-popover-content{padding:12px;font-size:12px;line-height:1.5;color:#ccc}.help-popover-content p{margin:0 0 8px}.help-popover-content p:last-child{margin-bottom:0}.help-popover-content ul{margin:8px 0;padding-left:16px}.help-popover-content li{margin-bottom:4px}.help-popover-content strong{color:#fff}.help-popover-content code{background:#3a3a3a;padding:1px 4px;border-radius:3px;font-size:11px}.help-color-indicator{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:middle}.help-color-green{background:#4ade80}.help-color-blue{background:#60a5fa}.help-color-yellow{background:#facc15}.help-color-orange{background:#fb923c}.help-color-red{background:#f87171}.build-around-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.build-around-modal{background:var(--bg-primary, #1a1a2e);border-radius:12px;width:90%;max-width:700px;max-height:90vh;min-height:500px;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000080;border:1px solid var(--border-color, #333)}.build-around-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color, #333)}.build-around-header h2{margin:0;font-size:1.5rem;color:var(--text-primary, #fff)}.build-around-content{padding:16px 20px;overflow-y:auto;flex:1}.search-section{position:relative;margin-bottom:16px}.seed-search-filters{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:10px 12px;background:#ffffff08;border-radius:6px}.seed-search-filters .filter-row{display:flex;align-items:center;gap:10px}.seed-search-filters .filter-label{color:var(--text-secondary, #aaa);font-size:.8rem;min-width:50px}.color-filter-buttons,.type-filter-buttons{display:flex;gap:4px;flex-wrap:wrap}.color-filter-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;font-size:.75rem;font-weight:700;transition:all .15s;opacity:.5}.color-filter-btn:hover{opacity:.8}.color-filter-btn.active{opacity:1;border-color:var(--accent-color, #6366f1);box-shadow:0 0 6px #6366f180}.color-filter-btn.mana-w{background:#f9faf4;color:#333}.color-filter-btn.mana-u{background:#0e68ab;color:#fff}.color-filter-btn.mana-b{background:#150b00;color:#fff;border-color:#444}.color-filter-btn.mana-b.active{border-color:var(--accent-color, #6366f1)}.color-filter-btn.mana-r{background:#d3202a;color:#fff}.color-filter-btn.mana-g{background:#00733e;color:#fff}.type-filter-btn{padding:4px 8px;border-radius:4px;border:1px solid var(--border-color, #333);background:transparent;color:var(--text-secondary, #aaa);font-size:.75rem;cursor:pointer;transition:all .15s}.type-filter-btn:hover{background:#ffffff0d;color:var(--text-primary, #fff)}.type-filter-btn.active{background:var(--accent-color, #6366f1);border-color:var(--accent-color, #6366f1);color:#fff}.search-input-container{display:flex;gap:8px}.search-input{flex:1;padding:12px 16px;background:#ffffff0d;border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-primary, #fff);font-size:1rem}.search-input:focus{outline:none;border-color:var(--accent-color, #6366f1)}.clear-button{padding:8px 16px;background:#ffffff1a;border:1px solid var(--border-color, #333);border-radius:6px;color:var(--text-secondary, #aaa);cursor:pointer}.clear-button:hover{background:#ffffff26}.searching-indicator{padding:8px;color:var(--text-secondary, #aaa);font-size:.875rem}.search-results{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary, #252543);border:1px solid var(--border-color, #333);border-radius:8px;margin-top:4px;max-height:300px;overflow-y:auto;z-index:10}.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .2s}.search-result-item:hover{background:#ffffff0d}.result-name{flex:1;color:var(--text-primary, #fff)}.result-type{color:var(--text-secondary, #aaa);font-size:.8rem}.color-pips{display:flex;gap:4px}.mana-pip{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.7rem}.mana-w{background:#f9faf4;color:#333}.mana-u{background:#0e68ab;color:#fff}.mana-b{background:#150b00;color:#fff;border:1px solid #444}.mana-r{background:#d3202a;color:#fff}.mana-g{background:#00733e;color:#fff}.selected-card-section{display:flex;flex-direction:column;gap:12px;padding:16px;background:#ffffff08;border-radius:8px;margin-bottom:16px}.selected-card{display:flex;gap:16px;align-items:flex-start}.card-image{width:120px;border-radius:8px;box-shadow:0 2px 8px #0000004d}.card-placeholder{width:120px;height:168px;background:#ffffff0d;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #aaa);text-align:center;padding:12px;font-size:.9rem}.selected-card-info h3{margin:0 0 8px;color:var(--text-primary, #fff)}.selected-type{color:var(--text-secondary, #aaa);margin:0 0 8px}.build-options{display:flex;gap:16px}.option-checkbox{display:flex;align-items:center;gap:8px;color:var(--text-secondary, #aaa);cursor:pointer}.option-checkbox input{width:18px;height:18px}.build-button{padding:12px 24px;background:var(--accent-color, #6366f1);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.build-button:hover:not(:disabled){background:#5558e3}.build-button:disabled{opacity:.5;cursor:not-allowed}.build-around-error{text-align:center;padding:40px;color:var(--error-color, #ef4444)}.build-around-error button{margin-top:16px;padding:8px 16px;background:var(--accent-color, #6366f1);color:#fff;border:none;border-radius:6px;cursor:pointer}.suggestions-section{display:flex;flex-direction:column;gap:20px}.analysis-summary{background:#ffffff08;border-radius:8px;padding:16px}.summary-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.summary-header h3{margin:0;color:var(--text-primary, #fff)}.summary-stats{display:flex;gap:24px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary, #fff)}.stat-label{font-size:.75rem;color:var(--text-secondary, #aaa)}.themes-section{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.theme-tag{padding:4px 10px;background:#22c55e26;color:var(--success-color, #22c55e);border-radius:4px;font-size:.8rem}.keyword-tag{padding:4px 10px;background:#6366f126;color:var(--accent-color, #6366f1);border-radius:4px;font-size:.8rem}.wildcard-cost{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border-color, #333)}.cost-label{color:var(--text-secondary, #aaa);font-size:.875rem}.wildcard-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.wildcard-badge.common{background:#4b5563;color:#fff}.wildcard-badge.uncommon{background:#6b7280;color:#fff}.wildcard-badge.rare{background:#d4af37;color:#000}.wildcard-badge.mythic{background:#dc7e0e;color:#fff}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.card-category{background:#0003;border-radius:8px;padding:12px}.card-category h4{margin:0 0 12px;color:var(--text-secondary, #aaa);font-size:.875rem;padding-bottom:8px;border-bottom:1px solid var(--border-color, #333)}.card-list{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.suggestion-card{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff05;border-radius:4px}.suggestion-card .card-name{flex:1;color:var(--text-primary, #fff);font-size:.85rem}.suggestion-card .card-mana{color:var(--text-secondary, #aaa);font-size:.75rem}.land-card .land-quantity{color:var(--accent-color, #6366f1);font-weight:600}.ownership-badge{padding:2px 6px;border-radius:3px;font-size:.65rem;font-weight:600}.ownership-badge.owned{background:#22c55e33;color:var(--success-color, #22c55e)}.ownership-badge.needed{background:#ef444433;color:var(--error-color, #ef4444)}.suggestions-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid var(--border-color, #333)}.action-btn{flex:1;padding:12px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.action-btn:disabled{opacity:.5;cursor:not-allowed}.apply-btn{background:var(--accent-color, #6366f1);color:#fff}.apply-btn:hover:not(:disabled){background:#5558e3}.cancel-btn{background:#ffffff1a;color:var(--text-primary, #fff);border:1px solid var(--border-color, #333)}.cancel-btn:hover:not(:disabled){background:#ffffff26}.build-around-modal .close-button{background:none;border:none;color:var(--text-secondary, #aaa);font-size:1.5rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.build-around-modal .close-button:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.build-around-modal.iterative-mode{max-width:1000px}.iterative-status-bar{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#ffffff08;border-radius:8px;margin-bottom:16px}.slots-remaining{font-size:1rem;font-weight:600;color:var(--text-primary, #fff)}.loading-indicator{text-align:center;padding:40px;color:var(--text-secondary, #aaa)}.iterative-suggestions{margin-bottom:20px}.iterative-suggestions h3{margin:0 0 12px;color:var(--text-secondary, #aaa);font-size:.9rem}.suggestions-clickable-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.clickable-suggestion-card{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s;background:#ffffff0d;aspect-ratio:.71}.clickable-suggestion-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0006}.clickable-suggestion-card .suggestion-image{width:100%;height:100%;object-fit:cover}.clickable-suggestion-card .suggestion-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;text-align:center;gap:8px}.clickable-suggestion-card .suggestion-placeholder .card-name{color:var(--text-primary, #fff);font-size:.85rem;font-weight:500}.clickable-suggestion-card .suggestion-placeholder .card-mana{color:var(--text-secondary, #aaa);font-size:.75rem}.suggestion-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e6);padding:8px;display:flex;flex-direction:column;gap:4px}.suggestion-overlay .card-name{color:var(--text-primary, #fff);font-size:.75rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-deck-analysis{background:#ffffff08;border-radius:8px;padding:16px;margin-bottom:16px}.live-deck-analysis h4{margin:0 0 12px;color:var(--text-primary, #fff);font-size:1rem}.analysis-row{display:flex;gap:24px;margin-bottom:12px;color:var(--text-secondary, #aaa);font-size:.9rem}.mana-curve-simple{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--text-secondary, #aaa);font-size:.85rem;margin-top:8px}.curve-label{color:var(--text-secondary, #aaa);font-weight:500}.curve-items{display:flex;flex-wrap:wrap;gap:8px}.curve-item{background:#6366f126;color:var(--accent-color, #6366f1);padding:2px 8px;border-radius:4px;font-size:.8rem;white-space:nowrap}.card-mana-cost{font-family:monospace;font-size:.75rem;color:var(--text-secondary, #888);margin-left:auto;padding-right:8px}.land-suggestions-preview{background:#ffffff08;border-radius:8px;padding:12px 16px;margin-bottom:16px}.land-suggestions-preview h4{margin:0 0 8px;color:var(--text-secondary, #aaa);font-size:.875rem}.land-list{display:flex;flex-wrap:wrap;gap:8px}.land-item{padding:4px 10px;background:#0003;border-radius:4px;color:var(--text-primary, #fff);font-size:.8rem}.build-mode-buttons{display:flex;flex-direction:row;gap:12px;margin-top:12px}.build-mode-buttons .build-button{flex:1;padding:10px 16px;font-size:.9rem}.build-button.primary{background:var(--accent-color, #6366f1)}.build-button.primary:hover:not(:disabled){background:#5558e3}.build-button.secondary{background:#ffffff1a;border:1px solid var(--border-color, #333)}.build-button.secondary:hover:not(:disabled){background:#ffffff26}.current-deck-cards{background:#ffffff08;border-radius:8px;padding:12px 16px;margin-bottom:16px;max-height:200px;overflow-y:auto}.current-deck-cards h4{margin:0 0 12px;color:var(--text-primary, #fff);font-size:.9rem}.deck-cards-list{display:flex;flex-direction:column;gap:4px}.deck-card-item{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#0003;border-radius:4px}.deck-card-item .card-quantity{color:var(--accent-color, #6366f1);font-weight:600;min-width:24px}.deck-card-item .card-name{flex:1;color:var(--text-primary, #fff);font-size:.85rem}.remove-card-btn{width:24px;height:24px;border:none;background:#ef444433;color:var(--error-color, #ef4444);border-radius:4px;cursor:pointer;font-size:1.2rem;font-weight:700;line-height:1;transition:background .2s}.remove-card-btn:hover{background:#ef444466}.suggestions-actions .helper-text{margin:8px 0 0;color:var(--warning-color, #f59e0b);font-size:.85rem;text-align:center}.card-hover-preview{pointer-events:none;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.preview-card{background:#1e1e1e;border:2px solid #4a9eff;border-radius:12px;box-shadow:0 8px 32px #0009;overflow:hidden;width:260px}.preview-image{width:100%;display:block;border-radius:8px 8px 0 0}.preview-details{padding:12px}.preview-name{margin:0 0 4px;font-size:1rem;color:#fff}.preview-type{margin:0 0 8px;font-size:.85rem;color:#888}.preview-stats{display:flex;gap:12px;margin-bottom:8px;font-size:.8rem}.preview-mana{color:#4a9eff}.preview-score{color:#10b981}.preview-reasoning{margin:0 0 8px;font-size:.8rem;color:#aaa;font-style:italic}.preview-recommendation{font-size:.85rem;color:#f59e0b}.copy-badge{display:block;font-size:.7rem;color:#f59e0b;margin-top:2px}.copy-badge.has-copies{color:#10b981}.clickable-suggestion-card.in-deck{border:3px solid #10b981;box-shadow:0 0 12px #10b98166}.clickable-suggestion-card.in-deck .suggestion-image{opacity:.7}.clickable-suggestion-card.in-deck:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(16,185,129,.15) 0%,transparent 50%);pointer-events:none;z-index:1}.in-deck-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.85rem;padding:4px 10px;border-radius:6px;font-weight:700;box-shadow:0 2px 8px #0000004d;z-index:2;display:flex;align-items:center;gap:4px}.in-deck-badge:before{content:"✓";font-size:.9rem}.clickable-suggestion-card{position:relative}.clickable-suggestion-card.in-deck:hover{border-color:#34d399;box-shadow:0 0 16px #10b98199}.clickable-suggestion-card.in-deck:hover .suggestion-image{opacity:.85}.copy-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:11000;animation:fadeIn .15s ease-out}.copy-modal{background:var(--bg-primary, #1a1a2e);border-radius:12px;width:90%;max-width:400px;box-shadow:0 8px 32px #0009;border:1px solid var(--border-color, #333);overflow:hidden}.copy-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color, #333)}.copy-modal-header h3{margin:0;font-size:1.1rem;color:var(--text-primary, #fff)}.copy-modal-content{display:flex;gap:16px;padding:16px}.copy-modal-image{width:140px;border-radius:8px;flex-shrink:0}.copy-modal-info{flex:1;display:flex;flex-direction:column;gap:8px}.copy-modal-type{margin:0;color:var(--text-secondary, #888);font-size:.9rem}.copy-modal-reasoning{margin:0;color:var(--text-secondary, #aaa);font-size:.85rem;font-style:italic}.copy-modal-stats{display:flex;flex-direction:column;gap:4px;margin-top:auto;font-size:.9rem}.copy-modal-stats span:first-child{color:#10b981}.copy-modal-stats span:last-child{color:#f59e0b}.copy-modal-actions{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#0003;border-top:1px solid var(--border-color, #333)}.copy-modal-label{color:var(--text-secondary, #aaa);font-size:.9rem;margin-right:8px}.copy-count-btn{width:48px;height:40px;border:2px solid var(--border-color, #444);background:var(--bg-secondary, #252540);color:var(--text-primary, #fff);border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.copy-count-btn:hover:not(:disabled){border-color:var(--accent-color, #6366f1);background:#6366f133}.copy-count-btn.primary{background:var(--accent-color, #6366f1);border-color:var(--accent-color, #6366f1)}.copy-count-btn.primary:hover:not(:disabled){background:#818cf8;border-color:#818cf8}.copy-count-btn:disabled{opacity:.3;cursor:not-allowed}.copy-modal-cancel{width:100%;padding:12px;border:none;background:transparent;color:var(--text-secondary, #888);font-size:.9rem;cursor:pointer;transition:background .2s}.copy-modal-cancel:hover{background:#ffffff0d}.score-breakdown{margin:8px 0;padding:8px;background:#0000004d;border-radius:6px}.score-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.score-bar-row:last-child{margin-bottom:0}.score-label{width:50px;font-size:.7rem;color:#888}.score-bar-container{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.score-bar{height:100%;border-radius:3px;transition:width .3s ease}.score-bar.color-bar{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.score-bar.curve-bar{background:linear-gradient(90deg,#10b981,#34d399)}.score-bar.synergy-bar{background:linear-gradient(90deg,#6366f1,#818cf8)}.score-bar.quality-bar{background:linear-gradient(90deg,#ec4899,#f472b6)}.score-value{width:32px;font-size:.7rem;color:#aaa;text-align:right}.synergy-details{margin:8px 0;padding:8px;background:#6366f11a;border-radius:6px;border-left:3px solid #6366f1}.synergy-label{font-size:.75rem;color:#6366f1;font-weight:600;display:block;margin-bottom:4px}.synergy-list{margin:0;padding:0;list-style:none}.synergy-item{font-size:.75rem;color:#aaa;padding:2px 0}.synergy-item.synergy-keyword{color:#818cf8}.synergy-item.synergy-theme{color:#34d399}.synergy-item.synergy-creature_type{color:#fbbf24}.details-toggle{background:none;border:none;color:var(--accent-color, #6366f1);font-size:.85rem;cursor:pointer;padding:4px 0;display:flex;align-items:center;gap:4px;transition:color .2s}.details-toggle:hover{color:#818cf8}.copy-modal-details{margin-top:8px;padding:12px;background:#0003;border-radius:8px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.modal-score-breakdown{margin-bottom:12px}.modal-score-breakdown h4{margin:0 0 8px;font-size:.85rem;color:var(--text-secondary, #aaa)}.modal-score-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.modal-score-item{display:flex;justify-content:space-between;padding:4px 8px;background:#ffffff0d;border-radius:4px}.modal-score-name{font-size:.8rem;color:var(--text-secondary, #888)}.modal-score-percent{font-size:.8rem;font-weight:600;color:var(--accent-color, #6366f1)}.modal-synergy-details h4{margin:0 0 8px;font-size:.85rem;color:var(--text-secondary, #aaa)}.modal-synergy-list{margin:0;padding:0;list-style:none}.modal-synergy-item{display:flex;flex-direction:column;padding:6px 8px;background:#ffffff08;border-radius:4px;margin-bottom:4px;border-left:3px solid #6366f1}.modal-synergy-item:last-child{margin-bottom:0}.modal-synergy-item.synergy-type-keyword{border-left-color:#818cf8}.modal-synergy-item.synergy-type-theme{border-left-color:#34d399}.modal-synergy-item.synergy-type-creature_type{border-left-color:#fbbf24}.modal-synergy-item .synergy-name{font-size:.85rem;font-weight:600;color:var(--text-primary, #fff)}.modal-synergy-item .synergy-desc{font-size:.75rem;color:var(--text-secondary, #888);margin-top:2px}.build-around-modal.archetype-selector-mode{max-width:600px}.seed-card-preview{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:#ffffff08;border-radius:8px;margin-bottom:20px}.seed-card-preview h3{margin:0;color:var(--text-primary, #fff);font-size:1.1rem}.seed-preview-image{width:150px;border-radius:8px;box-shadow:0 4px 12px #0000004d}.archetype-options{display:flex;flex-direction:column;gap:16px}.archetype-instructions{margin:0;color:var(--text-secondary, #aaa);text-align:center;font-size:.95rem}.archetype-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:768px){.archetype-buttons{grid-template-columns:1fr}}.archetype-btn{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#ffffff08;border:2px solid var(--border-color, #333);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.archetype-btn:hover{background:#ffffff0f;border-color:var(--accent-color, #6366f1);transform:translateY(-2px)}.archetype-btn.aggro:hover{border-color:#ef4444;box-shadow:0 4px 12px #ef444433}.archetype-btn.midrange:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98133}.archetype-btn.control:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.archetype-btn.tempo:hover{border-color:#06b6d4;box-shadow:0 4px 12px #06b6d433}.archetype-btn.ramp:hover{border-color:#22c55e;box-shadow:0 4px 12px #22c55e33}.archetype-btn.combo:hover{border-color:#a855f7;box-shadow:0 4px 12px #a855f733}.archetype-btn.tokens:hover{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b33}.archetype-btn.aristocrats:hover{border-color:#6b7280;box-shadow:0 4px 12px #6b728033}.archetype-icon{font-size:2rem;flex-shrink:0}.archetype-info{flex:1}.archetype-info h4{margin:0 0 4px;color:var(--text-primary, #fff);font-size:1.1rem}.archetype-info p{margin:0 0 8px;color:var(--text-secondary, #aaa);font-size:.85rem;line-height:1.4}.archetype-stats{display:flex;gap:16px}.archetype-stats span{font-size:.75rem;color:var(--accent-color, #6366f1);background:#6366f11a;padding:2px 8px;border-radius:4px}.archetype-options-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding-top:12px;border-top:1px solid var(--border-color, #333)}.build-around-modal.generated-deck-mode{max-width:900px}.strategy-panel{background:linear-gradient(135deg,#6366f11a,#3b82f60d);border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:20px;margin-bottom:20px}.strategy-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.strategy-header h3{margin:0;color:var(--text-primary, #fff);font-size:1.2rem}.strategy-summary{margin:0 0 16px;color:var(--text-primary, #fff);font-size:1rem;font-weight:500;line-height:1.5}.strategy-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.strategy-section{background:#0003;border-radius:8px;padding:12px}.strategy-section h4{margin:0 0 8px;color:var(--accent-color, #6366f1);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.strategy-section p{margin:0;color:var(--text-secondary, #aaa);font-size:.9rem;line-height:1.4}.key-cards-list{display:flex;flex-wrap:wrap;gap:6px}.key-card-tag{padding:4px 10px;background:#f59e0b26;color:#f59e0b;border-radius:4px;font-size:.8rem;font-weight:500}.pros-cons-list{margin:0;padding:0 0 0 16px;list-style:none}.pros-cons-list li{margin:4px 0;font-size:.85rem;color:var(--text-secondary, #aaa);position:relative}.pros-cons-list li:before{content:"";position:absolute;left:-16px;top:6px;width:6px;height:6px;border-radius:50%}.strength-item:before{background:#10b981}.weakness-item:before{background:#ef4444}.generated-deck-stats{background:#ffffff08;border-radius:8px;padding:16px;margin-bottom:20px}.stat-row{display:flex;justify-content:space-around;gap:16px;margin-bottom:16px}.curve-visualization{border-top:1px solid var(--border-color, #333);padding-top:16px}.curve-visualization h4{margin:0 0 12px;color:var(--text-secondary, #aaa);font-size:.875rem}.curve-bars{display:flex;align-items:flex-end;justify-content:center;gap:8px;height:120px;padding-bottom:24px}.curve-bar-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px}.curve-bar-wrapper .curve-bar{width:32px;background:linear-gradient(to top,var(--accent-color, #6366f1),#818cf8);border-radius:4px 4px 0 0;display:flex;align-items:flex-start;justify-content:center;min-height:8px;transition:height .3s ease}.curve-count{color:#fff;font-size:.75rem;font-weight:600;padding:2px}.curve-cmc{color:var(--text-secondary, #aaa);font-size:.75rem;font-weight:600}.generated-deck-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.deck-list-section{background:#0003;border-radius:8px;padding:12px}.deck-list-section h4{margin:0 0 12px;color:var(--text-secondary, #aaa);font-size:.875rem;padding-bottom:8px;border-bottom:1px solid var(--border-color, #333)}.deck-card-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.deck-list-card{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#ffffff05;border-radius:4px}.deck-list-card .card-quantity{color:var(--accent-color, #6366f1);font-weight:600;min-width:24px}.deck-list-card .card-name{flex:1;color:var(--text-primary, #fff);font-size:.85rem}.deck-list-card .card-mana{color:var(--text-secondary, #aaa);font-size:.75rem;font-family:monospace}.deck-list-card.land-card{background:#8b45131a}.action-btn.secondary-btn{background:#6366f126;color:var(--accent-color, #6366f1);border:1px solid var(--accent-color, #6366f1)}.action-btn.secondary-btn:hover:not(:disabled){background:#6366f140}.build-button.tertiary{background:#ffffff0d;border:1px solid var(--border-color, #444);color:var(--text-secondary, #aaa)}.build-button.tertiary:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary, #fff)}.iterative-loading-container{padding:16px;background:var(--bg-secondary, #222);border-radius:8px;margin:16px 0}.mode-selector-mode{max-width:600px}.deck-summary-section{margin-bottom:20px;padding:16px;background:#ffffff08;border-radius:8px}.deck-summary-section h3{margin:0 0 12px;color:var(--text-primary, #fff);font-size:1.1rem}.deck-cards-preview{display:flex;flex-wrap:wrap;gap:8px}.deck-cards-preview.compact{gap:6px}.deck-card-chip{padding:4px 10px;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:12px;font-size:.8rem;color:var(--text-primary, #fff)}.deck-card-chip.more{background:#ffffff0d;border-color:#ffffff1a;color:var(--text-secondary, #aaa)}.mode-selection-options{margin:20px 0}.mode-instructions{margin:0 0 16px;color:var(--text-secondary, #aaa);font-size:.95rem}.mode-buttons{display:flex;flex-direction:column;gap:12px}.mode-btn{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;background:#ffffff08;border:1px solid var(--border-color, #444);border-radius:10px;cursor:pointer;transition:all .2s;text-align:left}.mode-btn:hover{background:#ffffff0f;border-color:var(--accent-color, #6366f1)}.mode-btn.quick-generate:hover{border-color:#22c55e}.mode-btn.start-building:hover{border-color:#f59e0b}.mode-icon{font-size:2rem;flex-shrink:0}.mode-info h4{margin:0 0 6px;color:var(--text-primary, #fff);font-size:1rem}.mode-info p{margin:0;color:var(--text-secondary, #aaa);font-size:.85rem;line-height:1.4}.mode-options-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color, #333)}.deck-history-modal{background:var(--surface-color);border-radius:8px;width:90%;max-width:900px;max-height:85vh;display:flex;flex-direction:column}.deck-history-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.deck-history-modal .modal-header h2{margin:0;font-size:1.25rem;font-weight:600}.deck-history-modal .modal-content{flex:1;overflow:auto;padding:20px;min-height:300px}.deck-history-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border-color)}.deck-history-modal .close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:0 4px}.deck-history-modal .close-button:hover{color:var(--text-primary)}.deck-history-modal .history-layout{display:grid;grid-template-columns:280px 1fr;gap:20px;height:100%}.deck-history-modal .version-list{border-right:1px solid var(--border-color);padding-right:20px;overflow-y:auto;max-height:500px}.deck-history-modal .version-list h3{margin:0 0 12px;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.deck-history-modal .version-item{padding:12px;border-radius:6px;cursor:pointer;margin-bottom:8px;background:var(--background-color);border:1px solid transparent;transition:all .15s ease}.deck-history-modal .version-item:hover{border-color:var(--border-color)}.deck-history-modal .version-item.selected{border-color:var(--accent-color);background:rgba(var(--accent-rgb),.1)}.deck-history-modal .version-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.deck-history-modal .version-number{font-weight:600;font-size:.875rem}.deck-history-modal .current-badge{font-size:.7rem;font-weight:500;color:var(--accent-color)}.deck-history-modal .version-name{font-size:.75rem;color:var(--text-secondary);cursor:pointer;padding:2px 6px;border-radius:4px}.deck-history-modal .version-name:hover{background:var(--surface-color)}.deck-history-modal .name-edit{display:flex;gap:4px}.deck-history-modal .name-edit input{padding:2px 6px;font-size:.75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--background-color);color:var(--text-primary);width:100px}.deck-history-modal .name-edit button{padding:2px 8px;font-size:.75rem;background:var(--accent-color);color:#fff;border:none;border-radius:4px;cursor:pointer}.deck-history-modal .version-meta{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.deck-history-modal .version-date,.deck-history-modal .version-stats{font-size:.75rem;color:var(--text-secondary);line-height:1.3}.deck-history-modal .version-details{overflow-y:auto}.deck-history-modal .details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.deck-history-modal .details-header h3{margin:0;font-size:1.125rem}.deck-history-modal .restore-button{padding:8px 16px;background:var(--accent-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.deck-history-modal .restore-button:hover:not(:disabled){opacity:.9}.deck-history-modal .restore-button:disabled{opacity:.5;cursor:not-allowed}.deck-history-modal .details-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.deck-history-modal .stat{background:var(--background-color);padding:12px 16px;border-radius:6px;text-align:center}.deck-history-modal .stat-label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.deck-history-modal .stat-value{display:block;font-size:1rem;font-weight:600}.deck-history-modal .version-diff h4{margin:0 0 12px;font-size:.875rem;color:var(--text-secondary)}.deck-history-modal .diff-section{margin-bottom:16px}.deck-history-modal .diff-section h5{margin:0 0 8px;font-size:.875rem;font-weight:600}.deck-history-modal .diff-section ul{margin:0;padding-left:20px}.deck-history-modal .diff-section li{margin-bottom:4px;font-size:.875rem}.deck-history-modal .diff-section.added h5,.deck-history-modal .diff-section.added li{color:var(--win-color, #4caf50)}.deck-history-modal .diff-section.removed h5,.deck-history-modal .diff-section.removed li{color:var(--loss-color, #f44336)}.deck-history-modal .diff-section.changed h5{color:var(--text-secondary)}.deck-history-modal .no-changes,.deck-history-modal .no-diff{color:var(--text-secondary);font-style:italic;font-size:.875rem}.deck-history-modal .empty-state{text-align:center;padding:40px;color:var(--text-secondary)}.deck-history-modal .empty-state .hint{font-size:.875rem;margin-top:8px}.deck-history-modal .error-message{background:#f443361a;border:1px solid var(--loss-color, #f44336);border-radius:6px;padding:16px;color:var(--loss-color, #f44336)}.deck-history-modal .cancel-button{padding:10px 20px;background:var(--background-color);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-weight:500}.deck-history-modal .cancel-button:hover{background:var(--surface-color)}@media(max-width:768px){.deck-history-modal .history-layout{grid-template-columns:1fr}.deck-history-modal .version-list{border-right:none;border-bottom:1px solid var(--border-color);padding-right:0;padding-bottom:16px;max-height:200px}.deck-history-modal .details-stats{grid-template-columns:repeat(2,1fr)}}.legality-banner{border-radius:8px;margin-bottom:16px;overflow:hidden}.legality-banner--info{background:linear-gradient(135deg,#1a3a5c,#0d2137);border:1px solid #2d5a8a}.legality-banner--warning{background:linear-gradient(135deg,#5c4a1a,#372d0d);border:1px solid #8a7a2d}.legality-banner--critical{background:linear-gradient(135deg,#5c1a1a,#370d0d);border:1px solid #8a2d2d}.legality-banner__header{display:flex;align-items:center;gap:12px;padding:12px 16px}.legality-banner__icon-container{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.legality-banner--info .legality-banner__icon-container{background:#2d5a8a80}.legality-banner--warning .legality-banner__icon-container{background:#8a7a2d80}.legality-banner--critical .legality-banner__icon-container{background:#8a2d2d80}.legality-banner__icon{font-weight:700;font-size:16px}.legality-banner--info .legality-banner__icon{color:#6ab0ff}.legality-banner--warning .legality-banner__icon{color:gold}.legality-banner--critical .legality-banner__icon{color:#ff6b6b}.legality-banner__content{flex:1;min-width:0}.legality-banner__title{margin:0;font-size:14px;font-weight:600;color:var(--text-primary, #fff)}.legality-banner__subtitle{margin:2px 0 0;font-size:12px;color:var(--text-secondary, #a0a0a0)}.legality-banner__subtitle span+span:before{content:""}.legality-banner__actions{display:flex;gap:8px;flex-shrink:0}.legality-banner__expand,.legality-banner__dismiss{background:#ffffff1a;border:none;border-radius:4px;padding:6px 12px;font-size:12px;color:var(--text-primary, #fff);cursor:pointer;transition:background .2s}.legality-banner__expand:hover,.legality-banner__dismiss:hover{background:#fff3}.legality-banner__dismiss{padding:6px 8px}.legality-banner__details{padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;border-top:1px solid rgba(255,255,255,.1);margin-top:0}.legality-banner__section h4{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.5px}.legality-banner__cards{list-style:none;margin:0;padding:0}.legality-banner__card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;margin-bottom:4px;border-radius:4px;font-size:13px}.legality-banner__card--banned{background:#ff6b6b26;border-left:3px solid #ff6b6b}.legality-banner__card--not-legal{background:#ffd7001a;border-left:3px solid #ffd700}.legality-banner__card--copies,.legality-banner__card--size{background:#ffa5001a;border-left:3px solid #ffa500}.legality-banner__card--warning{background:#6ab0ff1a;border-left:3px solid #6ab0ff}.legality-banner__card-name{font-weight:500;color:var(--text-primary, #fff);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legality-banner__card-badge{font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:3px;background:#ff6b6b;color:#fff;flex-shrink:0}.legality-banner__card-details{font-size:11px;color:var(--text-secondary, #a0a0a0);flex-shrink:0}.legality-banner--compact{display:flex;align-items:center;gap:8px;padding:8px 12px}.legality-banner--compact .legality-banner__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border-radius:50%}.legality-banner--compact.legality-banner--info .legality-banner__icon{background:#2d5a8a80}.legality-banner--compact.legality-banner--warning .legality-banner__icon{background:#8a7a2d80}.legality-banner--compact.legality-banner--critical .legality-banner__icon{background:#8a2d2d80}.legality-banner--compact .legality-banner__text{flex:1;font-size:13px;color:var(--text-primary, #fff)}.legality-banner--compact .legality-banner__link{font-size:12px;color:var(--accent-color, #6ab0ff);background:none;border:none;cursor:pointer;padding:4px 8px}.legality-banner--compact .legality-banner__link:hover{text-decoration:underline}.deck-notes-panel{background:var(--card-bg, #1e1e2e);border-radius:8px;padding:16px;color:var(--text-primary, #e0e0e0)}.deck-notes-panel.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;gap:12px}.deck-notes-panel .loading-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top-color:#4a9eff;border-radius:50%;animation:spin .8s linear infinite}.deck-notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.deck-notes-header h3{margin:0;font-size:1.1rem;font-weight:600}.category-filter{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 10px;color:var(--text-primary, #e0e0e0);font-size:.875rem;cursor:pointer}.category-filter:hover{background:#ffffff1a}.add-note-btn{width:100%;padding:12px;background:#4a9eff1a;border:1px dashed rgba(74,158,255,.3);border-radius:6px;color:#4a9eff;font-size:.875rem;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.add-note-btn:hover{background:#4a9eff33;border-color:#4a9eff80}.add-note-form,.edit-note-form{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:12px;margin-bottom:16px}.add-note-form textarea,.edit-note-form textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:10px;color:var(--text-primary, #e0e0e0);font-size:.875rem;resize:vertical;min-height:80px;font-family:inherit}.add-note-form textarea:focus,.edit-note-form textarea:focus{outline:none;border-color:#4a9eff}.form-controls{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.form-controls select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:6px 10px;color:var(--text-primary, #e0e0e0);font-size:.875rem}.button-group{display:flex;gap:8px}.cancel-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-secondary, #a0a0a0);padding:6px 16px;border-radius:4px;cursor:pointer;font-size:.875rem}.cancel-btn:hover{background:#ffffff0d}.save-btn{background:#4a9eff;border:none;color:#fff;padding:6px 16px;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background .2s ease}.save-btn:hover:not(:disabled){background:#3a8ee5}.save-btn:disabled{opacity:.5;cursor:not-allowed}.notes-list{display:flex;flex-direction:column;gap:12px}.note-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:12px}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.note-category{font-size:.75rem;padding:2px 8px;border-radius:12px;color:#fff;text-transform:capitalize}.note-date{font-size:.75rem;color:var(--text-secondary, #a0a0a0)}.note-content{margin:0 0 12px;font-size:.875rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.note-actions{display:flex;gap:8px}.edit-btn,.delete-btn{background:transparent;border:none;font-size:.75rem;cursor:pointer;padding:4px 8px;border-radius:4px}.edit-btn{color:#4a9eff}.edit-btn:hover{background:#4a9eff1a}.delete-btn{color:#f87171}.delete-btn:hover{background:#f871711a}.suggestions-panel{background:var(--card-bg, #1e1e2e);border-radius:8px;padding:16px;color:var(--text-primary, #e0e0e0)}.suggestions-panel.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;gap:12px}.suggestions-panel .loading-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top-color:#4a9eff;border-radius:50%;animation:spin .8s linear infinite}.suggestions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.suggestions-header h3{margin:0;font-size:1.1rem;font-weight:600}.header-controls{display:flex;align-items:center;gap:12px}.type-filter{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 10px;color:var(--text-primary, #e0e0e0);font-size:.875rem;cursor:pointer}.type-filter:hover{background:#ffffff1a}.close-button{background:transparent;border:none;color:var(--text-secondary, #a0a0a0);font-size:1.25rem;cursor:pointer;padding:4px 8px;border-radius:4px}.close-button:hover{color:var(--text-primary, #e0e0e0);background:#ffffff1a}.error-banner{background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:12px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.error-banner span{color:#f87171}.error-banner button{background:transparent;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:4px 12px;border-radius:4px;cursor:pointer}.suggestions-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.generate-btn{background:#4a9eff26;border:1px solid rgba(74,158,255,.3);border-radius:6px;padding:10px 16px;color:#4a9eff;font-size:.875rem;cursor:pointer;transition:all .2s ease}.generate-btn:hover:not(:disabled){background:#4a9eff40;border-color:#4a9eff80}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.show-dismissed{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-secondary, #a0a0a0);cursor:pointer}.show-dismissed input{cursor:pointer}.suggestions-list{display:flex;flex-direction:column;gap:8px}.empty-state{text-align:center;padding:32px;color:var(--text-secondary, #a0a0a0)}.empty-state p{margin:4px 0}.empty-state .hint{font-size:.75rem;opacity:.7;margin-top:12px}.suggestion-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;overflow:hidden;transition:all .2s ease}.suggestion-item.dismissed{opacity:.5}.suggestion-item:hover{border-color:#ffffff26}.suggestion-main{display:flex;align-items:center;padding:12px;cursor:pointer;gap:12px}.suggestion-icon{font-size:1.25rem;width:32px;text-align:center}.suggestion-content{flex:1;min-width:0}.suggestion-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.priority-badge{font-size:.75rem;font-weight:700;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px}.priority-badge.high{background:#ef444433;color:#f87171}.priority-badge.medium{background:#fbbf2433;color:#fbbf24}.priority-badge.low{background:#3b82f633;color:#60a5fa}.suggestion-title{margin:0;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-type{font-size:.75rem;color:var(--text-secondary, #a0a0a0)}.expand-icon{color:var(--text-secondary, #a0a0a0);font-size:.75rem;transition:transform .2s ease}.suggestion-details{padding:0 12px 12px 56px;border-top:1px solid rgba(255,255,255,.05)}.suggestion-description{margin:12px 0;font-size:.875rem;line-height:1.5;color:var(--text-primary, #e0e0e0)}.suggestion-meta{display:flex;gap:16px;font-size:.75rem;margin-bottom:12px}.suggestion-meta .priority{font-weight:500}.suggestion-meta .date{color:var(--text-secondary, #a0a0a0)}.text-blue-400{color:#60a5fa}.text-yellow-400{color:#fbbf24}.text-red-400{color:#f87171}.text-gray-400{color:#9ca3af}.suggestion-actions{display:flex;justify-content:flex-end}.dismiss-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-secondary, #a0a0a0);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.75rem}.dismiss-btn:hover{background:#ffffff0d;color:var(--text-primary, #e0e0e0)}.deck-builder{display:flex;flex-direction:column;height:100%;background:#121212;color:#fff}.deck-builder.loading-state,.deck-builder.error-state{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;text-align:center}.loading-spinner{width:60px;height:60px;border:4px solid #333;border-top-color:#4a9eff;border-radius:50%;animation:spin 1s linear infinite}.error-icon{font-size:4rem}.error-state h2{margin:0;font-size:1.75rem}.error-state p{margin:0;color:#aaa;font-size:1.125rem}.deck-builder-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#1e1e1e;border-bottom:2px solid #333;min-height:60px;flex-shrink:0}.deck-builder-header h1{margin:0;font-size:1.5rem;font-weight:600}.back-button{padding:.5rem 1rem;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.back-button:hover{background:#333;border-color:#555;transform:translate(-2px)}.header-actions{display:flex;gap:.75rem}.toggle-search-button{padding:.75rem 1.5rem;background:#4a9eff;border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.toggle-search-button:hover{background:#3a8edf;transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff4d}.toggle-search-button.active{background:#f44336}.toggle-search-button.active:hover{background:#da190b;box-shadow:0 4px 12px #f443364d}.deck-builder-content{flex:1 1 0;display:grid;grid-template-columns:1fr;gap:0;overflow:hidden;min-height:0;max-height:100%}.deck-builder-content:has(.card-search-panel){grid-template-columns:1fr 400px}.deck-builder-content:has(.recommendations-panel){grid-template-columns:1fr 400px}.deck-builder-content:has(.card-search-panel):has(.recommendations-panel){grid-template-columns:1fr 400px 400px}.deck-list-panel,.card-search-panel,.recommendations-panel{overflow-y:auto;height:100%;min-height:0}.deck-list-panel{border-right:2px solid #333}.card-search-panel{background:#1a1a1a;border-left:2px solid #333}.deck-builder-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#1e1e1e;border-top:2px solid #333;min-height:60px;flex-shrink:0}.quick-stats{display:flex;gap:2rem;color:#aaa;font-size:.875rem}.quick-stats span{display:flex;align-items:center;gap:.5rem}.quick-actions{display:flex;gap:.75rem}.action-button{padding:.5rem 1rem;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.action-button:hover{background:#333;border-color:#555;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.action-button.active{background:#4a9eff;border-color:#4a9eff;color:#fff}.action-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-button:disabled:hover{background:#2a2a2a;border-color:#444;transform:none;box-shadow:none}.action-button.undo-btn,.action-button.redo-btn{min-width:70px}.action-divider{width:1px;height:24px;background:#444;margin:0 .25rem;align-self:center}.deck-list-panel::-webkit-scrollbar,.card-search-panel::-webkit-scrollbar{width:8px}.deck-list-panel::-webkit-scrollbar-track,.card-search-panel::-webkit-scrollbar-track{background:#1e1e1e}.deck-list-panel::-webkit-scrollbar-thumb,.card-search-panel::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.deck-list-panel::-webkit-scrollbar-thumb:hover,.card-search-panel::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:1200px){.deck-builder-content:has(.card-search-panel){grid-template-columns:1fr 350px}}@media(max-width:968px){.deck-builder-content:has(.card-search-panel){grid-template-columns:1fr;grid-template-rows:1fr 1fr}.deck-list-panel{border-right:none;border-bottom:2px solid #333}.card-search-panel{border-left:none;border-top:2px solid #333}}@media(max-width:768px){.deck-builder-header{flex-direction:column;gap:1rem;align-items:stretch}.deck-builder-header h1{text-align:center}.header-actions{justify-content:center}.deck-builder-footer{flex-direction:column;gap:1rem}.quick-stats,.quick-actions{width:100%;justify-content:center}}.recommendations-panel{background:#1e1e1e;border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.75rem;height:100%;overflow:hidden;min-width:0}.recommendations-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid #333;flex-shrink:0}.recommendations-header h3{margin:0;font-size:1.1rem;color:#fff}.close-recommendations{background:none;border:none;color:#aaa;font-size:1.25rem;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0}.close-recommendations:hover{color:#fff}.recommendations-loading,.recommendations-empty{text-align:center;padding:1.5rem;color:#aaa;font-size:.875rem}.recommendations-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;min-width:0}.recommendations-panel .recommendation-card{display:grid;grid-template-columns:45px 1fr auto;gap:8px;padding:6px 8px;background:#2a2a2a;border-radius:6px;border:1px solid #444;transition:all .2s;align-items:center}.recommendations-panel .recommendation-card:hover{border-color:#4a9eff;background:#4a9eff0d}.recommendations-panel .rec-card-main{display:contents}.recommendations-panel .rec-card-image{width:45px;height:auto;border-radius:4px;object-fit:cover}.recommendations-panel .rec-card-info{min-width:0;overflow:hidden}.recommendations-panel .rec-card-name{font-size:.8rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recommendations-panel .rec-card-type,.recommendations-panel .rec-card-mana,.recommendations-panel .rec-score-summary,.recommendations-panel .rec-reasoning{display:none}.recommendations-panel .rec-card-actions{display:flex;flex-shrink:0}.recommendations-panel .add-rec-button{padding:4px 8px;background:#4caf50;border:none;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.recommendations-panel .add-rec-button:hover{background:#45a049}.recommendations-panel .explain-button{display:none}.recommendations-panel .rec-card-details{grid-column:1 / -1;margin-top:8px;padding-top:8px;border-top:1px solid #444}.recommendations-list::-webkit-scrollbar{width:8px}.recommendations-list::-webkit-scrollbar-track{background:#1e1e1e;border-radius:4px}.recommendations-list::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.recommendations-list::-webkit-scrollbar-thumb:hover{background:#555}.notes-panel-container,.suggestions-panel-container{flex:0 0 350px;max-height:calc(100vh - 200px);overflow-y:auto}@media(max-width:1200px){.notes-panel-container,.suggestions-panel-container{flex:1 1 100%;max-height:none}}.set-completion-panel{display:flex;flex-direction:column;background:#0003;border-radius:8px;overflow:hidden}.set-completion-panel.loading,.set-completion-panel.error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#ffffffb3}.set-completion-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.set-completion-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.header-controls{display:flex;align-items:center;gap:1rem}.sort-controls{display:flex;align-items:center;gap:.5rem}.sort-controls label{font-size:.875rem;color:#ffffffb3}.sort-controls select{padding:.375rem .75rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-size:.875rem;cursor:pointer}.sort-controls select:focus{outline:none;border-color:#4a9eff}.sort-controls select option{background:#1a1a2e}.set-completion-header .close-button{background:transparent;border:none;color:#fff9;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.set-completion-header .close-button:hover{background:#ffffff1a;color:#fff}.set-completion-list{flex:1;overflow-y:auto;padding:.5rem}.set-completion-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#ffffff80;text-align:center}.set-completion-item{background:#0003;border-radius:6px;margin-bottom:.5rem;overflow:hidden}.set-header{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:background .2s}.set-header:hover{background:#ffffff0d}.set-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.set-icon{width:24px;height:24px;filter:invert(1)}.set-details{display:flex;flex-direction:column;min-width:0}.set-name{font-size:.875rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.set-code{font-size:.75rem;color:#ffffff80}.set-progress{display:flex;align-items:center;gap:.75rem;margin-left:auto;padding-right:1rem}.progress-bar-container{width:120px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-bar-container.small{width:100px;height:6px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#4a9eff,#3d8ce8);border-radius:4px;transition:width .3s ease}.progress-text{font-size:.75rem;color:#ffffffb3;min-width:100px;text-align:right}.expand-icon{font-size:.75rem;color:#fff6;transition:transform .2s}.expand-icon.expanded{transform:rotate(90deg)}.rarity-breakdown{padding:.5rem 1rem 1rem 3.5rem;display:flex;flex-direction:column;gap:.5rem;background:#0000001a;border-top:1px solid rgba(255,255,255,.05)}.rarity-row{display:flex;align-items:center;gap:.75rem}.rarity-label{font-size:.75rem;font-weight:500;width:70px;text-transform:capitalize}.rarity-count{font-size:.75rem;color:#fff9;min-width:60px;text-align:right}@media(max-width:768px){.set-completion-header{flex-direction:column;gap:1rem;align-items:flex-start}.header-controls{width:100%;justify-content:space-between}.set-header{flex-wrap:wrap;gap:.5rem}.set-progress{width:100%;padding-right:0;margin-left:0;margin-top:.5rem}.progress-bar-container{flex:1}.expand-icon{margin-left:auto}}.collection-page{display:flex;flex-direction:column;height:100%;padding:0;overflow:hidden;position:relative}.collection-page.loading-state,.collection-page.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#4a9eff;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:24px;height:24px;border-width:2px}.error-icon{font-size:3rem;color:#ff6b6b;background:#ff6b6b1a;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center}.retry-button{background:#4a9eff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background .2s}.retry-button:hover{background:#3d8ce8}.collection-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.header-title{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.header-title h1{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.collection-stats-summary{display:flex;gap:1.5rem}.stat-item{display:flex;flex-direction:row;align-items:center;gap:.5rem}.stat-value{font-size:1.25rem;font-weight:600;color:#4a9eff}.stat-label{font-size:.875rem;color:#ffffffb3}.stat-separator{font-size:1rem;color:#ffffff4d;margin:0 .5rem}.collection-value .price-value{color:#90ee90;font-weight:700}.set-completion-button{padding:.5rem 1rem;background:#4a9eff33;border:1px solid #4a9eff;border-radius:4px;color:#4a9eff;font-size:.875rem;cursor:pointer;transition:all .2s}.set-completion-button:hover{background:#4a9eff4d}.set-completion-container{margin:0 1.5rem;max-height:400px;border-radius:8px;overflow-y:auto}.collection-filters{padding:1rem 1.5rem;background:#0000001a;border-bottom:1px solid rgba(255,255,255,.1)}.filter-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.filter-row.secondary{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05)}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group.search-group{flex:1;min-width:200px;max-width:300px}.filter-label{font-size:.875rem;color:#ffffffb3}.search-input{width:100%;padding:.5rem .75rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-size:.875rem}.search-input:focus{outline:none;border-color:#4a9eff}.search-input::placeholder{color:#fff6}.filter-select{padding:.5rem .75rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-size:.875rem;cursor:pointer;min-width:120px}.filter-select:focus{outline:none;border-color:#4a9eff}.filter-select option{background:#1a1a2e}.color-buttons{display:flex;flex-direction:row;align-items:center;gap:.25rem}.color-button{width:32px;height:32px;border:2px solid rgba(255,255,255,.2);border-radius:50%;background:#0000004d;cursor:pointer;padding:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.color-button:hover{border-color:#ffffff80;transform:scale(1.05)}.color-button.active{border-color:#4a9eff;background:#4a9eff33}.color-icon{width:18px;height:18px}.toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#ffffffb3}.toggle-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#4a9eff}.filter-results{margin-left:auto;font-size:.875rem;color:#ffffff80}.card-grid{display:flex;flex-wrap:wrap;gap:1rem;padding:1.5rem;overflow-y:auto;flex:1;min-height:0;align-content:flex-start}.collection-card{width:200px;position:relative;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer}.collection-card:hover{transform:scale(1.05);box-shadow:0 8px 24px #0009;z-index:10}.collection-card.not-owned{opacity:.5;filter:grayscale(.5)}.collection-card.no-image{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);min-height:280px;display:flex;align-items:center;justify-content:center}.card-info-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center;gap:.5rem;height:100%}.card-fallback-name{font-size:1rem;font-weight:600;color:#fff;word-wrap:break-word;line-height:1.3}.card-fallback-set{font-size:.75rem;color:#ffffff80;background:#ffffff1a;padding:.25rem .5rem;border-radius:4px;letter-spacing:1px}.card-fallback-mana{font-size:.875rem;color:#fffc;font-family:monospace}.card-fallback-rarity{font-size:.75rem;font-weight:500;text-transform:capitalize}.card-fallback-hint{font-size:.75rem;color:#fff9;text-align:center;line-height:1.4}.download-hint{font-size:.625rem;color:#4a9eff;font-style:italic}.card-image-container{position:relative;line-height:0}.card-image{width:100%;height:auto;display:block;border-radius:12px}.card-quantity-badge{position:absolute;bottom:8px;right:8px;background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-weight:600;font-size:.875rem;box-shadow:0 2px 4px #00000080}.card-price-badge{position:absolute;top:8px;right:8px;background:#006400e6;color:#90ee90;padding:4px 8px;border-radius:4px;font-weight:600;font-size:.75rem;box-shadow:0 2px 4px #00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.collection-card:hover .card-price-badge{background:#008000f2}.card-info{display:none}.card-name{font-size:.75rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-set{font-size:.625rem;color:#ffffff80;text-transform:uppercase}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:1rem;color:#ffffff80;padding:2rem}.empty-state .empty-icon{font-size:3rem;color:#ffffff4d}.empty-state h2{margin:0;color:#ffffffb3}.empty-state p{margin:0;text-align:center}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1rem;background:#0003;border-top:1px solid rgba(255,255,255,.1)}.page-button{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;cursor:pointer;transition:all .2s;font-size:.875rem}.page-button:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.page-button:disabled{opacity:.5;cursor:not-allowed}.page-info{padding:0 1rem;color:#ffffffb3;font-size:.875rem}.loading-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10}@media(max-width:768px){.collection-header{padding:1rem}.header-title{flex-direction:column;align-items:flex-start;gap:1rem}.collection-filters{padding:.75rem 1rem}.filter-row{flex-direction:column;align-items:stretch}.filter-group.search-group{max-width:none}.filter-results{margin-left:0;text-align:center}.card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;padding:1rem}}.meta-page{padding:24px;max-width:1400px;margin:0 auto}.meta-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.meta-title h1{margin:0 0 4px;font-size:1.75rem;color:var(--text-primary, #fff)}.meta-description{margin:0;color:var(--text-secondary, #a0a0a0);font-size:.9rem}.meta-controls{display:flex;gap:12px;align-items:center}.format-select{padding:8px 16px;border-radius:6px;background:var(--card-bg, #2a2d36);border:1px solid var(--border-color, #3a3d46);color:var(--text-primary, #fff);font-size:.9rem;cursor:pointer}.format-select:disabled{opacity:.6;cursor:not-allowed}.refresh-button{padding:8px 16px;border-radius:6px;background:var(--accent-color, #6b7fd4);border:none;color:#fff;font-size:.9rem;cursor:pointer;transition:background .15s ease}.refresh-button:hover:not(:disabled){background:var(--accent-hover, #7b8fe4)}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.auto-refresh-indicator{font-size:.85rem;color:var(--accent-color, #6b7fd4);padding:6px 12px;background:#6b7fd41a;border-radius:4px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.meta-error{padding:16px;background:var(--error-bg, rgba(244, 67, 54, .1));border:1px solid var(--error-color, #f44336);border-radius:8px;color:var(--error-color, #f44336);margin-bottom:24px}.meta-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--text-secondary, #a0a0a0);gap:16px}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color, #3a3d46);border-top-color:var(--accent-color, #6b7fd4);border-radius:50%;animation:spin 1s linear infinite}.meta-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.summary-stat{background:var(--card-bg, #2a2d36);border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid var(--border-color, #3a3d46)}.stat-value{font-size:1.5rem;font-weight:600;color:var(--text-primary, #fff);margin-bottom:4px}.stat-label{font-size:.8rem;color:var(--text-secondary, #a0a0a0)}.tier-lists{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.tier-section{background:var(--card-bg, #2a2d36);border-radius:8px;padding:16px;border:1px solid var(--border-color, #3a3d46)}.tier-1-section{border-left:4px solid var(--tier-1-color, #ffd700)}.tier-2-section{border-left:4px solid var(--tier-2-color, #c0c0c0)}.tier-3-section{border-left:4px solid var(--tier-3-color, #cd7f32)}.tier-4-section{border-left:4px solid var(--tier-4-color, #666)}.tier-header{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:1.1rem}.tier-badge{padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.tier-1{background:#ffd70033;color:gold}.tier-2{background:#c0c0c033;color:silver}.tier-3{background:#cd7f3233;color:#cd7f32}.tier-4{background:#6663;color:#999}.tier-count{font-size:.85rem;color:var(--text-secondary, #a0a0a0);font-weight:400}.archetype-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.no-archetypes{color:var(--text-secondary, #a0a0a0);font-style:italic;padding:12px}.archetype-card{background:var(--card-bg-dark, #1e2128);border-radius:6px;padding:12px;border:1px solid var(--border-color, #3a3d46);transition:border-color .15s ease,background .15s ease;cursor:pointer}.archetype-card:hover{border-color:var(--accent-color, #6b7fd4);background:var(--card-bg, #2a2d36)}.archetype-card:focus{outline:2px solid var(--accent-color, #6b7fd4);outline-offset:2px}.archetype-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.archetype-name{font-weight:600;color:var(--text-primary, #fff);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-badge{display:flex;gap:2px}.color-pip{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600}.color-w{background:#f8f6d8;color:#333}.color-u{background:#0e68ab;color:#fff}.color-b{background:#150b00;color:#ccc;border:1px solid #444}.color-r{background:#d3202a;color:#fff}.color-g{background:#00733e;color:#fff}.trend-icon{font-size:1.1rem}.trend-up{color:var(--success-color, #4caf50)}.trend-down{color:var(--error-color, #f44336)}.trend-stable{color:var(--text-secondary, #a0a0a0)}.archetype-stats{display:flex;flex-wrap:wrap;gap:8px}.stat-item{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-secondary, #a0a0a0)}.stat-item.confidence{color:var(--info-color, #6b7fd4)}.stat-icon{font-size:.9rem}.tournaments-section{margin-top:32px}.tournaments-section h2{margin:0 0 16px;font-size:1.25rem;color:var(--text-primary, #fff)}.tournament-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px}.tournament-card{background:var(--card-bg, #2a2d36);border-radius:8px;padding:16px;border:1px solid var(--border-color, #3a3d46)}.tournament-name{font-weight:600;color:var(--text-primary, #fff);margin-bottom:8px}.tournament-meta{display:flex;gap:16px;font-size:.85rem;color:var(--text-secondary, #a0a0a0);margin-bottom:8px}.tournament-decks{font-size:.85rem;color:var(--text-secondary, #a0a0a0);margin-bottom:8px}.tournament-link{color:var(--accent-color, #6b7fd4);text-decoration:none;font-size:.85rem}.tournament-link:hover{text-decoration:underline}.no-data{text-align:center;padding:48px;color:var(--text-secondary, #a0a0a0)}.no-data-icon{font-size:3rem;margin-bottom:16px}.no-data h3{margin:0 0 8px;color:var(--text-primary, #fff)}.no-data p{margin:0 0 16px}.no-data ul{list-style:none;padding:0;margin:0 0 24px}.no-data li{margin-bottom:4px}.retry-button{padding:10px 20px;border-radius:6px;background:var(--accent-color, #6b7fd4);border:none;color:#fff;font-size:.9rem;cursor:pointer}.retry-button:hover{background:var(--accent-hover, #7b8fe4)}.archetype-detail-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .2s ease}.archetype-detail-panel{background:var(--card-bg, #2a2d36);border-radius:12px;padding:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid var(--border-color, #3a3d46);animation:slideUp .2s ease}.close-button{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-secondary, #a0a0a0);font-size:1.5rem;cursor:pointer;padding:4px 8px;line-height:1;border-radius:4px;transition:color .15s ease,background .15s ease}.close-button:hover{color:var(--text-primary, #fff);background:var(--card-bg-dark, #1e2128)}.detail-header{margin-bottom:24px;padding-right:40px}.detail-header h2{margin:0 0 12px;font-size:1.5rem;color:var(--text-primary, #fff)}.detail-badges{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.detail-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.detail-stat-card{background:var(--card-bg-dark, #1e2128);border-radius:8px;padding:16px;text-align:center;border:1px solid var(--border-color, #3a3d46)}.detail-stat-icon{font-size:1.5rem;margin-bottom:8px}.detail-stat-value{font-size:1.5rem;font-weight:600;color:var(--text-primary, #fff);margin-bottom:4px}.detail-stat-label{font-size:.85rem;color:var(--text-secondary, #a0a0a0);margin-bottom:8px}.detail-stat-description{font-size:.75rem;color:var(--text-tertiary, #666);line-height:1.4}.detail-trend-section{background:var(--card-bg-dark, #1e2128);border-radius:8px;padding:16px;margin-bottom:16px;border:1px solid var(--border-color, #3a3d46)}.detail-trend-section h3{margin:0 0 12px;font-size:1rem;color:var(--text-primary, #fff)}.trend-indicator{display:flex;align-items:flex-start;gap:12px;color:var(--text-secondary, #a0a0a0);font-size:.9rem;line-height:1.5}.trend-arrow{font-size:1.5rem;flex-shrink:0}.trend-arrow.trend-up{color:var(--success-color, #4caf50)}.trend-arrow.trend-down{color:var(--error-color, #f44336)}.trend-arrow.trend-stable{color:var(--text-secondary, #a0a0a0)}.detail-tier-explanation{background:var(--card-bg-dark, #1e2128);border-radius:8px;padding:16px;border:1px solid var(--border-color, #3a3d46)}.detail-tier-explanation h3{margin:0 0 8px;font-size:1rem;color:var(--text-primary, #fff)}.detail-tier-explanation p{margin:0;color:var(--text-secondary, #a0a0a0);font-size:.9rem;line-height:1.5}@media(max-width:768px){.meta-header{flex-direction:column;align-items:flex-start}.meta-controls{width:100%}.format-select{flex:1}.archetype-list,.tournament-list{grid-template-columns:1fr}.archetype-detail-overlay{padding:16px}.archetype-detail-panel{padding:16px;max-height:85vh}.detail-stats-grid{grid-template-columns:1fr}}.modal-content{background-color:#2d2d2d;border-radius:8px;box-shadow:0 4px 24px #00000080;max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #3d3d3d}.modal-header h2{margin:0;color:#fff;font-size:24px;font-weight:600}.modal-close{background:none;border:none;color:#ffffffb3;font-size:32px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background-color:#ffffff1a;color:#fff}.modal-footer{padding:16px 24px;border-top:1px solid #3d3d3d;display:flex;justify-content:flex-end;gap:12px}.about-dialog .about-section{margin-bottom:24px}.about-dialog .about-section:last-child{margin-bottom:0}.about-dialog .app-icon{text-align:center;margin-bottom:12px}.about-dialog .icon-placeholder{width:80px;height:80px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px}.about-dialog .app-name{text-align:center;font-size:28px;font-weight:700;color:#fff;margin:0 0 4px}.about-dialog .app-version{text-align:center;color:#fff9;font-size:14px;margin:0 0 20px}.about-dialog h4{color:#4a9eff;font-size:16px;font-weight:600;margin:0 0 12px}.about-dialog p{color:#fffc;line-height:1.6;margin:0 0 12px}.about-dialog p:last-child{margin-bottom:0}.about-dialog .feature-list,.about-dialog .credit-list{margin:0;padding-left:20px;color:#fffc;line-height:1.8}.about-dialog .feature-list li,.about-dialog .credit-list li{margin-bottom:4px}.about-dialog .credit-list strong{color:#fff}.about-dialog .about-links{margin-top:20px}.about-dialog .link-buttons{display:flex;flex-direction:column;gap:8px}.about-dialog .link-button{display:inline-block;padding:10px 16px;background-color:#3d3d3d;color:#4a9eff;text-decoration:none;border-radius:4px;font-size:14px;font-weight:500;text-align:center;transition:all .2s}.about-dialog .link-button:hover{background-color:#4a9eff;color:#fff;transform:translate(4px)}.about-dialog .copyright{font-size:13px;color:#fff9;text-align:center;margin-top:16px}.about-dialog .disclaimer{font-size:12px;color:#ffffff80;text-align:center;font-style:italic;margin-top:8px}.btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background-color:#4a9eff;color:#fff}.btn-primary:hover{background-color:#3a8eef;transform:translateY(-1px);box-shadow:0 2px 8px #4a9eff4d}.btn-primary:active{transform:translateY(0)}.loading-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px}.loading-button.loading{cursor:not-allowed;opacity:.85}.loading-button-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:loading-button-spin .8s linear infinite;flex-shrink:0}.loading-button-text{opacity:.9}@keyframes loading-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-profile-loading,.user-profile-unauthenticated{color:#aaa;font-size:14px;padding:8px 0}.user-profile-content{display:flex;align-items:center;gap:16px}.user-profile-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #444;flex-shrink:0}.user-profile-details{display:flex;flex-direction:column;gap:4px}.user-profile-name{font-size:16px;font-weight:600;color:#f0f0f0}.user-profile-email{font-size:13px;color:#aaa}.settings-accordion{display:flex;flex-direction:column;gap:8px}.accordion-controls{display:flex;justify-content:flex-end;gap:8px;margin-bottom:8px}.accordion-control-button{padding:6px 12px;font-size:12px;background-color:transparent;border:1px solid #4d4d4d;border-radius:4px;color:#b0b0b0;cursor:pointer;transition:all .2s ease}.accordion-control-button:hover:not(:disabled){background-color:#3d3d3d;border-color:#5d5d5d;color:#fff}.accordion-control-button:disabled{opacity:.5;cursor:not-allowed}.accordion-items{display:flex;flex-direction:column;gap:4px}.accordion-item{background-color:#2d2d2d;border:1px solid #3d3d3d;border-radius:8px;overflow:hidden;transition:border-color .2s ease}.accordion-item:focus-within{border-color:#7d9bff}.accordion-item.expanded{border-color:#4d4d4d}.accordion-header-wrapper{margin:0}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background-color:transparent;border:none;color:#fff;font-size:16px;font-weight:600;cursor:pointer;text-align:left;transition:background-color .2s ease}.accordion-header:hover{background-color:#353535}.accordion-header:focus{outline:none;background-color:#353535}.accordion-header:focus-visible{outline:2px solid #7d9bff;outline-offset:-2px}.accordion-header-content{display:flex;align-items:center;gap:12px}.accordion-icon{font-size:18px;width:24px;text-align:center}.accordion-label{font-weight:600}.accordion-chevron{font-size:12px;color:gray;transition:transform .3s ease}.accordion-chevron.expanded{transform:rotate(180deg)}.accordion-panel{overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out}.accordion-panel.collapsed{max-height:0;opacity:0}.accordion-panel.expanded{max-height:none;opacity:1}.accordion-panel-content{padding:0 20px 20px;border-top:1px solid #3d3d3d}.accordion-panel-content .settings-section{background-color:transparent;border:none;border-radius:0;padding:0;margin:0}.accordion-panel-content .section-title{display:none}@media(max-width:768px){.accordion-controls{justify-content:center}.accordion-header{padding:14px 16px;font-size:15px}.accordion-panel-content{padding:0 16px 16px}.accordion-icon{font-size:16px;width:20px}}.accordion-header:focus-visible .accordion-label{text-decoration:underline}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.accordion-panel.expanded .accordion-panel-content{animation:slideDown .3s ease-out}.settings-header{flex-shrink:0;position:relative}.save-notification{position:absolute;top:8px;right:16px;background-color:#7dff7d;color:#1d1d1d;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;animation:slideInDown .3s ease-out}.settings-error{background-color:#ff646426;border:1px solid #ff6464;color:#ff6464;padding:12px 16px;border-radius:6px;font-size:14px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.settings-content{display:flex;flex-direction:column;gap:24px;overflow-y:auto;padding:16px 0}.settings-section{background-color:#2d2d2d;border-radius:8px;padding:20px;border:1px solid #3d3d3d}.section-title{margin:0 0 16px;color:#fff;font-size:18px;font-weight:600;border-bottom:1px solid #3d3d3d;padding-bottom:12px}.setting-item{display:flex;flex-direction:column;gap:8px;padding:16px 0;border-bottom:1px solid #3d3d3d}.setting-item:last-child{border-bottom:none}.setting-item.indented{margin-left:24px}.setting-item.danger{border-color:#ff7d7d}.setting-label{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#fff;font-weight:500}.setting-description{font-size:12px;color:#888;font-weight:400}.setting-control{display:flex;gap:12px;align-items:center}.text-input{flex:1;padding:10px 12px;background-color:#1d1d1d;border:1px solid #3d3d3d;border-radius:6px;color:#fff;font-size:14px;transition:all .2s}.text-input:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 2px #4a9eff1a}.text-input::placeholder{color:#555}.number-input{width:120px;padding:10px 12px;background-color:#1d1d1d;border:1px solid #3d3d3d;border-radius:6px;color:#fff;font-size:14px;transition:all .2s}.number-input:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 2px #4a9eff1a}.select-input{flex:1;max-width:300px;padding:10px 12px;background-color:#1d1d1d;border:1px solid #3d3d3d;border-radius:6px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.select-input:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 2px #4a9eff1a}.checkbox-input{width:18px;height:18px;margin-right:8px;cursor:pointer}.browse-button{padding:10px 16px;background-color:#3d3d3d;border:1px solid #4d4d4d;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.browse-button:hover{background-color:#4d4d4d;border-color:#5d5d5d}.action-button{padding:10px 16px;background-color:#4a9eff;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.action-button:hover{background-color:#3a8eef;box-shadow:0 2px 8px #4a9eff4d}.danger-button{padding:10px 16px;background-color:#ff7d7d;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.danger-button:hover{background-color:#ef6d6d;box-shadow:0 2px 8px #ff7d7d4d}.about-content{display:flex;flex-direction:column;gap:12px}.about-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.about-label{font-size:14px;color:#aaa;font-weight:600}.about-value{font-size:14px;color:#fff;font-weight:500}.settings-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 20px;background-color:#2d2d2d;border-radius:8px;border:1px solid #3d3d3d}.primary-button{padding:12px 24px;background-color:#4a9eff;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.primary-button:hover{background-color:#3a8eef;box-shadow:0 2px 8px #4a9eff4d}.secondary-button{padding:12px 24px;background-color:#3d3d3d;border:1px solid #4d4d4d;border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.secondary-button:hover{background-color:#4d4d4d;border-color:#5d5d5d}.connection-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:16px;font-size:13px;font-weight:600;transition:all .3s}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-connected{background-color:#4caf5026;color:#7dff7d;border:1px solid rgba(76,175,80,.3)}.status-connected .status-dot{background-color:#7dff7d;box-shadow:0 0 8px #7dff7d80}.status-standalone{background-color:#ff980026;color:#ffb74d;border:1px solid rgba(255,152,0,.3)}.status-standalone .status-dot{background-color:#ffb74d;box-shadow:0 0 8px #ffb74d80}.status-reconnecting{background-color:#2196f326;color:#64b5f6;border:1px solid rgba(33,150,243,.3)}.status-reconnecting .status-dot{background-color:#64b5f6;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.setting-hint{font-size:12px;color:#888;font-family:Courier New,monospace}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#2d2d2d;border-radius:12px;padding:0;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #3d3d3d}.modal-header h2{margin:0;font-size:20px;color:#fff}.modal-close{background:none;border:none;color:#888;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#fff}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-description{margin:0 0 16px;color:#aaa;font-size:14px}.log-files-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.log-file-item{background-color:#1e1e1e;border-radius:6px;padding:12px;border:1px solid #3d3d3d;transition:all .2s}.log-file-item:hover{border-color:#4a9eff;background-color:#252525}.log-file-item label{display:flex;align-items:center;gap:12px;cursor:pointer}.log-file-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.file-name{flex:1;color:#fff;font-size:14px;font-weight:500}.file-info{color:#888;font-size:12px}.no-files{text-align:center;padding:40px 20px;color:#888;font-size:14px}.import-progress{display:flex;flex-direction:column;gap:20px}.import-progress h3{margin:0;font-size:18px;color:#fff}.progress-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.progress-stats .stat{background-color:#1e1e1e;padding:12px;border-radius:6px;border:1px solid #3d3d3d;font-size:14px;color:#fff}.progress-bar{width:100%;height:8px;background-color:#1e1e1e;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:#4a9eff;transition:width .3s ease;box-shadow:0 0 8px #4a9eff80}.progress-time{text-align:center;font-size:14px;color:#aaa}.progress-errors{margin-top:12px;padding:16px;background-color:#ff7d7d1a;border:1px solid rgba(255,125,125,.3);border-radius:6px}.progress-errors h4{margin:0 0 12px;color:#ff7d7d;font-size:14px}.error-item{color:#ff7d7d;font-size:12px;margin-bottom:4px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #3d3d3d}.replay-progress-container{background:#2d2d2d;padding:16px;border-radius:8px;margin-top:8px}.replay-progress-title{margin-top:0;color:#4a9eff}.replay-progress-title.complete{color:#0f0}.replay-progress-title.paused{color:#ff9800}.settings-progress-bar{width:100%;height:8px;background:#1e1e1e;border-radius:4px;overflow:hidden;margin-top:12px}.settings-progress-bar.with-margin-bottom{margin-bottom:16px}.settings-progress-bar-fill{height:100%;background:#4a9eff;transition:width .3s ease}.settings-progress-bar-fill.paused{background:#ff9800}.settings-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.settings-grid-2col-wide{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;font-size:.95em}.settings-warning-box{margin-top:12px;padding:12px;background:#2d2d2d;border-radius:4px;border:1px solid #ff6b6b}.settings-info-box{margin-top:12px;padding:12px;background:#2d2d2d;border-radius:8px}.settings-info-box-dark{margin-top:16px;padding:12px;background:#1e1e1e;border-radius:4px;font-size:.9em;color:#aaa}.settings-success-box{margin-top:12px;padding:12px;background:#2d4a2d;border-radius:8px;border:1px solid #4a9eff}.settings-daemon-warning{color:#ff6b6b;margin-bottom:16px;padding:12px;background:#2d2d2d;border-radius:8px}.settings-daemon-hint{color:#ff6b6b;margin-top:8px}.settings-section-description{margin-bottom:16px;color:#aaa}.replay-tool-controls{background:#2d2d2d;padding:20px;border-radius:8px;margin-top:16px}.replay-tool-title{margin-top:0;display:flex;align-items:center;gap:8px}.replay-tool-title.active{color:#4a9eff}.replay-tool-title.paused{color:#ff9800}.replay-tool-subtitle{font-size:.9em;font-weight:400;color:#aaa}.replay-tool-buttons{display:flex;gap:12px;flex-wrap:wrap}.action-button.pause{background:#ff9800}.action-button.resume{background:#00c853}.action-button.recalculate{background:#4a9eff;color:#fff;font-weight:700}.action-button.clear-cache{background:#ff6b6b;color:#fff}.input-width-200,.select-width-200{width:200px}.slider-value{margin-left:12px;min-width:60px;display:inline-block}.checkbox-container{margin-bottom:8px}.checkbox-label{display:flex;align-items:center;gap:8px}.current-file-display{font-size:.9em;color:#aaa}.refresh-message{color:#aaa;margin-top:8px}.recalculate-message{margin-left:12px;padding:8px 12px;border-radius:4px;font-size:.9em;display:inline-block}.recalculate-message.success{background:#2d4a2d;color:#7cfc00}.recalculate-message.error{background:#4a2d2d;color:#ff6b6b}.set-codes-grid{margin-top:8px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;font-size:.9em}.about-button-container{margin-top:16px}.button-margin-right{margin-right:8px}.about-version-clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.about-version-clickable:hover{color:#7d9bff}.about-version-clickable:active{color:#5d7bdf}.developer-mode-indicator{background-color:#7d9bff1a;border-left:3px solid #7d9bff;padding-left:8px;margin-left:-8px}.developer-mode-enabled{display:flex;align-items:center;gap:12px;color:#7d9bff}.developer-mode-toggle{padding:4px 8px;font-size:12px;background-color:transparent;border:1px solid #7d9bff;border-radius:4px;color:#7d9bff;cursor:pointer;transition:all .2s ease}.developer-mode-toggle:hover{background-color:#7d9bff;color:#1d1d1d}.daemon-download{max-width:800px;margin:0 auto;padding:48px 24px}.daemon-download-header{text-align:center;margin-bottom:40px}.daemon-download-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 16px}.daemon-download-subtitle{font-size:16px;color:#aaa;max-width:560px;margin:0 auto;line-height:1.6}.daemon-download-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:56px}.daemon-download-button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 28px;border-radius:8px;text-decoration:none;min-width:200px;transition:transform .15s ease,box-shadow .15s ease;position:relative}.daemon-download-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.daemon-download-button--primary{background-color:#7b2fff;border:2px solid #7b2fff;color:#fff}.daemon-download-button--primary:hover{background-color:#9147ff;border-color:#9147ff}.daemon-download-button--secondary{background-color:#2d2d2d;border:2px solid #444444;color:#ccc}.daemon-download-button--secondary:hover{border-color:#7b2fff;color:#fff}.daemon-download-button-label{font-size:15px;font-weight:600}.daemon-download-button-recommended{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background-color:#fff3;padding:2px 8px;border-radius:4px}.daemon-download-button-desc{font-size:12px;opacity:.75}.daemon-download-skeleton{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:56px}.daemon-download-skeleton-bar{height:96px;min-width:200px;border-radius:8px;background:linear-gradient(90deg,#2d2d2d 25%,#3a3a3a,#2d2d2d 75%);background-size:200% 100%;animation:daemon-skeleton-shimmer 1.4s ease-in-out infinite}@keyframes daemon-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.daemon-download-coming-soon{margin-bottom:56px;padding:32px;background-color:#2d2d2d;border:1px solid #3d3d3d;border-radius:12px;text-align:center}.daemon-download-coming-soon-message{font-size:16px;color:#aaa;margin:0;line-height:1.6}.daemon-download-coming-soon-link{color:#7b2fff;text-decoration:underline;font-weight:600}.daemon-download-coming-soon-link:hover{color:#9147ff}.daemon-getting-started{background-color:#2d2d2d;border:1px solid #3d3d3d;border-radius:12px;padding:36px}.daemon-getting-started-title{font-size:22px;font-weight:600;color:#fff;margin:0 0 28px}.daemon-getting-started-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:24px}.daemon-getting-started-step{display:flex;align-items:flex-start;gap:20px}.step-number{flex-shrink:0;width:36px;height:36px;border-radius:50%;background-color:#7b2fff;color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}.step-content{flex:1}.step-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 6px}.step-description{font-size:14px;color:#aaa;margin:0;line-height:1.5}.download-page{flex:1;overflow-y:auto;background-color:#1e1e1e}.bff-match-history-header{padding:1rem 1.5rem .5rem}.bff-match-history-table-wrapper{overflow-x:auto;padding:0 1.5rem}.bff-match-history-table-wrapper table{width:100%;border-collapse:collapse;font-size:.9rem}.bff-match-history-table-wrapper th,.bff-match-history-table-wrapper td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--border-color, #333)}.bff-match-history-table-wrapper th{font-weight:600;color:var(--text-secondary, #aaa);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.bff-match-history-table-wrapper tr.result-win{background-color:#4ade800d}.bff-match-history-table-wrapper tr.result-loss{background-color:#f871710d}.result-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:.05em}.result-badge.win{background-color:#4ade8033;color:#4ade80}.result-badge.loss{background-color:#f8717133;color:#f87171}.bff-match-history-footer{padding:1rem 1.5rem}.bff-draft-history-header{padding:1rem 1.5rem .5rem}.bff-draft-history-table-wrapper{overflow-x:auto;padding:0 1.5rem}.bff-draft-history-table-wrapper table{width:100%;border-collapse:collapse;font-size:.9rem}.bff-draft-history-table-wrapper th,.bff-draft-history-table-wrapper td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--border-color, #333)}.bff-draft-history-table-wrapper th{font-weight:600;color:var(--text-secondary, #aaa);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.bff-draft-history-footer{padding:1rem 1.5rem}.error-state{padding:2rem 1.5rem;color:var(--color-error, #f87171);text-align:center}.draft-live-container{max-width:1200px;margin:0 auto;padding:1.5rem}.draft-live-header{margin-bottom:1.5rem}.draft-live-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.draft-live-title-row h1{margin:0;font-size:1.75rem;font-weight:700}.draft-live-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;color:var(--color-text-secondary, #9ca3af);font-size:.875rem}.draft-live-set{font-weight:600;color:var(--color-accent, #60a5fa);background:var(--color-surface-elevated, #1f2937);padding:.2rem .5rem;border-radius:4px;font-size:.8rem;letter-spacing:.05em}.draft-live-format,.draft-live-progress{color:var(--color-text-muted, #6b7280)}.stream-status{font-size:.75rem;font-weight:500;padding:.2rem .6rem;border-radius:999px;text-transform:capitalize}.stream-status--open{background:#d1fae5;color:#065f46}.stream-status--connecting{background:#fef3c7;color:#92400e}.stream-status--error{background:#fee2e2;color:#991b1b}.stream-status--closed{background:#f3f4f6;color:#6b7280}.draft-live-body{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;align-items:start}@media(max-width:768px){.draft-live-body{grid-template-columns:1fr}}.draft-live-pack-section h2,.draft-live-history-section h2{margin:0 0 1rem;font-size:1.1rem;font-weight:600}.draft-live-pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.draft-live-waiting,.draft-live-ratings-error{color:var(--color-text-muted, #6b7280);font-size:.875rem;padding:1rem 0}.draft-live-ratings-error{color:#ef4444}.draft-live-card{position:relative;background:var(--color-surface, #111827);border:1px solid var(--color-border, #374151);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.4rem;transition:border-color .15s,box-shadow .15s}.draft-live-card--top{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b59;background:var(--color-surface-elevated, #1f2937)}.draft-live-card-name{font-size:.875rem;font-weight:500;color:var(--color-text, #f9fafb);line-height:1.3}.draft-live-gihwr{font-size:.75rem;color:var(--color-text-muted, #6b7280)}.draft-live-top-badge{font-size:.7rem;font-weight:700;color:#f59e0b;text-transform:uppercase;letter-spacing:.05em}.draft-live-grade{display:inline-block;font-size:.8rem;font-weight:700;padding:.1rem .4rem;border-radius:4px;width:fit-content}.grade-a{background:#d1fae5;color:#065f46}.grade-b{background:#dbeafe;color:#1e40af}.grade-c{background:#fef3c7;color:#92400e}.grade-d{background:#fee2e2;color:#991b1b}.grade-f{background:#fee2e2;color:#7f1d1d}.grade-unknown{background:#f3f4f6;color:#6b7280}.draft-live-history-section{background:var(--color-surface, #111827);border:1px solid var(--color-border, #374151);border-radius:8px;padding:1rem}.draft-live-no-picks{color:var(--color-text-muted, #6b7280);font-size:.875rem;margin:0}.draft-live-history-grid{display:flex;flex-direction:column;gap:.4rem;max-height:500px;overflow-y:auto}.draft-live-history-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .5rem;border-radius:4px;background:var(--color-surface-elevated, #1f2937)}.draft-live-history-name{font-size:.8rem;color:var(--color-text, #f9fafb);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-keys-header{flex-shrink:0;margin-bottom:1.5rem}.api-keys-description{color:var(--color-text-secondary, #aaa);font-size:14px;margin-top:.5rem;max-width:600px}.api-keys-content{flex:1;min-height:0}.api-keys-content .cl-apiKeys{width:100%}.setup-container{max-width:800px;margin:0 auto;padding:48px 24px}.setup-header{text-align:center;margin-bottom:48px}.setup-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 16px}.setup-subtitle{font-size:16px;color:#aaa;max-width:560px;margin:0 auto;line-height:1.6}.setup-section{margin-bottom:40px}.setup-section-title{font-size:20px;font-weight:600;color:#fff;margin:0 0 12px}.setup-section-body{font-size:15px;color:#ccc;margin:0 0 16px;line-height:1.6}.setup-link{color:#9147ff;text-decoration:underline}.setup-link:hover{color:#a970ff}.setup-warnings{display:flex;flex-direction:column;gap:16px}.setup-warning-section{display:flex;gap:16px;background-color:#2a2a18;border:1px solid #5a4a00;border-radius:8px;padding:20px}.setup-warning-icon{flex-shrink:0;margin-top:2px}.setup-warning-content{flex:1}.setup-warning-title{font-size:16px;font-weight:600;color:#f59e0b;margin:0 0 10px}.setup-warning-body{font-size:14px;color:#ccc;margin:0 0 10px;line-height:1.6}.setup-warning-steps{font-size:14px;color:#ccc;margin:0 0 10px;padding-left:20px;line-height:1.7}.setup-warning-note{font-size:13px;color:#888;margin:0;line-height:1.5;font-style:italic}.setup-warning-screenshot{display:block;margin-top:16px;max-width:400px;width:100%;border-radius:6px;border:1px solid #3d3d3d}.setup-other-platform{border:1px solid #3d3d3d;border-radius:8px;padding:12px 16px}.setup-other-platform summary{font-size:14px;color:#aaa;cursor:pointer;-webkit-user-select:none;user-select:none}.setup-other-platform summary:hover{color:#fff}.setup-other-platform .setup-warning-section{margin-top:12px;background-color:#1e1e1e}.setup-pairing{background-color:#2d2d2d;border:1px solid #3d3d3d;border-radius:8px;padding:24px;text-align:center}.setup-pairing-waiting{display:flex;flex-direction:column;align-items:center;gap:12px}.setup-pairing-spinner{width:32px;height:32px;border:3px solid #3d3d3d;border-top-color:#9147ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.setup-pairing-label{font-size:16px;font-weight:600;color:#fff;margin:0}.setup-pairing-label--error{color:#ef4444}.setup-pairing-sublabel{font-size:13px;color:#888;margin:0;max-width:400px;line-height:1.5}.setup-pairing-success{display:flex;align-items:center;justify-content:center;gap:12px}.setup-pairing-checkmark{font-size:28px;color:#22c55e}.setup-pairing-error{display:flex;flex-direction:column;align-items:center;gap:16px}.setup-retry-button{background-color:#7b2fff;color:#fff;border:none;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease}.setup-retry-button:hover{background-color:#9147ff}@media(max-width:600px){.setup-container{padding:24px 16px}.setup-title{font-size:24px}.setup-warning-section{flex-direction:column;gap:8px}}.protected-route-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#aaa;font-size:14px}.protected-route-prompt{display:flex;align-items:center;justify-content:center;height:100%;padding:32px}.protected-route-card{background-color:#2d2d2d;border:1px solid #3d3d3d;border-radius:8px;padding:40px 48px;text-align:center;max-width:420px;width:100%}.protected-route-title{font-size:20px;font-weight:600;color:#fff;margin:0 0 12px}.protected-route-subtitle{font-size:14px;color:#aaa;margin:0 0 24px;line-height:1.5}.protected-route-actions{display:flex;justify-content:center}.protected-route-btn{padding:10px 28px;background-color:#4a9eff;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.protected-route-btn:hover{background-color:#3a8eef}#root{width:100%;height:100vh;margin:0;padding:0;background-color:#1e1e1e;color:#fff}.page-container{display:flex;flex-direction:column;height:100%;padding:16px;overflow-y:auto}.page-title{font-size:24px;font-weight:600;margin-bottom:16px;color:#fff}.filter-row{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-label{font-size:14px;font-weight:600;color:#fff}select,input{background-color:#2d2d2d;color:#fff;border:1px solid #3d3d3d;border-radius:4px;padding:8px 12px;font-size:14px}select:hover,input:hover{border-color:#4a9eff}select:focus,input:focus{outline:none;border-color:#4a9eff}button{background-color:#4a9eff;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}button:hover{background-color:#3d8fe5}button:active{background-color:#357cd8}table{width:100%;border-collapse:collapse;margin-top:16px}th{background-color:#2d2d2d;color:#fff;font-weight:600;text-align:left;padding:12px;border-bottom:2px solid #3d3d3d}td{padding:12px;border-bottom:1px solid #3d3d3d}tr:hover{background-color:#2d2d2d}.no-data{text-align:center;padding:48px;color:#aaa;font-size:16px}.error{color:#ff6b6b;padding:16px;background-color:#2d2d2d;border:1px solid #ff6b6b;border-radius:4px;margin:16px 0}