:root{--vault-sapphire: #4A90D9;--vault-sapphire-light: #7CB5F0;--vault-sapphire-dark: #2C6BAA;--vault-sapphire-dim: #163A66;--vault-indigo: #6366F1;--vault-indigo-light: #818CF8;--vault-indigo-dark: #4F46E5;--vault-bg: #0D1117;--vault-bg-sunken: #0A0E16;--vault-bg-raised: #161C26;--vault-bg-overlay: #1E2636;--vault-border: #2A3347;--vault-border-subtle: #1F2A3C;--vault-fg: #F1F5F9;--vault-fg-secondary: #94A3B8;--vault-fg-secondary-rgb: 148, 163, 184;--vault-fg-muted: #7890AA;--vault-fg-inverse: #0D1117;--vault-success: #22C55E;--vault-success-dim: rgba(34, 197, 94, .15);--vault-danger: #EF4444;--vault-danger-dim: rgba(239, 68, 68, .15);--vault-warning: #EAB308;--vault-warning-dim: rgba(234, 179, 8, .15);--vault-info: #38BDF8;--vault-info-dim: rgba(56, 189, 248, .15);--vault-mtg-white: #FFFBD5;--vault-mtg-blue: #AAE0FA;--vault-mtg-black: #CBC2BF;--vault-mtg-red: #F9AA8F;--vault-mtg-green: #9BD3AE;--vault-mtg-colorless: #8B9BB4;--vault-mtg-pip-fg: #0D1117;--vault-tier-a: #4A90D9;--vault-tier-b: #22C55E;--vault-tier-c: #94A3B8;--vault-tier-d: #EAB308;--vault-tier-f: #EF4444;--vault-win: var(--vault-sapphire);--vault-loss: var(--vault-danger);--hollowmark-gilt: #B87D32;--hollowmark-gilt-light: #C8913A;--vault-rarity-common: #4B5563;--vault-rarity-uncommon: #C0C0C0;--vault-rarity-rare: #D4AF37;--vault-rarity-mythic: #DC7E0E;--vault-rarity-bronze: #CD7F32;--vault-twitch: #9147FF;--vault-twitch-dark: #7B2FFF;--vault-env-staging-bg: #4A4A1A;--vault-env-staging-text: #D4C24A;--vault-env-staging-border: #6A6A2A;--vault-env-dev-bg: #2A1A4A;--vault-env-dev-border: #4A2A6A;--vault-decorative-purple: #9C27B0;--vault-decorative-purple-light: #BA68C8;--vault-decorative-magenta: #EC4899;--vault-decorative-magenta-light: #F472B6;--vault-decorative-violet: #A855F7;--vault-decorative-indigo-grad-from: #667EEA;--vault-decorative-indigo-grad-to: #764BA2;--vault-decorative-quest-from: #AB47BC;--vault-decorative-quest-to: #8E24AA;--vault-grade-gold-light: #FFED4E;--vault-grade-orange: #FF8844;--vault-grade-orange-light: #FF9966;--vault-grade-amber-light: #FFBB66;--vault-grade-bronze: #CD7F32;--vault-grade-bronze-light: #E69559;--vault-source-ml: #CE93D8;--vault-source-meta: #64B5F6;--vault-source-personal: #81C784;--vault-banner-info-from: #1A3A5C;--vault-banner-info-to: #0D2137;--vault-banner-info-border: #2D5A8A;--vault-banner-warn-from: #5C4A1A;--vault-banner-warn-to: #372D0D;--vault-banner-warn-border: #8A7A2D;--vault-banner-danger-from: #5C1A1A;--vault-banner-danger-to: #370D0D;--vault-banner-danger-border: #8A2D2D;--font-display-vault: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 26px;--text-3xl: 34px;--text-4xl: 48px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm-vault: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md-vault: 0 4px 12px rgba(0, 0, 0, .6);--shadow-lg-vault: 0 8px 32px rgba(0, 0, 0, .7);--shadow-sapphire-vault: 0 0 0 1px rgba(74, 144, 217, .2), 0 4px 12px rgba(74, 144, 217, .1);--shadow-inset-vault: inset 0 1px 0 rgba(255, 255, 255, .04);--vault-shadow-inset-white-4: inset 0 1px 0 rgba(255, 255, 255, .04);--vault-shadow-card: 0 1px 3px rgba(0, 0, 0, .4);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-base: 0;--z-raised: 10;--z-dropdown: 50;--z-sticky: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500}:root,:root[data-brand=vault]{--bg: var(--vault-bg);--bg-raised: var(--vault-bg-raised);--bg-overlay: var(--vault-bg-overlay);--border: var(--vault-border);--fg: var(--vault-fg);--fg-secondary: var(--vault-fg-secondary);--fg-muted: var(--vault-fg-muted);--fg-inverse: var(--vault-fg-inverse);--accent: var(--vault-sapphire);--accent-hover: var(--vault-sapphire-light);--accent-press: var(--vault-sapphire-dark);--accent-dim: rgba(74, 144, 217, .1);--accent-dim-hover: rgba(74, 144, 217, .2);--success: var(--vault-success);--danger: var(--vault-danger);--warning: var(--vault-warning);--info: var(--vault-info);--win: var(--vault-win);--loss: var(--vault-loss);--mana-w-bg: var(--vault-mtg-white);--mana-u-bg: var(--vault-mtg-blue);--mana-b-bg: var(--vault-mtg-black);--mana-r-bg: var(--vault-mtg-red);--mana-g-bg: var(--vault-mtg-green);--mana-c-bg: var(--vault-mtg-colorless);--mana-pip-fg: var(--vault-mtg-pip-fg);--font-display: var(--font-display-vault);--shadow-sm: var(--shadow-sm-vault);--shadow-md: var(--shadow-md-vault)}*{box-sizing:border-box}:root,[data-theme=dark]{font-family:var(--font-body);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--vault-fg);background-color:var(--vault-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{color-scheme:light;color:var(--vault-fg);background-color:var(--vault-bg)}body{margin:0;padding:0;width:100%;height:100vh;overflow:hidden}*{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display-vault)}code,kbd,samp,pre,.mono{font-family:var(--font-mono)}.download-progress-container{display:flex;align-items:center;gap:8px;padding-left:12px;border-left:1px solid var(--border);min-width:200px;max-width:350px}.download-progress-bar{width:80px;height:8px;background:var(--bg-overlay);border-radius:4px;overflow:hidden;flex-shrink:0}.download-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));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,var(--danger),var(--danger))}.download-progress-fill.complete{background:linear-gradient(90deg,var(--win),var(--vault-sapphire-light))}@keyframes pulse-progress{0%,to{opacity:1}50%{opacity:.7}}.download-progress-text{font-size:12px;color:var(--fg-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.download-percentage{color:var(--accent);font-weight:500}.download-error{color:var(--danger)}@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:var(--vault-env-staging-bg);color:var(--vault-env-staging-text);border:1px solid var(--vault-env-staging-border);margin-left:auto;white-space:nowrap;line-height:1.4}.env-badge--preview,.env-badge--staging{background-color:var(--bg-overlay);color:var(--info);border-color:var(--vault-border)}.env-badge--development{background-color:var(--vault-env-dev-bg);color:var(--vault-indigo-light);border-color:var(--vault-env-dev-border)}.app-footer{position:sticky;bottom:0;left:0;right:0;background-color:var(--bg-raised);border-top:1px solid var(--border);padding:var(--space-2) var(--space-4);z-index:var(--z-sticky)}.footer-content{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--fg-secondary)}.footer-label{font-weight:600;color:var(--fg-muted);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.08em}.footer-stat{display:flex;align-items:center;gap:var(--space-1);color:var(--fg-secondary)}.footer-stat strong{color:var(--fg);font-weight:600}.footer-num{font-family:var(--font-mono)}.footer-separator{color:var(--border);-webkit-user-select:none;user-select:none}.footer-separator-push{margin-left:auto}.footer-loading,.footer-empty{color:var(--fg-secondary);font-style:italic}.footer-last-match{color:var(--fg-secondary)}.footer-last-synced{color:var(--fg-muted);font-size:var(--text-xs)}.streak-w{color:var(--success)}.streak-l{color:var(--danger)}.streak-w strong,.streak-l strong{color:inherit}.auth-bar{display:flex;align-items:center}.auth-bar-signed-out{display:flex;align-items:center;gap:var(--space-3)}.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:var(--fg-secondary);border:1px solid var(--fg-muted)}.auth-btn-signin:hover{color:var(--fg);border-color:var(--fg-secondary)}.auth-btn-signup{background-color:var(--accent);color:var(--fg-inverse)}.auth-btn-signup:hover{background-color:var(--accent-press)}.auth-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.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:var(--success)}.daemon-health-disconnected{background-color:var(--danger)}.daemon-health-reconnecting{background-color:var(--warning)}.daemon-health-loading,.daemon-health-error{background-color:var(--fg-muted)}.daemon-health-clickable{cursor:pointer}.daemon-health-clickable:focus{outline:2px solid var(--vault-indigo);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);border:1px solid var(--border);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)}.onboarding-modal-title{margin:0;font-size:18px;font-weight:700;color:var(--fg)}.onboarding-modal-close{background:none;border:none;color:var(--fg-secondary);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(--fg);background-color:var(--bg-overlay)}.onboarding-steps-indicator{display:flex;align-items:center;justify-content:center;gap:0;padding:16px 24px;border-bottom:1px solid var(--border)}.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);z-index:0}.onboarding-step-pip.done:not(:last-child):after{background-color:var(--vault-indigo-dark)}.onboarding-step-pip-number{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);background-color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--fg-secondary);z-index:1;position:relative;transition:all .2s ease}.onboarding-step-pip.active .onboarding-step-pip-number{border-color:var(--vault-indigo);background-color:var(--vault-indigo);color:var(--fg)}.onboarding-step-pip.done .onboarding-step-pip-number{border-color:var(--vault-indigo-dark);background-color:var(--vault-indigo-dark);color:var(--fg)}.onboarding-step-pip-label{font-size:11px;color:var(--fg-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.onboarding-step-pip.active .onboarding-step-pip-label{color:var(--vault-indigo)}.onboarding-step-pip.done .onboarding-step-pip-label{color:var(--vault-indigo-dark)}.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:var(--vault-indigo)}.onboarding-step-icon--success{background-color:#22c55e1a;color:var(--success)}.onboarding-step-icon--error{background-color:#ef44441a;color:var(--danger)}.onboarding-step-heading{margin:0;font-size:20px;font-weight:700;color:var(--fg);text-align:center}.onboarding-step-description{margin:0;font-size:14px;color:var(--fg-secondary);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-raised);border:1px solid var(--border);border-radius:10px;padding:16px}.onboarding-platform-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.onboarding-platform-icon{color:var(--fg-secondary);display:flex;align-items:center}.onboarding-platform-name{font-size:14px;font-weight:600;color:var(--fg)}.onboarding-install-steps{margin:0;padding-left:18px;list-style:decimal}.onboarding-install-steps li{font-size:13px;color:var(--fg-secondary);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);border-radius:4px;padding:1px 5px;color:var(--fg)}.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:var(--vault-indigo);color:var(--fg)}.onboarding-btn--primary:hover{background-color:var(--vault-indigo-dark)}.onboarding-btn--secondary{background-color:transparent;color:var(--vault-indigo);border:1px solid var(--vault-indigo)}.onboarding-btn--secondary:hover{background-color:#8b5cf61a}.onboarding-btn--ghost{background-color:transparent;color:var(--fg-secondary);border:1px solid var(--border)}.onboarding-btn--ghost:hover{color:var(--fg);background-color:var(--bg-overlay);border-color:var(--vault-sapphire-dark)}.onboarding-spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,.2);border-top-color:var(--vault-indigo);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 var(--border);border-radius:4px;color:var(--fg-secondary);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:var(--fg);border-color:var(--accent);background:#4a9eff14}.report-bug-btn:active{background:#4a9eff29}.app-container{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-raised);color:var(--fg)}.tab-bar{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-raised);border-bottom:1px solid var(--border);padding:0}.tab-bar-left{display:flex;align-items:center}.nav-brand{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-right:1px solid var(--border);text-decoration:none}.nav-brand-mark{display:block}.nav-brand-wordmark{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);color:var(--accent);letter-spacing:-.01em}.tab-links{display:flex;overflow-x:auto}.tab-bar-right{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4)}.connection-status-indicator{display:flex;align-items:center;gap:var(--space-2)}.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:var(--space-3) var(--space-4);text-decoration:none;color:var(--fg-secondary);border-bottom:2px solid transparent;transition:var(--transition-fast);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;white-space:nowrap}.tab:hover{color:var(--fg);background-color:var(--bg-overlay)}.tab.active{color:var(--fg);border-bottom-color:var(--accent);background-color:var(--accent-dim);font-weight:600}.tab:focus-visible,.sub-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.nav-brand:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.sub-tab-bar{display:flex;background-color:var(--bg-raised);border-bottom:1px solid var(--border);padding:0;gap:var(--space-1)}.sub-tab{padding:var(--space-2) var(--space-4);text-decoration:none;color:var(--fg-secondary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:var(--transition-fast);font-size:var(--text-sm)}.sub-tab:hover{color:var(--fg);background-color:var(--bg-overlay)}.sub-tab.active{color:var(--fg);background-color:var(--bg-raised)}.content{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;min-height:0}.status-bar{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-raised);border-top:1px solid var(--border);padding:6px 16px;font-size:12px;color:var(--fg-secondary)}.status-right{color:var(--accent)}.status-badge-compact.status-connected{background-color:var(--vault-success-dim)}.status-badge-compact.status-connected .status-dot-compact{background-color:var(--win);box-shadow:0 0 10px #22c55e66}.status-badge-compact.status-standalone{background-color:var(--vault-warning-dim)}.status-badge-compact.status-standalone .status-dot-compact{background-color:var(--warning);box-shadow:0 0 10px #eab30866}.status-badge-compact.status-reconnecting{background-color:var(--vault-info-dim)}.status-badge-compact.status-reconnecting .status-dot-compact{background-color:var(--info);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:var(--bg-overlay);border:1px solid var(--border);border-left-width:4px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:12px;animation:slideIn .3s ease-out;margin-bottom:10px}.toast-hide{animation:slideOut .3s ease-out forwards}.toast-icon{font-family:var(--font-mono);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:var(--fg);font-size:14px;line-height:1.4}.toast-success{border-left-color:var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-info{border-left-color:var(--info)}.toast-info .toast-icon{color:var(--info)}.toast-warning{border-left-color:var(--warning)}.toast-warning .toast-icon{color:var(--warning)}.toast-error{border-left-color:var(--danger)}.toast-error .toast-icon{color:var(--danger)}@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 var(--border);border-top-color:var(--accent);border-radius:var(--radius-full);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)}}@media(prefers-reduced-motion:reduce){.spinner-circle{animation-duration:1.6s}}.loading-message{margin-top:var(--space-4);color:var(--fg-secondary);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:var(--fg);margin:0 0 12px}.empty-state-subtext{font-size:16px;color:var(--fg-secondary);margin:0 0 8px;max-width:600px;line-height:1.5}.empty-state-cta{display:inline-block;margin-top:var(--space-5);padding:10px 24px;background-color:var(--accent);color:var(--fg-inverse);border-radius:var(--radius-md);text-decoration:none;font-size:14px;font-weight:600;transition:background-color var(--transition-base)}.empty-state-cta:hover{background-color:var(--accent-press);color:var(--fg-inverse)}.empty-state-cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.empty-state--coming-soon .empty-state-icon{opacity:.4}.empty-state--coming-soon .empty-state-heading{color:var(--fg-secondary)}.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:var(--danger);margin:0 0 12px}.error-state-details{font-size:14px;color:var(--danger);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:var(--fg-secondary);margin:16px 0 0;max-width:600px;line-height:1.5}.chart-container{background-color:var(--bg-overlay);border-radius:8px;padding:20px;margin-bottom:24px}.summary{background-color:var(--bg-overlay);border-radius:8px;padding:20px}.summary h3{margin-bottom:16px;color:var(--fg)}.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:var(--fg)}.trend-improving{color:var(--win)!important}.trend-declining{color:var(--loss)!important}.set-annotation-legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--fg-muted)}.set-annotation-legend-item{display:flex;align-items:center;gap:var(--space-1)}.set-annotation-legend-swatch{display:inline-block;width:12px;height:1px;border-top:1px dashed var(--fg-muted)}.deck-performance-header{flex-shrink:0}.deck-count{margin-bottom:12px;color:var(--fg-secondary);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:var(--bg-overlay);border-radius:8px;padding:20px;border:1px solid var(--border);transition:all .2s}.deck-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #4a9eff1a}.deck-name{margin:0 0 16px;color:var(--accent);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:var(--fg-secondary);font-style:italic}.progression-summary{background-color:var(--bg-overlay);border-radius:8px;padding:20px;margin-bottom:24px}.summary-title{margin:0 0 16px;color:var(--fg);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:var(--fg-secondary);text-transform:uppercase;font-weight:600}.summary-value{font-size:18px;color:var(--fg);font-weight:600}.trend-up{color:var(--win)!important}.trend-down{color:var(--loss)!important}.trend-stable{color:var(--fg-secondary)!important}.timeline-section{background-color:var(--bg-overlay);border-radius:8px;padding:20px;margin-top:24px}.timeline-title{margin:0 0 16px;color:var(--fg);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:var(--bg-raised);border-radius:6px;padding:12px 16px;border:1px solid var(--border);display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;transition:all .2s}.timeline-item:hover{border-color:var(--accent);box-shadow:0 2px 8px #4a9eff1a}.timeline-item.changed{border-color:var(--win);background-color:var(--success)}.timeline-date{font-size:14px;color:var(--fg-secondary)}.timeline-rank{font-size:14px;color:var(--accent);font-weight:600}.timeline-change{color:var(--win);font-weight:500}.timeline-steps{font-size:14px;color:var(--fg-secondary);font-weight:500}.format-distribution-header{flex-shrink:0}.format-count{margin-bottom:12px;color:var(--fg-secondary);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:var(--bg-overlay);border-radius:8px;padding:20px;border:1px solid var(--border);transition:all .2s}.format-card:hover{border-color:var(--accent);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:var(--accent);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 var(--border)}.stat:last-child{border-bottom:none}.stat-label{font-size:12px;color:var(--fg-secondary);text-transform:uppercase;font-weight:600}.stat-value{font-size:16px;color:var(--fg);font-weight:500}.stat-value.win-rate{color:var(--accent);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:var(--bg-overlay);border-radius:8px;padding:20px;border:1px solid var(--border)}.section-title{margin:0 0 16px;color:var(--fg);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:var(--bg-raised);border-radius:6px;padding:16px;border:1px solid var(--border);transition:all .2s}.metric-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #4a9eff1a}.metric-card.highlight{border-color:var(--accent);background-color:var(--bg-overlay)}.metric-label{font-size:12px;color:var(--fg-secondary);text-transform:uppercase;font-weight:600;margin-bottom:8px}.metric-value{font-size:24px;color:var(--fg);font-weight:600;margin-bottom:4px}.metric-value.large{font-size:32px}.metric-value.win{color:var(--win)}.metric-value.loss{color:var(--loss)}.metric-value.excellent{color:var(--win)}.metric-value.good{color:var(--accent)}.metric-value.average{color:var(--warning)}.metric-value.below-average{color:var(--loss)}.metric-sublabel{font-size:12px;color:var(--fg-secondary)}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.analysis-card{background-color:var(--bg-raised);border-radius:6px;padding:16px;border:1px solid var(--border);text-align:center}.analysis-label{font-size:12px;color:var(--fg-secondary);text-transform:uppercase;font-weight:600;margin-bottom:8px}.analysis-value{font-size:28px;color:var(--fg);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:var(--win)}.breakdown-segment.losses{background-color:var(--loss)}.breakdown-label{font-size:14px;font-weight:600;color:var(--bg-raised);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:var(--fg)}.stat-dot{width:12px;height:12px;border-radius:50%}.stat-dot.wins{background-color:var(--win)}.stat-dot.losses{background-color:var(--loss)}.breakdown-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;gap:8px}.breakdown-empty-icon{font-size:40px;line-height:1}.breakdown-empty-text{margin:0;font-size:16px;font-weight:600;color:var(--fg)}.breakdown-empty-subtext{margin:0;font-size:13px;color:var(--fg-secondary)}.tooltip-container{position:relative;display:inline-block}.tooltip-content{position:absolute;z-index:9999;padding:8px 12px;background-color:var(--bg-raised);color:var(--fg);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:var(--bg-raised) 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 var(--bg-raised) 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 var(--bg-raised)}.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 var(--bg-raised) 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:var(--fg);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:var(--bg-overlay);border:1px solid var(--border);border-radius:8px;padding:16px;text-align:center}.stat-label{font-size:12px;color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-value{font-size:24px;font-weight:700;color:var(--fg)}.wins-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.daily-wins-card{background-color:var(--bg-overlay);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:16px;transition:all .2s}.daily-wins-card:hover{border-color:var(--info);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:var(--fg)}.daily-wins-progress{font-size:18px;font-weight:700;color:var(--info)}.daily-wins-bar{background-color:var(--bg-raised);border:1px solid var(--border);border-radius:4px;height:24px;overflow:hidden;margin-bottom:12px}.daily-wins-fill{background:linear-gradient(90deg,var(--info) 0%,var(--info) 100%);height:100%;transition:width .3s ease,background .3s ease}.daily-wins-fill.low{background:linear-gradient(90deg,var(--danger) 0%,var(--danger) 100%)}.daily-wins-fill.medium{background:linear-gradient(90deg,var(--warning) 0%,var(--warning) 100%)}.daily-wins-fill.high{background:linear-gradient(90deg,var(--success) 0%,var(--success) 100%)}.daily-wins-fill.weekly{background:linear-gradient(90deg,var(--vault-decorative-quest-from) 0%,var(--vault-decorative-quest-to) 100%)}.daily-wins-footer{display:flex;justify-content:space-between;align-items:center;font-size:13px}.daily-wins-percent{color:var(--fg-secondary)}.daily-wins-reward{color:var(--hollowmark-gilt);font-weight:500}.active-quests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.quest-card{background-color:var(--bg-overlay);border:1px solid var(--border);border-radius:8px;padding:16px;transition:all .2s}.quest-card:hover{border-color:var(--accent);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:var(--fg)}.reroll-badge{display:inline-block;padding:4px 8px;background-color:var(--success);border:1px solid var(--success);border-radius:4px;font-size:10px;font-weight:600;color:var(--fg-inverse);text-transform:uppercase;letter-spacing:.5px}.quest-card-body{margin-bottom:12px}.quest-progress-text{font-size:16px;font-weight:600;color:var(--fg-secondary);margin-bottom:8px;text-align:center}.quest-progress-bar{width:100%;height:24px;background-color:var(--bg-raised);border:1px solid var(--border);border-radius:4px;overflow:hidden;margin-bottom:6px}.quest-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--vault-sapphire-light) 100%);transition:width .3s ease}.quest-progress-fill--done{background:linear-gradient(90deg,var(--hollowmark-gilt) 0%,var(--hollowmark-gilt-light) 100%)}.quest-progress-percent{font-size:12px;color:var(--fg-secondary);text-align:right}.quest-card-footer{border-top:1px solid var(--border);padding-top:12px}.quest-assigned{font-size:12px;color:var(--fg-secondary)}.quest-history-table-container{overflow-x:auto;border:1px solid var(--border);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:var(--bg-raised);border:1px solid var(--border);border-radius:3px;overflow:hidden}.mini-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--vault-sapphire-light) 100%);transition:width .3s ease}.mini-progress-fill--done{background:linear-gradient(90deg,var(--hollowmark-gilt) 0%,var(--hollowmark-gilt-light) 100%)}.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:var(--success);color:var(--fg-inverse)}.status-badge.incomplete{background-color:var(--vault-warning-dim);color:var(--warning)}.status-badge.rerolled{background-color:var(--border);color:var(--fg-secondary)}tr.quest-completed{border-left:3px solid var(--win)}tr.quest-incomplete{border-left:3px solid var(--warning)}tr.quest-rerolled{border-left:3px solid var(--fg-muted);opacity:.7}tr.quest-rerolled td{color:var(--fg-secondary)}.filter-input{padding:8px 12px;background:var(--bg-raised);border:1px solid var(--border);border-radius:4px;color:var(--fg);font-size:14px;min-width:150px;transition:border-color .2s}.filter-input:focus{outline:none;border-color:var(--accent)}.filter-input::placeholder{color:var(--fg-secondary)}@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:var(--bg-overlay);border:1px solid var(--border);border-radius:4px;color:var(--fg);cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:var(--border);border-color:var(--accent)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{padding:0 15px;color:var(--fg-secondary);font-size:14px}.cfb-rating-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:4px;font-weight:600;color:var(--vault-fg-inverse);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:var(--warning);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:var(--bg-raised);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 var(--bg-overlay)}.tier-list-header h2{margin:0;font-size:18px;font-weight:600;color:var(--fg)}.tier-list-info{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--fg-secondary)}.refresh-button{padding:4px 10px;border-radius:4px;border:1px solid var(--accent);background-color:var(--bg-raised);color:var(--accent);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.refresh-button:hover:not(:disabled){background-color:var(--accent);color:var(--bg-raised)}.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:var(--bg-overlay);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:var(--fg-secondary);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 var(--border);border-radius:4px;background-color:var(--bg-raised);color:var(--fg);font-size:13px;transition:border-color .2s ease}.filter-group.search-group .search-input:focus{outline:none;border-color:var(--accent)}.filter-group.search-group .search-input::placeholder{color:var(--fg-muted)}.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:var(--border);color:var(--fg-secondary);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:var(--danger);color:var(--fg)}.filter-group .checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--fg);text-transform:none;letter-spacing:normal;cursor:pointer;min-width:auto}.filter-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.picked-count{color:var(--accent);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 var(--border);background-color:var(--bg-raised);color:var(--fg-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background-color:var(--bg-overlay);border-color:var(--accent)}.filter-btn.active{background-color:var(--bg-overlay);border-width:2px;font-weight:600}.tier-btn.active{border-color:currentColor}.color-btn.active{color:var(--accent);border-color:var(--accent)}.rarity-btn.active{color:var(--warning);border-color:var(--warning)}.type-btn.active{color:var(--vault-indigo-light);border-color:var(--vault-indigo-light)}.tier-groups{display:flex;flex-direction:column;gap:16px}.tier-group{flex-shrink:0;background-color:var(--bg-overlay);border-radius:8px;overflow:visible}.tier-group-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--bg-raised);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:var(--bg-raised);box-shadow:0 2px 4px #0000004d}.tier-count{font-size:13px;color:var(--fg-secondary)}.tier-table{overflow-x:auto}.tier-table table{width:100%;border-collapse:collapse}.tier-table thead{background-color:var(--bg-raised);position:sticky;top:0;z-index:1}.tier-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);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:var(--accent)}.tier-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease;cursor:pointer}.tier-table tbody tr:hover{background-color:var(--border)}.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:var(--fg-secondary)}.card-name{font-weight:500;color:var(--fg);display:flex;align-items:center;gap:8px}.picked-marker{color:var(--win);font-weight:700}.card-color{font-size:16px}.card-rarity{text-transform:capitalize;color:var(--fg-secondary)}.card-gihwr{font-weight:600;color:var(--accent)}.card-alsa{color:var(--warning)}.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:var(--fg-muted);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:var(--bg-overlay);border-radius:8px}.tier-list-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--bg-overlay);border-top-color:var(--accent);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:var(--fg-secondary)}.tier-list-error p:first-child{color:var(--vault-grade-orange);font-weight:600;margin-bottom:8px}.error-help,.empty-help{font-size:12px;color:var(--fg-secondary);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:var(--bg-raised);border-radius:4px}.tier-list-container::-webkit-scrollbar-thumb,.tier-table::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.tier-list-container::-webkit-scrollbar-thumb:hover,.tier-table::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}@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:var(--vault-fg-inverse);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:var(--bg-overlay);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:var(--fg-secondary);margin-bottom:8px}.grade-hint{font-size:12px;color:var(--fg-secondary);font-style:italic}.calculate-button{background:var(--accent);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:var(--accent-press);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:var(--bg-overlay);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 var(--border)}.modal-header h2{margin:0;font-size:24px;color:#fff}.close-button{background:none;border:none;color:var(--fg-secondary);font-size:32px;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:24px}.overall-grade-section{text-align:center;padding:24px;margin-bottom:24px;background:var(--bg-raised);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:var(--fg-secondary)}.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:var(--fg-secondary);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:var(--accent);cursor:help;border:1px solid var(--accent);border-radius:50%;transition:all .2s;position:relative}.info-icon:hover{background:var(--accent);color:var(--bg-raised);transform:scale(1.1)}.component-progress{flex:1;height:24px;background:var(--bg-raised);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:var(--fg-secondary);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:var(--win)}.picks-title.worst{color:var(--danger)}.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 var(--win);color:var(--fg)}.pick-item.worst{background:#ff44441a;border-left:3px solid var(--danger);color:var(--fg)}.suggestions-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.suggestions-section h3{margin:0 0 12px;font-size:16px;color:var(--accent)}.suggestions-list{list-style:none;padding:0;margin:0}.suggestion-item{padding:12px;margin-bottom:8px;background:#4a9eff1a;border-left:3px solid var(--accent);border-radius:6px;color:var(--fg);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:var(--bg-overlay);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:var(--fg-secondary);margin-top:4px}.prediction-card{background:var(--bg-overlay);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:var(--fg)}.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:var(--fg-secondary);margin-bottom:16px}.win-rate-explanation{font-size:14px;color:var(--fg-secondary);line-height:1.5;margin-bottom:12px}.prediction-hint{font-size:12px;color:var(--fg-secondary);font-style:italic}.predict-button{background:var(--accent);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:var(--accent-press);transform:translateY(-2px)}.predict-button:active{transform:translateY(0)}.loading,.error{color:var(--fg-secondary);font-size:14px;text-align:center}.prediction-modal{max-width:800px;max-height:90vh;overflow-y:auto}.prediction-summary{text-align:center;padding:24px;margin-bottom:24px;background:var(--bg-raised);border-radius:8px}.predicted-win-rate-large{font-size:72px;font-weight:700;line-height:1;margin-bottom:12px;background:linear-gradient(135deg,var(--accent) 0%,var(--win) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.confidence-interval{font-size:18px;color:var(--fg-secondary);margin-bottom:8px}.confidence-badge{display:inline-block;padding:4px 12px;border-radius:12px;background:#4a9eff33;color:var(--accent);font-size:12px;font-weight:600;text-transform:uppercase}.explanation-section{padding:16px;margin-bottom:24px;background:#4a9eff1a;border-left:3px solid var(--accent);border-radius:4px}.explanation-text{margin:0;color:var(--fg);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:var(--bg-raised);border-radius:6px}.factor-label{display:flex;align-items:center;gap:6px;color:var(--fg-secondary);font-size:14px}.factor-value{font-weight:700;color:var(--accent);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 var(--win);color:var(--fg)}.performer-item.weak{background:#ff44441a;border-left:3px solid var(--danger);color:var(--fg)}.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:var(--fg);font-size:14px}.bar-container{flex:1;height:24px;background:var(--bg-raised);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:var(--fg-secondary);font-size:14px}.curve-chart{display:flex;align-items:flex-end;justify-content:space-around;height:200px;padding:16px;background:var(--bg-raised);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,var(--accent),var(--win));border-radius:4px 4px 0 0;min-height:4px;max-height:180px;transition:height .3s ease}.curve-label{font-size:12px;color:var(--fg-secondary);font-weight:700}.curve-count{font-size:11px;color:var(--fg-secondary)}@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:var(--bg-raised);border-radius:8px;overflow:hidden}.cards-to-look-for-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--bg-overlay);border-bottom:2px solid var(--accent)}.cards-to-look-for-header h3{margin:0;font-size:16px;font-weight:600;color:var(--fg)}.cards-to-look-for-count{font-size:13px;color:var(--accent);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:var(--fg-secondary);font-size:14px}.cards-to-look-for-hint{font-size:12px!important;color:var(--fg-secondary)!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 var(--bg-overlay)}.suggestion-section-icon{font-size:16px}.suggestion-section-title{font-size:13px;font-weight:600;color:var(--fg);text-transform:uppercase;letter-spacing:.5px}.suggestion-section-count{font-size:12px;color:var(--fg-secondary)}.suggestion-section-cards{display:flex;flex-direction:column;gap:8px}.suggestion-card{display:flex;gap:12px;padding:8px;background-color:var(--bg-overlay);border-radius:6px;cursor:pointer;transition:all .2s ease}.suggestion-card:hover{background-color:var(--border);transform:translate(4px)}.suggestion-card-image{flex-shrink:0;width:60px;height:84px;border-radius:4px;overflow:hidden;background-color:var(--bg-raised)}.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:var(--accent);background:linear-gradient(135deg,var(--bg-overlay) 0%,var(--bg-raised) 100%)}.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:var(--fg);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:var(--fg-secondary)}.suggestion-card-cmc{font-family:Courier New,monospace;font-weight:600}.suggestion-card-gihwr{color:var(--accent);font-weight:600}.suggestion-card-reason{font-size:11px;color:var(--fg-secondary);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:var(--bg-raised)}.cards-to-look-for-content::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:4px}.cards-to-look-for-content::-webkit-scrollbar-thumb:hover{background-color:var(--accent-hover)}.missing-cards-container{background-color:var(--bg-overlay);border-radius:8px;margin-bottom:16px;border:1px solid var(--border);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:var(--border)}.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:var(--fg)}.missing-cards-bombs{font-size:13px;color:var(--warning);font-weight:600;margin-left:8px}.missing-cards-toggle{color:var(--accent);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:var(--bg-overlay);z-index:1}.missing-cards-table th{padding:8px 12px;text-align:left;font-weight:600;color:var(--fg-secondary);border-bottom:2px solid var(--border);text-transform:uppercase;font-size:11px;letter-spacing:.5px}.missing-cards-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.missing-cards-table tbody tr:hover{background-color:var(--border)}.missing-cards-table td{padding:10px 12px;color:var(--fg-secondary)}.missing-card-name{font-weight:500;color:var(--fg)}.missing-card-tier{text-align:center}.tier-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;color:var(--bg-raised);min-width:30px;text-align:center}.tier-badge.tier-s{background:linear-gradient(135deg,var(--warning) 0%,var(--vault-grade-gold-light) 100%)}.tier-badge.tier-a\+{background:linear-gradient(135deg,var(--fg-secondary) 0%,var(--fg) 100%)}.tier-badge.tier-a{background:linear-gradient(135deg,var(--win) 0%,var(--vault-sapphire-light) 100%)}.tier-badge.tier-b{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%)}.tier-badge.tier-c{background:linear-gradient(135deg,var(--warning) 0%,var(--vault-grade-amber-light) 100%)}.tier-badge.tier-d{background:linear-gradient(135deg,var(--vault-grade-orange) 0%,var(--vault-grade-orange-light) 100%)}.tier-badge.tier-f{background:linear-gradient(135deg,var(--danger) 0%,var(--loss) 100%)}.missing-card-gihwr{text-align:center;font-weight:600;color:var(--accent)}.missing-card-picked-at{text-align:center;color:var(--fg-secondary);font-size:12px}.missing-card-wheel{text-align:center;font-weight:600}.missing-card-wheel:not(:empty){color:var(--win)}.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:var(--fg-secondary);font-size:13px}.missing-cards-error{color:var(--danger)}.missing-cards-list::-webkit-scrollbar{width:8px}.missing-cards-list::-webkit-scrollbar-track{background:var(--bg-raised);border-radius:4px}.missing-cards-list::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.missing-cards-list::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.draft-statistics{background-color:var(--bg-raised);border-radius:6px;padding:16px;margin-bottom:16px;color:var(--fg)}.draft-statistics h2{margin:0 0 16px;font-size:1.3rem;color:var(--fg);border-bottom:2px solid var(--border);padding-bottom:8px}.draft-statistics h3{margin:0 0 12px;font-size:1.1rem;color:var(--fg-secondary)}.statistics-loading,.statistics-error,.statistics-empty{padding:20px;text-align:center;color:var(--fg-secondary);font-size:.9rem}.statistics-error{color:var(--loss)}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px}.stat-box{background-color:var(--bg-overlay);border-radius:4px;padding:12px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--border)}.stat-label{font-size:.85rem;color:var(--fg-secondary);margin-bottom:6px}.stat-value{font-size:1.3rem;font-weight:600;color:var(--accent)}.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:var(--bg-overlay);border-radius:4px;border-left:3px solid var(--accent)}.type-name{font-size:.95rem;color:var(--fg);font-weight:500}.type-count{font-size:1rem;color:var(--accent);font-weight:600}.color-notes{margin-top:8px;padding:8px 12px;background-color:var(--bg-overlay);border-radius:4px;font-size:.85rem;color:var(--fg-secondary);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:var(--border)}.recharts-text{fill:var(--fg-secondary)}.recharts-legend-item-text{color:var(--fg)!important}.performance-metrics{background-color:var(--bg-raised);border-radius:6px;margin-bottom:16px;border:1px solid var(--border)}.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:var(--bg-overlay)}.metrics-title{font-size:1rem;font-weight:600;color:var(--fg-secondary)}.btn-reset-metrics{background-color:var(--border);color:var(--fg);border:1px solid var(--border);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s}.btn-reset-metrics:hover{background-color:var(--border);border-color:var(--accent)}.metrics-content{padding:16px;border-top:1px solid var(--border)}.metrics-loading,.metrics-empty{padding:20px;text-align:center;color:var(--fg-secondary);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:var(--accent);font-weight:600;border-bottom:1px solid var(--border);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:var(--bg-overlay);border-radius:4px;border-left:3px solid var(--accent)}.metric-label{font-size:.9rem;color:var(--fg-secondary)}.metric-value{font-size:1rem;font-weight:600;color:var(--fg)}.metric-value.error-value{color:var(--loss)}.metric-value.success-value{color:var(--win)}.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:var(--bg-overlay);border-radius:4px}.latency-label{font-size:.9rem;color:var(--fg-secondary)}.latency-value{font-size:.95rem;font-weight:600;color:var(--fg);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:var(--bg-raised);border-radius:6px;margin-bottom:16px;border:1px solid var(--border)}.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:var(--bg-overlay)}.insights-title{font-size:1rem;font-weight:600;color:var(--fg-secondary)}.btn-refresh-insights{background-color:var(--border);color:var(--fg);border:1px solid var(--border);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s}.btn-refresh-insights:hover{background-color:var(--border);border-color:var(--accent)}.insights-content{padding:16px;border-top:1px solid var(--border)}.insights-loading,.insights-empty,.insights-error{padding:20px;text-align:center;font-size:.9rem}.insights-loading,.insights-empty{color:var(--fg-secondary)}.insights-error{color:var(--loss)}.insights-section{margin-bottom:24px}.insights-section:last-child{margin-bottom:0}.insights-section h4{margin:0 0 12px;font-size:1rem;color:var(--accent);font-weight:600;border-bottom:1px solid var(--border);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:var(--fg-secondary);white-space:nowrap}.control-select{background-color:var(--bg-overlay);color:var(--fg);border:1px solid var(--border);padding:4px 8px;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s}.control-select:hover{border-color:var(--accent);background-color:var(--border)}.control-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #4a9eff33}.insights-section h5{margin:12px 0 8px;font-size:.9rem;color:var(--fg-secondary);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:var(--bg-overlay);border-radius:6px;padding:12px;border-left:3px solid var(--accent);cursor:pointer;transition:all .2s;position:relative}.color-rank-item:hover{background-color:var(--border);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.color-rank-item.selected{background-color:var(--border);border-left-color:var(--warning);border-left-width:4px;box-shadow:0 0 0 2px #ffd7004d}.click-hint{margin-top:8px;font-size:.75rem;color:var(--accent);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:var(--fg)}.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:var(--fg-secondary)}.stat-value{color:var(--fg);font-weight:600}.format-speed{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background-color:var(--bg-overlay);border-radius:6px}.speed-badge{font-size:1.5rem;font-weight:700;color:var(--accent);padding:8px 24px;background-color:var(--bg-raised);border-radius:8px;border:2px solid var(--accent)}.speed-description{font-size:.95rem;color:var(--fg-secondary);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:var(--bg-overlay);border-radius:4px;border-left:3px solid var(--accent)}.analysis-label{font-size:.9rem;color:var(--fg-secondary)}.analysis-value{font-size:1rem;font-weight:700;color:var(--fg)}.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:var(--bg-overlay);border-radius:4px;border-left:3px solid var(--warning)}.od-color{font-size:1rem;font-weight:700;color:var(--fg)}.od-stats{font-size:.8rem;color:var(--fg-secondary);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:var(--bg-overlay);border-radius:4px;transition:background-color .2s}.top-card-item:hover{background-color:var(--border)}.card-rank{font-size:.9rem;font-weight:700;color:var(--accent);min-width:30px}.card-info{flex:1;display:flex;flex-direction:column;gap:4px}.card-name{font-size:.95rem;font-weight:600;color:var(--fg)}.card-meta{display:flex;gap:8px;font-size:.8rem}.card-rarity{color:var(--fg-secondary);text-transform:capitalize}.card-color{color:var(--accent);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:var(--win)}.gihwr-label{font-size:.75rem;color:var(--fg-secondary)}.archetype-details{background-color:var(--bg-raised);border:2px solid var(--accent);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:var(--warning)}.btn-close-archetype{background-color:var(--border);color:var(--loss);border:1px solid var(--loss);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s}.btn-close-archetype:hover{background-color:var(--loss);color:var(--bg-raised)}.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:var(--fg-secondary);font-weight:600;padding-bottom:6px;border-bottom:1px solid var(--border)}@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(--bg-raised);border:1px solid var(--border);border-radius:8px;padding:12px 16px;margin-bottom:12px}.color-ratings-title{font-size:.85rem;font-weight:600;color:var(--fg-muted);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(--fg)}.win-rate{font-weight:700;min-width:3.5rem;text-align:right}.win-rate.wr-excellent{color:var(--success)}.win-rate.wr-good{color:var(--warning)}.win-rate.wr-average{color:var(--fg-secondary)}.win-rate.wr-below{color:var(--danger)}.games-played{color:var(--fg-muted);font-size:.75rem;min-width:6rem;text-align:right}@font-face{font-family:Mana;src:url(/assets/mana-nXJ1YO3J.eot?v=1.18.0);src:url(/assets/mana-nXJ1YO3J.eot?#iefix&v=1.18.0) format("embedded-opentype"),url(/assets/mana-Bx-kp8II.woff?v=1.18.0) format("woff"),url(/assets/mana-Dd7dj-GP.ttf?v=1.18.0) format("truetype"),url(/assets/mana-CylcniHU.svg?v=1.18.0#mana) format("svg");font-weight:400;font-style:normal}@font-face{font-family:MPlantin;src:url(/assets/mplantin-BPhtYcIe.eot?v=1.18.0);src:url(/assets/mplantin-BPhtYcIe.eot?#iefix&v=1.18.0) format("embedded-opentype"),url(/assets/mplantin-Dsk68a-x.woff?v=1.18.0) format("woff"),url(/assets/mplantin-DGd3yikv.ttf?v=1.18.0) format("truetype"),url(/assets/mplantin-D6SO6wSc.svg?v=1.18.0#mplantin) format("svg");font-weight:400;font-style:normal}.ms{display:inline-block;font: 14px Mana;font-size:inherit;line-height:1em;text-rendering:auto;transform:translate(0);speak:none;text-transform:none;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ms-mana-b: #a7999e;--ms-mana-c: #d0c6bb;--ms-mana-g: #9fcba6;--ms-mana-r: #f19b79;--ms-mana-u: #bcdaf7;--ms-mana-w: #fdfbce}.ms-w:before{content:""}.ms-w-original:before{content:""}.ms-w-list:before{content:""}.ms-u:before{content:""}.ms-b:before{content:""}.ms-r:before{content:""}.ms-g:before{content:""}.ms-0:before{content:""}.ms-1:before{content:""}.ms-2{margin-left:inherit!important}.ms-2:before{content:""}.ms-3:before{content:""}.ms-4:before{content:""}.ms-5:before{content:""}.ms-6:before{content:""}.ms-7:before{content:""}.ms-8:before{content:""}.ms-9:before{content:""}.ms-10:before{content:""}.ms-11:before{content:""}.ms-12:before{content:""}.ms-13:before{content:""}.ms-14:before{content:""}.ms-15:before{content:""}.ms-16:before{content:""}.ms-17:before{content:""}.ms-18:before{content:""}.ms-19:before{content:""}.ms-20:before{content:""}.ms-x:before{content:""}.ms-y:before{content:""}.ms-z:before{content:""}.ms-s:before{content:""}.ms-s-mtga:before{content:""}.ms-c:before{content:""}.ms-e:before,.ms-energy:before{content:""}.ms-acorn:before{content:""}.ms-ticket:before,.ms-tk:before{content:""}.ms-1-2:before{content:""}.ms-infinity:before{content:""}.ms-l:before{content:""}.ms-d:before{content:""}.ms-spree:before{content:""}.ms-h:before,.ms-watermark-phyrexian:before{content:""}.ms-paw:before{content:""}.ms-p:before{content:""}.ms-tap:before{content:""}.ms-untap:before{content:""}.ms-tap-alt:before,.ms-tap-3ed:before{content:""}.ms-tap-4ed:before{content:""}.ms-chaos:before{content:""}.ms-artifact:before{content:""}.ms-battle:before{content:""}.ms-battle-siege:before{content:""}.ms-commander:before{content:""}.ms-conspiracy:before{content:""}.ms-creature:before{content:""}.ms-enchantment:before{content:""}.ms-dungeon:before{content:""}.ms-instant:before{content:""}.ms-land:before{content:""}.ms-multicolor:before{content:""}.ms-phenomenon:before{content:""}.ms-plane:before{content:""}.ms-planeswalker:before,.ms-watermark-planeswalker:before{content:""}.ms-rarity:before{content:""}.ms-saga:before{content:""}.ms-scheme:before{content:""}.ms-sorcery:before{content:""}.ms-token:before{content:""}.ms-tribal:before,.ms-multiple:before{content:""}.ms-vanguard:before{content:""}.ms-hand:before{content:""}.ms-library:before{content:""}.ms-graveyard:before{content:""}.ms-exile:before{content:""}.ms-wu:before,.ms-wb:before,.ms-rw:after,.ms-gw:after,.ms-2w:after,.ms-cw:after{content:""}.ms-ub:before,.ms-ur:before,.ms-wu:after,.ms-gu:after,.ms-2u:after,.ms-cu:after{content:""}.ms-br:before,.ms-bg:before,.ms-wb:after,.ms-ub:after,.ms-2b:after,.ms-cb:after{content:""}.ms-rw:before,.ms-rg:before,.ms-ur:after,.ms-br:after,.ms-2r:after,.ms-cr:after{content:""}.ms-gw:before,.ms-gu:before,.ms-bg:after,.ms-rg:after,.ms-2g:after,.ms-cg:after{content:""}.ms-2w:before,.ms-2u:before,.ms-2b:before,.ms-2r:before,.ms-2g:before{content:""}.ms-cw:before,.ms-cu:before,.ms-cb:before,.ms-cr:before,.ms-cg:before{content:""}.ms-wp:before,.ms-up:before,.ms-bp:before,.ms-rp:before,.ms-gp:before,.ms-wup:before,.ms-wup:after,.ms-wbp:before,.ms-wbp:after,.ms-ubp:before,.ms-ubp:after,.ms-urp:before,.ms-urp:after,.ms-brp:before,.ms-brp:after,.ms-bgp:before,.ms-bgp:after,.ms-rwp:before,.ms-rwp:after,.ms-rgp:before,.ms-rgp:after,.ms-gwp:before,.ms-gwp:after,.ms-gup:before,.ms-gup:after{content:""}.ms-100:before{content:""}.ms-1000000:before{content:""}.ms-loyalty-up:before{content:""}.ms-loyalty-down:before{content:""}.ms-loyalty-zero:before{content:""}.ms-loyalty-start:before{content:""}.ms-defense:before{content:""}.ms-defense-border:before{content:""}.ms-level:before{content:""}.ms-level:after{content:""}.ms-dfc-back:before{content:""}.ms-dfc-day:before{content:""}.ms-dfc-emrakul:before{content:""}.ms-dfc-enchantment:before{content:""}.ms-dfc-facedown:before{content:""}.ms-dfc-front:before{content:""}.ms-dfc-ignite:before{content:""}.ms-dfc-land:before{content:""}.ms-dfc-lesson:before{content:""}.ms-dfc-meld:before{content:""}.ms-dfc-modal-back:before{content:""}.ms-dfc-modal-face:before{content:""}.ms-dfc-moon:before{content:""}.ms-dfc-night:before{content:""}.ms-dfc-saga:before{content:""}.ms-dfc-saga-creature:before{content:""}.ms-dfc-spark:before{content:""}.ms-flashback:before{content:""}.ms-power:before{content:""}.ms-power-mtga:before{content:""}.ms-toughness:before{content:""}.ms-toughness-mtga:before{content:""}.ms-artist-brush:before{content:""}.ms-artist-nib:before{content:""}.ms-guild-azorius:before,.ms-watermark-azorius:before{content:""}.ms-guild-boros:before,.ms-watermark-boros:before{content:""}.ms-guild-dimir:before,.ms-watermark-dimir:before{content:""}.ms-guild-golgari:before,.ms-watermark-golgari:before{content:""}.ms-guild-gruul:before,.ms-watermark-gruul:before{content:""}.ms-guild-izzet:before,.ms-watermark-izzet:before{content:""}.ms-guild-orzhov:before,.ms-watermark-orzhov:before{content:""}.ms-guild-rakdos:before,.ms-watermark-rakdos:before{content:""}.ms-guild-selesnya:before,.ms-watermark-selesnya:before{content:""}.ms-guild-simic:before,.ms-watermark-simic:before{content:""}.ms-clan-abzan:before,.ms-watermark-abzan:before{content:""}.ms-clan-jeskai:before,.ms-watermark-jeskai:before{content:""}.ms-clan-mardu:before,.ms-watermark-mardu:before{content:""}.ms-clan-sultai:before,.ms-watermark-sultai:before{content:""}.ms-clan-temur:before,.ms-watermark-temur:before{content:""}.ms-clan-atarka:before,.ms-watermark-atarka:before{content:""}.ms-clan-dromoka:before,.ms-watermark-dromoka:before{content:""}.ms-clan-kolaghan:before,.ms-watermark-kolaghan:before{content:""}.ms-clan-ojutai:before,.ms-watermark-ojutai:before{content:""}.ms-clan-silumgar:before,.ms-watermark-silumgar:before{content:""}.ms-party-cleric:before{content:""}.ms-party-rogue:before{content:""}.ms-party-warrior:before{content:""}.ms-party-wizard:before{content:""}.ms-polis-setessa:before{content:""}.ms-polis-akros:before{content:""}.ms-polis-meletis:before{content:""}.ms-school-lorehold:before,.ms-watermark-lorehold:before{content:""}.ms-school-prismari:before,.ms-watermark-prismari:before{content:""}.ms-school-quandrix:before,.ms-watermark-quandrix:before{content:""}.ms-school-silverquill:before,.ms-watermark-silverquill:before{content:""}.ms-school-witherbloom:before,.ms-watermark-witherbloom:before{content:""}.ms-counter-arrow:before{content:""}.ms-counter-brick:before{content:""}.ms-counter-brick-print:before{content:""}.ms-counter-charge:before{content:""}.ms-counter-charge-print:before{content:""}.ms-counter-damage:before{content:""}.ms-counter-deathtouch:before{content:""}.ms-counter-devotion:before{content:""}.ms-counter-doom:before{content:""}.ms-counter-echo:before{content:""}.ms-counter-finality:before,.ms-ability-finality:before{content:""}.ms-counter-flame:before{content:""}.ms-counter-flood:before{content:""}.ms-counter-fungus:before{content:""}.ms-counter-gold:before{content:""}.ms-counter-ki:before{content:""}.ms-counter-lore:before{content:""}.ms-counter-loyalty:before{content:""}.ms-counter-mining:before{content:""}.ms-counter-minus:before{content:""}.ms-counter-minus-uneven:before{content:""}.ms-counter-muster:before{content:""}.ms-counter-paw:before{content:""}.ms-counter-pin:before{content:""}.ms-counter-plus:before{content:""}.ms-counter-plus-uneven:before{content:""}.ms-counter-rad:before{content:""}.ms-counter-scream:before{content:""}.ms-counter-skeleton:before{content:""}.ms-counter-skull:before{content:""}.ms-counter-slime:before{content:""}.ms-counter-time:before{content:""}.ms-counter-verse:before{content:""}.ms-counter-void:before{content:""}.ms-counter-vortex:before{content:""}.ms-counter-shield:before{content:""}.ms-counter-stun:before{content:""}.ms-ability-activated:before,.ms-ability-crew:before,.ms-ability-cycling:before{content:""}.ms-ability-adamant:before{content:""}.ms-ability-adapt:before{content:""}.ms-ability-addendum:before{content:""}.ms-ability-adventure:before{content:""}.ms-ability-afflict:before{content:""}.ms-ability-afterlife:before{content:""}.ms-ability-aftermath:before{content:""}.ms-ability-alliance:before{content:""}.ms-ability-amass-orcs:before{content:""}.ms-ability-amass-zombies:before,.ms-ability-amass:before{content:""}.ms-ability-ascend:before{content:""}.ms-ability-backup:before{content:""}.ms-ability-bargain:before{content:""}.ms-ability-blitz:before{content:""}.ms-ability-boast:before{content:""}.ms-ability-case-solved:before{content:""}.ms-ability-case-solved-print:before{content:""}.ms-ability-casualty:before{content:""}.ms-ability-celebration:before{content:""}.ms-ability-changeling:before{content:""}.ms-ability-channel:before{content:""}.ms-ability-cleave:before{content:""}.ms-ability-cloak:before{content:""}.ms-ability-collect-evidence:before{content:""}.ms-ability-combat-condition:before{content:""}.ms-ability-companion:before{content:""}.ms-ability-constellation:before{content:""}.ms-ability-convoke-original:before{content:""}.ms-ability-convoke:before{content:""}.ms-ability-corrupted:before{content:""}.ms-ability-craft:before{content:""}.ms-ability-crime:before{content:""}.ms-ability-coven:before{content:""}.ms-ability-d20:before{content:""}.ms-ability-day-night:before{content:""}.ms-ability-daybound-nightbound:before{content:""}.ms-ability-deathtouch:before{content:""}.ms-ability-decayed:before{content:""}.ms-ability-defender:before{content:""}.ms-ability-delve:before{content:""}.ms-ability-descend:before{content:""}.ms-ability-devotion:before{content:""}.ms-ability-discover:before{content:""}.ms-ability-disguise:before{content:""}.ms-ability-disturb:before{content:""}.ms-ability-domain:before{content:""}.ms-ability-double-strike:before{content:""}.ms-ability-dungeon:before{content:""}.ms-ability-eerie:before{content:""}.ms-ability-embalm:before{content:""}.ms-ability-enlist:before{content:""}.ms-ability-enrage:before{content:""}.ms-ability-enrage-original:before{content:""}.ms-ability-escape:before{content:""}.ms-ability-eternalize:before{content:""}.ms-ability-exalted:before{content:""}.ms-ability-expend:before{content:""}.ms-ability-exploit:before{content:""}.ms-ability-explore:before{content:""}.ms-ability-fabricate:before{content:""}.ms-ability-ferocious:before{content:""}.ms-ability-first-strike:before{content:""}.ms-ability-flash:before{content:""}.ms-ability-flying:before{content:""}.ms-ability-for-mirrodin:before{content:""}.ms-ability-forage:before{content:""}.ms-ability-foretell:before,.ms-watermark-foretell:before{content:""}.ms-ability-gift:before{content:""}.ms-ability-goad:before,.ms-counter-goad:before{content:""}.ms-ability-haste:before{content:""}.ms-ability-hexproof:before{content:""}.ms-ability-hexproof-black:before{content:""}.ms-ability-hexproof-blue:before{content:""}.ms-ability-hexproof-green:before{content:""}.ms-ability-hexproof-red:before{content:""}.ms-ability-hexproof-white:before{content:""}.ms-ability-hideaway:before{content:""}.ms-ability-impending:before{content:""}.ms-ability-improvise:before{content:""}.ms-ability-incubate:before{content:""}.ms-ability-indestructible:before{content:""}.ms-ability-investigate:before{content:""}.ms-ability-jumpstart:before{content:""}.ms-ability-kicker:before{content:""}.ms-ability-landfall:before{content:""}.ms-ability-learn:before{content:""}.ms-ability-lifelink:before{content:""}.ms-ability-lifelink-original:before{content:""}.ms-ability-magecraft:before{content:""}.ms-ability-manifest-dread:before{content:""}.ms-ability-meld:before{content:""}.ms-ability-menace:before{content:""}.ms-ability-mentor:before{content:""}.ms-ability-morph:before{content:""}.ms-ability-mutate:before{content:""}.ms-ability-ninjutsu:before{content:""}.ms-ability-obscura:before{content:""}.ms-ability-offspring:before{content:""}.ms-ability-outlast:before{content:""}.ms-ability-party:before{content:""}.ms-ability-phyrexian:before{content:""}.ms-ability-plot:before{content:""}.ms-ability-proliferate:before{content:""}.ms-ability-prototype:before{content:""}.ms-ability-prowess:before{content:""}.ms-ability-raid:before{content:""}.ms-ability-reach:before{content:""}.ms-ability-read-ahead:before{content:""}.ms-ability-reconfigure:before{content:""}.ms-ability-revolt:before{content:""}.ms-ability-ring-bearer:before{content:""}.ms-ability-riot:before{content:""}.ms-ability-role-cursed:before{content:""}.ms-ability-role-monster:before{content:""}.ms-ability-role-royal:before{content:""}.ms-ability-role-sorceror:before{content:""}.ms-ability-role-wicked:before{content:""}.ms-ability-role-young-hero:before{content:""}.ms-ability-saddle:before{content:""}.ms-ability-specialize:before{content:""}.ms-ability-spectacle:before{content:""}.ms-ability-spree:before{content:""}.ms-ability-static:before,.ms-ability-enchant:before{content:""}.ms-ability-summoning-sickness:before{content:""}.ms-ability-surveil:before{content:""}.ms-ability-surveil-original:before{content:""}.ms-ability-survival:before{content:""}.ms-ability-suspect:before{content:""}.ms-ability-the-ring-tempts-you:before{content:""}.ms-ability-toxic:before{content:""}.ms-ability-training:before{content:""}.ms-ability-trample:before{content:""}.ms-ability-transform:before{content:""}.ms-ability-triggered:before{content:""}.ms-ability-undergrowth:before{content:""}.ms-ability-unearth:before{content:""}.ms-ability-valiant:before{content:""}.ms-ability-vigilance:before{content:""}.ms-ability-ward:before{content:""}.ms-ability-haktos-the-unscarred:before{content:""}.ms-ability-robber-of-the-rich:before{content:""}.ms-ability-duels-annihilator:before,.ms-ability-annihilator:before{content:""}.ms-ability-duels-battle-cry:before,.ms-ability-battle-cry:before{content:""}.ms-ability-duels-unblockable:before,.ms-ability-unblockable:before{content:""}.ms-ability-duels-cannot-block:before,.ms-ability-cannot-block:before{content:""}.ms-ability-duels-cannot-untap:before,.ms-ability-cannot-untap:before{content:""}.ms-ability-duels-cohort:before,.ms-ability-cohort:before{content:""}.ms-ability-duels-copy:before,.ms-ability-copy:before{content:""}.ms-ability-duels-deathtouch:before{content:""}.ms-ability-duels-defender:before{content:""}.ms-ability-duels-delirium:before,.ms-ability-delirium:before{content:""}.ms-ability-duels-detain:before,.ms-ability-detain:before{content:""}.ms-ability-duels-double-strike:before{content:""}.ms-ability-duels-dfc:before,.ms-ability-dfc:before{content:""}.ms-ability-duels-evolve:before,.ms-ability-evolve:before{content:""}.ms-ability-duels-exalted:before{content:""}.ms-ability-duels-exile:before,.ms-ability-exile:before{content:""}.ms-ability-duels-fading:before,.ms-ability-fading:before{content:""}.ms-ability-duels-fear:before,.ms-ability-fear:before{content:""}.ms-ability-duels-first-strike:before{content:""}.ms-ability-duels-flying:before{content:""}.ms-ability-duels-forestwalk:before,.ms-ability-forestwalk:before{content:""}.ms-ability-duels-haste:before{content:""}.ms-ability-duels-haunt:before,.ms-ability-haunt:before{content:""}.ms-ability-duels-hexproof:before{content:""}.ms-ability-duels-indestructible:before{content:""}.ms-ability-duels-infect:before,.ms-ability-infect:before{content:""}.ms-ability-duels-ingest:before,.ms-ability-ingest:before{content:""}.ms-ability-duels-intimidate:before,.ms-ability-intimidate:before{content:""}.ms-ability-duels-islandwalk:before,.ms-ability-islandwalk:before{content:""}.ms-ability-duels-legendary:before,.ms-ability-legendary:before{content:""}.ms-ability-duels-lifelink:before{content:""}.ms-ability-duels-menace:before{content:""}.ms-ability-duels-monstrous:before,.ms-ability-monstrous:before{content:""}.ms-ability-duels-mountainwalk:before,.ms-ability-mountainwalk:before{content:""}.ms-ability-duels-must-attack:before,.ms-ability-must-attack:before{content:""}.ms-ability-duels-plainswalk:before,.ms-ability-plainswalk:before{content:""}.ms-ability-duels-prevent-damage:before,.ms-ability-prevent-damage:before{content:""}.ms-ability-duels-protection-black:before,.ms-ability-protection-black:before{content:""}.ms-ability-duels-protection-blue:before,.ms-ability-protection-blue:before{content:""}.ms-ability-duels-protection-green:before,.ms-ability-protection-green:before{content:""}.ms-ability-duels-protection-red:before,.ms-ability-protection-red:before{content:""}.ms-ability-duels-protection-white:before,.ms-ability-protection-white:before{content:""}.ms-ability-duels-protection:before,.ms-ability-protection:before{content:""}.ms-ability-duels-rally:before,.ms-ability-rally:before{content:""}.ms-ability-duels-regenerate:before,.ms-ability-regenerate:before{content:""}.ms-ability-duels-renowned:before,.ms-ability-renowned:before{content:""}.ms-ability-duels-shroud:before,.ms-ability-shroud:before{content:""}.ms-ability-duels-skulk:before,.ms-ability-skulk:before{content:""}.ms-ability-duels-soulshift:before,.ms-ability-soulshift:before{content:""}.ms-ability-duels-swampwalk:before,.ms-ability-swampwalk:before{content:""}.ms-ability-duels-temporary-control:before,.ms-ability-temporary-control:before{content:""}.ms-ability-duels-totem-armor:before,.ms-ability-totem-armor:before{content:""}.ms-ability-duels-trample:before{content:""}.ms-ability-duels-undying:before,.ms-ability-undying:before{content:""}.ms-ability-duels-vigilance:before{content:""}.ms-watermark-agentsofsneak:before{content:""}.ms-watermark-arena:before{content:""}.ms-watermark-brokers:before{content:""}.ms-watermark-cabaretti:before{content:""}.ms-watermark-colorpie:before{content:""}.ms-watermark-conspiracy:before{content:""}.ms-watermark-corocoro:before{content:""}.ms-watermark-crossbreedlabs:before{content:""}.ms-watermark-cutiemark-apples:before{content:""}.ms-watermark-cutiemark-balloons:before{content:""}.ms-watermark-cutiemark-butterflies:before{content:""}.ms-watermark-cutiemark-gems:before{content:""}.ms-watermark-cutiemark-rainbow:before{content:""}.ms-watermark-cutiemark-sparkle:before{content:""}.ms-watermark-cutiemark-waningmoon:before{content:""}.ms-watermark-cutiemark-waxingmoon:before{content:""}.ms-watermark-dci:before{content:""}.ms-watermark-dengekimaoh:before{content:""}.ms-watermark-desparked:before{content:""}.ms-watermark-dnd:before{content:""}.ms-watermark-flavor-aestheticconsultation:before{content:""}.ms-watermark-flavor-farewelltoarms:before{content:""}.ms-watermark-flavor-monkeymonkeymonkey:before{content:""}.ms-watermark-flavor-moxlotus:before{content:""}.ms-watermark-flavor-myfirsttome:before{content:""}.ms-watermark-flavor-shoetree:before{content:""}.ms-watermark-flavor-whenfluffybunniesattack:before{content:""}.ms-watermark-flavor-manascrew:before{content:""}.ms-watermark-fnm:before{content:""}.ms-watermark-goblinexplosioneers:before{content:""}.ms-watermark-grandprix:before{content:""}.ms-watermark-grandprix2:before{content:""}.ms-watermark-herospath:before{content:""}.ms-watermark-herospath-1:before{content:""}.ms-watermark-herospath-2:before{content:""}.ms-watermark-herospath-3:before{content:""}.ms-watermark-herospath-4:before{content:""}.ms-watermark-herospath-5:before{content:""}.ms-watermark-herospath-6:before{content:""}.ms-watermark-herospath-7:before{content:""}.ms-watermark-herospath-8:before{content:""}.ms-watermark-herospath-9:before{content:""}.ms-watermark-japanjunior:before{content:""}.ms-watermark-judgeacademy:before{content:""}.ms-watermark-junior:before{content:""}.ms-watermark-juniorapac:before{content:""}.ms-watermark-junioreurope:before{content:""}.ms-watermark-leagueofdastardlydoom:before{content:""}.ms-watermark-maestros:before{content:""}.ms-watermark-mirran:before{content:""}.ms-watermark-mps:before{content:""}.ms-watermark-mtg:before{content:""}.ms-watermark-mtg10:before{content:""}.ms-watermark-mtg15:before{content:""}.ms-watermark-nerf:before{content:""}.ms-watermark-obscura:before{content:""}.ms-watermark-orderofthewidget:before{content:""}.ms-watermark-protour:before{content:""}.ms-watermark-riveteers:before{content:""}.ms-watermark-scholarship:before{content:""}.ms-watermark-transformers:before{content:""}.ms-watermark-trumpkatsumai:before{content:""}.ms-watermark-wotc:before{content:""}.ms-watermark-wpn:before{content:""}.ms-cost{background-color:#beb9b2;border-radius:1em;color:#111;font-size:.95em;width:1.3em;height:1.3em;line-height:1.35em;text-align:center}.ms-cost.ms-w,.ms-cost.ms-wp{background-color:#f0f2c0}.ms-cost.ms-u,.ms-cost.ms-up{background-color:#b5cde3}.ms-cost.ms-b,.ms-cost.ms-bp{background-color:#aca29a}.ms-cost.ms-r,.ms-cost.ms-rp{background-color:#db8664}.ms-cost.ms-g,.ms-cost.ms-gp{background-color:#93b483}.ms-cost.ms-wu,.ms-cost.ms-wb,.ms-cost.ms-ub,.ms-cost.ms-ur,.ms-cost.ms-br,.ms-cost.ms-bg,.ms-cost.ms-rw,.ms-cost.ms-rg,.ms-cost.ms-gw,.ms-cost.ms-gu,.ms-cost.ms-2w,.ms-cost.ms-2u,.ms-cost.ms-2b,.ms-cost.ms-2r,.ms-cost.ms-2g,.ms-cost.ms-cw,.ms-cost.ms-cu,.ms-cost.ms-cb,.ms-cost.ms-cr,.ms-cost.ms-cg,.ms-cost.ms-wup,.ms-cost.ms-wbp,.ms-cost.ms-ubp,.ms-cost.ms-urp,.ms-cost.ms-brp,.ms-cost.ms-bgp,.ms-cost.ms-rwp,.ms-cost.ms-rgp,.ms-cost.ms-gwp,.ms-cost.ms-gup{--ms-split-top: var(--ms-mana-c);--ms-split-bottom: var(--ms-mana-u);background:var(--ms-split-top);background:-moz-linear-gradient(135deg,var(--ms-split-top) 0%,var(--ms-split-top) 50%,var(--ms-split-bottom) 50%,var(--ms-split-bottom) 100%);background:-webkit-linear-gradient(135deg,var(--ms-split-top) 0%,var(--ms-split-top) 50%,var(--ms-split-bottom) 50%,var(--ms-split-bottom) 100%);background:linear-gradient(135deg,var(--ms-split-top) 0%,var(--ms-split-top) 50%,var(--ms-split-bottom) 50%,var(--ms-split-bottom) 100%);position:relative;width:1.3em;height:1.3em}.ms-cost.ms-wu:before,.ms-cost.ms-wu:after,.ms-cost.ms-wb:before,.ms-cost.ms-wb:after,.ms-cost.ms-ub:before,.ms-cost.ms-ub:after,.ms-cost.ms-ur:before,.ms-cost.ms-ur:after,.ms-cost.ms-br:before,.ms-cost.ms-br:after,.ms-cost.ms-bg:before,.ms-cost.ms-bg:after,.ms-cost.ms-rw:before,.ms-cost.ms-rw:after,.ms-cost.ms-rg:before,.ms-cost.ms-rg:after,.ms-cost.ms-gw:before,.ms-cost.ms-gw:after,.ms-cost.ms-gu:before,.ms-cost.ms-gu:after,.ms-cost.ms-2w:before,.ms-cost.ms-2w:after,.ms-cost.ms-2u:before,.ms-cost.ms-2u:after,.ms-cost.ms-2b:before,.ms-cost.ms-2b:after,.ms-cost.ms-2r:before,.ms-cost.ms-2r:after,.ms-cost.ms-2g:before,.ms-cost.ms-2g:after,.ms-cost.ms-cw:before,.ms-cost.ms-cw:after,.ms-cost.ms-cu:before,.ms-cost.ms-cu:after,.ms-cost.ms-cb:before,.ms-cost.ms-cb:after,.ms-cost.ms-cr:before,.ms-cost.ms-cr:after,.ms-cost.ms-cg:before,.ms-cost.ms-cg:after,.ms-cost.ms-wup:before,.ms-cost.ms-wup:after,.ms-cost.ms-wbp:before,.ms-cost.ms-wbp:after,.ms-cost.ms-ubp:before,.ms-cost.ms-ubp:after,.ms-cost.ms-urp:before,.ms-cost.ms-urp:after,.ms-cost.ms-brp:before,.ms-cost.ms-brp:after,.ms-cost.ms-bgp:before,.ms-cost.ms-bgp:after,.ms-cost.ms-rwp:before,.ms-cost.ms-rwp:after,.ms-cost.ms-rgp:before,.ms-cost.ms-rgp:after,.ms-cost.ms-gwp:before,.ms-cost.ms-gwp:after,.ms-cost.ms-gup:before,.ms-cost.ms-gup:after{font-size:.55em!important;position:absolute}.ms-cost.ms-wu:before,.ms-cost.ms-wb:before,.ms-cost.ms-ub:before,.ms-cost.ms-ur:before,.ms-cost.ms-br:before,.ms-cost.ms-bg:before,.ms-cost.ms-rw:before,.ms-cost.ms-rg:before,.ms-cost.ms-gw:before,.ms-cost.ms-gu:before,.ms-cost.ms-2w:before,.ms-cost.ms-2u:before,.ms-cost.ms-2b:before,.ms-cost.ms-2r:before,.ms-cost.ms-2g:before,.ms-cost.ms-cw:before,.ms-cost.ms-cu:before,.ms-cost.ms-cb:before,.ms-cost.ms-cr:before,.ms-cost.ms-cg:before,.ms-cost.ms-wup:before,.ms-cost.ms-wbp:before,.ms-cost.ms-ubp:before,.ms-cost.ms-urp:before,.ms-cost.ms-brp:before,.ms-cost.ms-bgp:before,.ms-cost.ms-rwp:before,.ms-cost.ms-rgp:before,.ms-cost.ms-gwp:before,.ms-cost.ms-gup:before{top:-.38em;left:.28em}.ms-cost.ms-wu:after,.ms-cost.ms-wb:after,.ms-cost.ms-ub:after,.ms-cost.ms-ur:after,.ms-cost.ms-br:after,.ms-cost.ms-bg:after,.ms-cost.ms-rw:after,.ms-cost.ms-rg:after,.ms-cost.ms-gw:after,.ms-cost.ms-gu:after,.ms-cost.ms-2w:after,.ms-cost.ms-2u:after,.ms-cost.ms-2b:after,.ms-cost.ms-2r:after,.ms-cost.ms-2g:after,.ms-cost.ms-cw:after,.ms-cost.ms-cu:after,.ms-cost.ms-cb:after,.ms-cost.ms-cr:after,.ms-cost.ms-cg:after,.ms-cost.ms-wup:after,.ms-cost.ms-wbp:after,.ms-cost.ms-ubp:after,.ms-cost.ms-urp:after,.ms-cost.ms-brp:after,.ms-cost.ms-bgp:after,.ms-cost.ms-rwp:after,.ms-cost.ms-rgp:after,.ms-cost.ms-gwp:after,.ms-cost.ms-gup:after{top:.5em;left:1em}.ms-cost.ms-wu,.ms-cost.ms-wup{--ms-split-top: var(--ms-mana-w)}.ms-cost.ms-wb,.ms-cost.ms-wbp{--ms-split-top: var(--ms-mana-w);--ms-split-bottom: var(--ms-mana-b)}.ms-cost.ms-ub,.ms-cost.ms-ubp{--ms-split-top: var(--ms-mana-u);--ms-split-bottom: var(--ms-mana-b)}.ms-cost.ms-ur,.ms-cost.ms-urp{--ms-split-top: var(--ms-mana-u);--ms-split-bottom: var(--ms-mana-r)}.ms-cost.ms-br,.ms-cost.ms-brp{--ms-split-top: var(--ms-mana-b);--ms-split-bottom: var(--ms-mana-r)}.ms-cost.ms-bg,.ms-cost.ms-bgp{--ms-split-top: var(--ms-mana-b);--ms-split-bottom: var(--ms-mana-g)}.ms-cost.ms-rw,.ms-cost.ms-rwp{--ms-split-top: var(--ms-mana-r);--ms-split-bottom: var(--ms-mana-w)}.ms-cost.ms-rg,.ms-cost.ms-rgp{--ms-split-top: var(--ms-mana-r);--ms-split-bottom: var(--ms-mana-g)}.ms-cost.ms-gw,.ms-cost.ms-gwp{--ms-split-top: var(--ms-mana-g);--ms-split-bottom: var(--ms-mana-w)}.ms-cost.ms-gu,.ms-cost.ms-gup{--ms-split-top: var(--ms-mana-g)}.ms-cost.ms-2w,.ms-cost.ms-cw{--ms-split-bottom: var(--ms-mana-w)}.ms-cost.ms-2b,.ms-cost.ms-cb{--ms-split-bottom: var(--ms-mana-b)}.ms-cost.ms-2r,.ms-cost.ms-cr{--ms-split-bottom: var(--ms-mana-r)}.ms-cost.ms-2g,.ms-cost.ms-cg{--ms-split-bottom: var(--ms-mana-g)}.ms-cost.ms-p:before{display:inline-block;-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2)}.ms-cost.ms-wp:before,.ms-cost.ms-up:before,.ms-cost.ms-bp:before,.ms-cost.ms-rp:before,.ms-cost.ms-gp:before,.ms-cost.ms-cw:before,.ms-cost.ms-cu:before,.ms-cost.ms-cb:before,.ms-cost.ms-cr:before,.ms-cost.ms-cg:before,.ms-cost.ms-wup:before,.ms-cost.ms-wbp:before,.ms-cost.ms-ubp:before,.ms-cost.ms-urp:before,.ms-cost.ms-brp:before,.ms-cost.ms-bgp:before,.ms-cost.ms-rwp:before,.ms-cost.ms-rgp:before,.ms-cost.ms-gwp:before,.ms-cost.ms-gup:before,.ms-cost.ms-wup:after,.ms-cost.ms-wbp:after,.ms-cost.ms-ubp:after,.ms-cost.ms-urp:after,.ms-cost.ms-brp:after,.ms-cost.ms-bgp:after,.ms-cost.ms-rwp:after,.ms-cost.ms-rgp:after,.ms-cost.ms-gwp:after,.ms-cost.ms-gup:after{display:inline-block;transform:scale(1.2) translate(.01rem) translateY(-.03rem)}.ms-cost.ms-tap-alt:before{display:inline-block;transform:scale(1.2);padding-left:.06em;padding-bottom:.1em}.ms-cost.ms-s:before{color:#fff;-webkit-text-stroke:2px #fff;font-size:.85em;top:-.05em;position:relative;display:inline-block}.ms-cost.ms-s:after{content:"";position:absolute;color:#333;margin-left:-.9em;font-size:1.1em}.ms-cost.ms-s-mtga:before{color:#fff}.ms-cost.ms-untap{background-color:#111;color:#fff}.ms-cost.ms-shadow{box-shadow:-.06em .07em #111,0 .06em #111}.ms-cost.ms-shadow.ms-untap{box-shadow:-.06em .07em #fff,0 .06em #fff}.ms-split{position:relative;width:1.3em;height:1.3em}.ms-split:before,.ms-split:after{font-size:.55em!important;position:absolute}.ms-split:before{top:-.38em;left:.28em}.ms-split:after{top:.5em;left:1em}span.ms-half{width:.675em;overflow:hidden;display:inline-block;margin-left:.675em}span.ms-half>.ms-cost{margin-left:-.675em}.ms-half{width:.675em;margin-left:.675em;overflow:hidden;border-radius:0 1em 1em 0}.ms-half:before{margin-left:-.65em}.ms-100{width:2.4em}.ms-1000000{width:5.4em}.ms-loyalty-up,.ms-loyalty-down,.ms-loyalty-zero,.ms-loyalty-start{color:#111;font-size:1.5em;position:relative;text-align:center}.ms-loyalty-start{font-size:2em}.ms-loyalty-zero:after{line-height:2.1em!important}.ms-loyalty-0:after,.ms-loyalty-1:after,.ms-loyalty-2:after,.ms-loyalty-3:after,.ms-loyalty-4:after,.ms-loyalty-5:after,.ms-loyalty-6:after,.ms-loyalty-7:after,.ms-loyalty-8:after,.ms-loyalty-9:after,.ms-loyalty-10:after,.ms-loyalty-11:after,.ms-loyalty-12:after,.ms-loyalty-13:after,.ms-loyalty-14:after,.ms-loyalty-15:after,.ms-loyalty-16:after,.ms-loyalty-17:after,.ms-loyalty-18:after,.ms-loyalty-19:after,.ms-loyalty-20:after,.ms-loyalty-25:after,.ms-loyalty-x:after{color:#fff;display:inline-block;font-size:.5em;font-family:"MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif";position:absolute;left:0;line-height:2.25em;width:100%;text-align:center}.ms-loyalty-0:after{content:"0"}.ms-loyalty-up.ms-loyalty-1:after{content:"+1"}.ms-loyalty-up.ms-loyalty-2:after{content:"+2"}.ms-loyalty-up.ms-loyalty-3:after{content:"+3"}.ms-loyalty-up.ms-loyalty-4:after{content:"+4"}.ms-loyalty-up.ms-loyalty-5:after{content:"+5"}.ms-loyalty-up.ms-loyalty-6:after{content:"+6"}.ms-loyalty-up.ms-loyalty-7:after{content:"+7"}.ms-loyalty-up.ms-loyalty-8:after{content:"+8"}.ms-loyalty-up.ms-loyalty-9:after{content:"+9"}.ms-loyalty-up.ms-loyalty-10:after{content:"+10"}.ms-loyalty-up.ms-loyalty-11:after{content:"+10"}.ms-loyalty-up.ms-loyalty-12:after{content:"+12"}.ms-loyalty-up.ms-loyalty-13:after{content:"+13"}.ms-loyalty-up.ms-loyalty-14:after{content:"+14"}.ms-loyalty-up.ms-loyalty-15:after{content:"+15"}.ms-loyalty-up.ms-loyalty-16:after{content:"+16"}.ms-loyalty-up.ms-loyalty-17:after{content:"+17"}.ms-loyalty-up.ms-loyalty-18:after{content:"+18"}.ms-loyalty-up.ms-loyalty-19:after{content:"+19"}.ms-loyalty-up.ms-loyalty-20:after{content:"+20"}.ms-loyalty-up.ms-loyalty-25:after{content:"+25"}.ms-loyalty-up.ms-loyalty-x:after{content:"+X"}.ms-loyalty-start.ms-loyalty-1:after{content:"1"}.ms-loyalty-start.ms-loyalty-2:after{content:"2"}.ms-loyalty-start.ms-loyalty-3:after{content:"3"}.ms-loyalty-start.ms-loyalty-4:after{content:"4"}.ms-loyalty-start.ms-loyalty-5:after{content:"5"}.ms-loyalty-start.ms-loyalty-6:after{content:"6"}.ms-loyalty-start.ms-loyalty-7:after{content:"7"}.ms-loyalty-start.ms-loyalty-8:after{content:"8"}.ms-loyalty-start.ms-loyalty-9:after{content:"9"}.ms-loyalty-start.ms-loyalty-10:after{content:"10"}.ms-loyalty-start.ms-loyalty-11:after{content:"11"}.ms-loyalty-start.ms-loyalty-12:after{content:"12"}.ms-loyalty-start.ms-loyalty-13:after{content:"13"}.ms-loyalty-start.ms-loyalty-14:after{content:"14"}.ms-loyalty-start.ms-loyalty-15:after{content:"15"}.ms-loyalty-start.ms-loyalty-16:after{content:"16"}.ms-loyalty-start.ms-loyalty-17:after{content:"17"}.ms-loyalty-start.ms-loyalty-18:after{content:"18"}.ms-loyalty-start.ms-loyalty-19:after{content:"19"}.ms-loyalty-start.ms-loyalty-20:after{content:"20"}.ms-loyalty-start.ms-loyalty-25:after{content:"25"}.ms-loyalty-start.ms-loyalty-x:after{content:"X"}.ms-loyalty-down:after{line-height:2em}.ms-loyalty-down.ms-loyalty-1:after{content:"-1"}.ms-loyalty-down.ms-loyalty-2:after{content:"-2"}.ms-loyalty-down.ms-loyalty-3:after{content:"-3"}.ms-loyalty-down.ms-loyalty-4:after{content:"-4"}.ms-loyalty-down.ms-loyalty-5:after{content:"-5"}.ms-loyalty-down.ms-loyalty-6:after{content:"-6"}.ms-loyalty-down.ms-loyalty-7:after{content:"-7"}.ms-loyalty-down.ms-loyalty-8:after{content:"-8"}.ms-loyalty-down.ms-loyalty-9:after{content:"-9"}.ms-loyalty-down.ms-loyalty-10:after{content:"-10"}.ms-loyalty-down.ms-loyalty-11:after{content:"-11"}.ms-loyalty-down.ms-loyalty-12:after{content:"-12"}.ms-loyalty-down.ms-loyalty-13:after{content:"-13"}.ms-loyalty-down.ms-loyalty-14:after{content:"-14"}.ms-loyalty-down.ms-loyalty-15:after{content:"-15"}.ms-loyalty-down.ms-loyalty-16:after{content:"-16"}.ms-loyalty-down.ms-loyalty-17:after{content:"-17"}.ms-loyalty-down.ms-loyalty-18:after{content:"-18"}.ms-loyalty-down.ms-loyalty-19:after{content:"-19"}.ms-loyalty-down.ms-loyalty-20:after{content:"-20"}.ms-loyalty-down.ms-loyalty-25:after{content:"-25"}.ms-loyalty-down.ms-loyalty-x:after{content:"-X"}.ms-loyalty-outline:before{color:transparent;-webkit-text-stroke:.03em #111}.ms-loyalty-outline:after{color:#111}.ms-loyalty-outline.ms-loyalty-start{font-size:1.6em}.ms-saga{color:#111}.ms-saga-1:after,.ms-saga-2:after,.ms-saga-3:after,.ms-saga-4:after,.ms-saga-5:after,.ms-saga-6:after{color:#fff;display:inline-block;font-size:.6em;font-family:"MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif";position:absolute;left:0;line-height:2em;width:100%;text-align:center}.ms-saga-1:after{content:"I"}.ms-saga-2:after{content:"II"}.ms-saga-3:after{content:"III"}.ms-saga-4:after{content:"IV"}.ms-saga-5:after{content:"V"}.ms-saga-6:after{content:"VI"}.ms-level>span{font-size:.33em;position:absolute;left:0;top:0;color:#000;font-family:"MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif";width:76%;text-align:center;line-height:3.8}.ms-level:after{color:#00000040;display:block;font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.ms-defense{color:#111;font-size:1.5em;position:relative;text-align:center}.ms-defense-0:after,.ms-defense-1:after,.ms-defense-2:after,.ms-defense-3:after,.ms-defense-4:after,.ms-defense-5:after,.ms-defense-6:after,.ms-defense-7:after,.ms-defense-8:after,.ms-defense-9:after,.ms-defense-10:after,.ms-defense-11:after,.ms-defense-12:after,.ms-defense-13:after,.ms-defense-14:after,.ms-defense-15:after,.ms-defense-16:after,.ms-defense-17:after,.ms-defense-18:after,.ms-defense-19:after,.ms-defense-20:after,.ms-defense-25:after,.ms-defense-x:after{color:#fff;display:inline-block;font-size:.5em;font-family:"MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif";position:absolute;left:0;line-height:2.25em;width:100%;text-align:center}.ms-defense-0:after{content:"0"}.ms-defense-1:after{content:"1"}.ms-defense-2:after{content:"2"}.ms-defense-3:after{content:"3"}.ms-defense-4:after{content:"4"}.ms-defense-5:after{content:"5"}.ms-defense-6:after{content:"6"}.ms-defense-7:after{content:"7"}.ms-defense-8:after{content:"8"}.ms-defense-9:after{content:"9"}.ms-defense-10:after{content:"10"}.ms-defense-11:after{content:"11"}.ms-defense-12:after{content:"12"}.ms-defense-13:after{content:"13"}.ms-defense-14:after{content:"14"}.ms-defense-15:after{content:"15"}.ms-defense-16:after{content:"16"}.ms-defense-17:after{content:"17"}.ms-defense-18:after{content:"18"}.ms-defense-19:after{content:"19"}.ms-defense-20:after{content:"20"}.ms-defense-25:after{content:"25"}.ms-defense-outline:before{content:""}.ms-defense-outline:after{color:#111}.ms-defense-print{display:list-item;list-style-position:inside;width:.9em}.ms-defense-print:before{color:#fff;content:"";position:absolute;left:0;top:0;text-shadow:0 0 5px #333}.ms-defense-print::marker{content:"";color:#111}.ms-dfc{color:#111;border:.05em solid #111;border-radius:2em;padding:.025em}.ms-2x{font-size:1.75em}.ms-3x{font-size:2.25em}.ms-4x{font-size:3em}.ms-5x{font-size:3.75em}.ms-6x{font-size:4.5em}.ms-fw{width:1em;text-align:center}.ms-duo{color:#fff}.ms-duo:after{color:#000;content:"";display:block;font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.ms-duo.ms-multicolor:after{content:""}.ms-duo.ms-school-lorehold:after{content:""}.ms-duo.ms-school-prismari:after{content:""}.ms-duo.ms-school-quandrix:after{content:""}.ms-duo.ms-school-silverquill:after{content:""}.ms-duo.ms-school-witherbloom:before{content:""}.ms-duo.ms-school-witherbloom:after{content:""}.ms-duo-color:before{color:#010101}.ms-duo-color.ms-multicolor:after{color:#cca753}.ms-duo-color.ms-multicolor.ms-grad:after{background:linear-gradient(45deg,#cca54f,#e0d3bb,#cca54f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ms-duo-color.ms-school-lorehold:before{color:#a03731}.ms-duo-color.ms-school-lorehold:after{color:#e4e8c7}.ms-duo-color.ms-school-prismari:before{color:#a23431}.ms-duo-color.ms-school-prismari:after{color:#322f5c}.ms-duo-color.ms-school-quandrix:before{color:#352e5f}.ms-duo-color.ms-school-quandrix:after{color:#519e52}.ms-duo-color.ms-school-silverquill:before{color:#181616}.ms-duo-color.ms-school-silverquill:after{color:#e5e9ca}.ms-duo-color.ms-school-witherbloom:before{color:#2f312d}.ms-duo-color.ms-school-witherbloom:after{color:#4f9b4f}.ms-ci{border-radius:100%;box-shadow:inset 0 0 1px #fff;line-height:.95em;width:1em;height:1em}.ms-ci:before{color:#010101}.ms-ci-1:before{content:""}.ms-ci-2:before{content:""}.ms-ci-3:before{content:""}.ms-ci-4:before{content:""}.ms-ci-5:before{content:""}.ms-ci-w{background:#fff}.ms-ci-u{background:#3b6ba0}.ms-ci-b{background:#383431}.ms-ci-r{background:#c6553e}.ms-ci-g{background:#3d684b}.ms-ci-wu,.ms-ci-uw,.ms-ci-azorius{background:conic-gradient(#fff 45deg,#3b6ba0 45deg 225deg,#fff 225deg)}.ms-ci-wb,.ms-ci-bw,.ms-ci-orzhov{background:conic-gradient(#fff 45deg,#383431 45deg 225deg,#fff 225deg)}.ms-ci-ub,.ms-ci-bu,.ms-ci-dimir{background:conic-gradient(#3b6ba0 45deg,#383431 45deg 225deg,#3b6ba0 225deg)}.ms-ci-ur,.ms-ci-ru,.ms-ci-izzet{background:conic-gradient(#3b6ba0 45deg,#c6553e 45deg 225deg,#3b6ba0 225deg)}.ms-ci-bg,.ms-ci-gb,.ms-ci-golgari,.ms-ci-rock{background:conic-gradient(#383431 45deg,#3d684b 45deg 225deg,#383431 225deg)}.ms-ci-br,.ms-ci-rb,.ms-ci-rakdos{background:conic-gradient(#383431 45deg,#c6553e 45deg 225deg,#383431 225deg)}.ms-ci-rw,.ms-ci-wr,.ms-ci-boros{background:conic-gradient(#c6553e 45deg,#fff 45deg 225deg,#c6553e 225deg)}.ms-ci-rg,.ms-ci-gr,.ms-ci-gruul{background:conic-gradient(#c6553e 45deg,#3d684b 45deg 225deg,#c6553e 225deg)}.ms-ci-gu,.ms-ci-ug,.ms-ci-simic{background:conic-gradient(#3d684b 45deg,#3b6ba0 45deg 225deg,#3d684b 225deg)}.ms-ci-gw,.ms-ci-wg,.ms-ci-selesnya{background:conic-gradient(#3d684b 45deg,#fff 45deg 225deg,#3d684b 225deg)}.ms-ci-wug,.ms-ci-wgu,.ms-ci-ugw,.ms-ci-uwg,.ms-ci-gwu,.ms-ci-guw,.ms-ci-bant{background:conic-gradient(#3b6ba0 60deg,#3d684b 60deg 180deg,#fff 180deg 300deg,#3b6ba0 300deg)}.ms-ci-ubw,.ms-ci-uwb,.ms-ci-buw,.ms-ci-bwu,.ms-ci-wub,.ms-ci-wbu,.ms-ci-esper{background:conic-gradient(#383431 60deg,#fff 60deg 180deg,#3b6ba0 180deg 300deg,#383431 300deg)}.ms-ci-bru,.ms-ci-bur,.ms-ci-rbu,.ms-ci-rub,.ms-ci-ubr,.ms-ci-urb,.ms-ci-grixis{background:conic-gradient(#c6553e 60deg,#3b6ba0 60deg 180deg,#383431 180deg 300deg,#c6553e 300deg)}.ms-ci-rgb,.ms-ci-rbg,.ms-ci-grb,.ms-ci-gbr,.ms-ci-brg,.ms-ci-bgr,.ms-ci-jund{background:conic-gradient(#3d684b 60deg,#383431 60deg 180deg,#c6553e 180deg 300deg,#3d684b 300deg)}.ms-ci-gwr,.ms-ci-grw,.ms-ci-wgr,.ms-ci-wrg,.ms-ci-rgw,.ms-ci-rwg,.ms-ci-naya{background:conic-gradient(#fff 60deg,#c6553e 60deg 180deg,#3d684b 180deg 300deg,#fff 300deg)}.ms-ci-wbg,.ms-ci-wgb,.ms-ci-bwg,.ms-ci-bgw,.ms-ci-gwb,.ms-ci-gbw,.ms-ci-abzan,.ms-ci-junk,.ms-ci-necra{background:conic-gradient(#383431 60deg,#3d684b 60deg 180deg,#fff 180deg 300deg,#383431 300deg)}.ms-ci-urw,.ms-ci-uwr,.ms-ci-ruw,.ms-ci-rwu,.ms-ci-wur,.ms-ci-wru,.ms-ci-jeskai,.ms-ci-raka{background:conic-gradient(#c6553e 60deg,#fff 60deg 180deg,#3b6ba0 180deg 300deg,#c6553e 300deg)}.ms-ci-bgu,.ms-ci-bug,.ms-ci-gbu,.ms-ci-gub,.ms-ci-ubg,.ms-ci-ugb,.ms-ci-sultai,.ms-ci-ana{background:conic-gradient(#3d684b 60deg,#3b6ba0 60deg 180deg,#383431 180deg 300deg,#3d684b 300deg)}.ms-ci-rwb,.ms-ci-rbw,.ms-ci-wrb,.ms-ci-wbr,.ms-ci-brw,.ms-ci-bwr,.ms-ci-mardu,.ms-ci-dega{background:conic-gradient(#fff 60deg,#383431 60deg 180deg,#c6553e 180deg 300deg,#fff 300deg)}.ms-ci-gur,.ms-ci-gru,.ms-ci-ugr,.ms-ci-urg,.ms-ci-rgu,.ms-ci-rug,.ms-ci-temur,.ms-ci-ceta{background:conic-gradient(#3b6ba0 60deg,#c6553e 60deg 180deg,#3d684b 180deg 300deg,#3b6ba0 300deg)}.ms-ci-ubrg,.ms-ci-ubgr,.ms-ci-ugbr,.ms-ci-ugrb,.ms-ci-urbg,.ms-ci-urgb,.ms-ci-bgru,.ms-ci-bgur,.ms-ci-brgu,.ms-ci-brug,.ms-ci-bugr,.ms-ci-burg,.ms-ci-gbru,.ms-ci-gbur,.ms-ci-grbu,.ms-ci-grub,.ms-ci-gubr,.ms-ci-gurb,.ms-ci-rbgu,.ms-ci-rbug,.ms-ci-rgbu,.ms-ci-rgub,.ms-ci-rubg,.ms-ci-rugb,.ms-ci-glint{background:conic-gradient(#3b6ba0 45deg,#383431 45deg 135deg,#c6553e 135deg 225deg,#3d684b 225deg 315deg,#3b6ba0 315deg)}.ms-ci-brgw,.ms-ci-bgrw,.ms-ci-bgwr,.ms-ci-brwg,.ms-ci-bwgr,.ms-ci-bwrg,.ms-ci-gbrw,.ms-ci-gbwr,.ms-ci-grbw,.ms-ci-grwb,.ms-ci-gwbr,.ms-ci-gwrb,.ms-ci-rbgw,.ms-ci-rbwg,.ms-ci-rgbw,.ms-ci-rgwb,.ms-ci-rwbg,.ms-ci-rwgb,.ms-ci-wbgr,.ms-ci-wbrg,.ms-ci-wgbr,.ms-ci-wgrb,.ms-ci-wrbg,.ms-ci-wrgb,.ms-ci-dune{background:conic-gradient(#383431 45deg,#c6553e 45deg 135deg,#3d684b 135deg 225deg,#fff 225deg 315deg,#383431 315deg)}.ms-ci-rgwu,.ms-ci-gruw,.ms-ci-grwu,.ms-ci-gurw,.ms-ci-guwr,.ms-ci-gwru,.ms-ci-gwur,.ms-ci-rguw,.ms-ci-rugw,.ms-ci-ruwg,.ms-ci-rwgu,.ms-ci-rwug,.ms-ci-ugrw,.ms-ci-ugwr,.ms-ci-urgw,.ms-ci-urwg,.ms-ci-uwgr,.ms-ci-uwrg,.ms-ci-wgru,.ms-ci-wgur,.ms-ci-wrgu,.ms-ci-wrug,.ms-ci-wugr,.ms-ci-wurg,.ms-ci-ink{background:conic-gradient(#c6553e 45deg,#3d684b 45deg 135deg,#fff 135deg 225deg,#3b6ba0 225deg 315deg,#c6553e 315deg)}.ms-ci-gwub,.ms-ci-bguw,.ms-ci-bgwu,.ms-ci-bugw,.ms-ci-buwg,.ms-ci-bwgu,.ms-ci-bwug,.ms-ci-gbuw,.ms-ci-gbwu,.ms-ci-gubw,.ms-ci-guwb,.ms-ci-gwbu,.ms-ci-ubgw,.ms-ci-ubwg,.ms-ci-ugbw,.ms-ci-ugwb,.ms-ci-uwbg,.ms-ci-uwgb,.ms-ci-wbgu,.ms-ci-wbug,.ms-ci-wgbu,.ms-ci-wgub,.ms-ci-wubg,.ms-ci-wugb,.ms-ci-witch{background:conic-gradient(#3d684b 45deg,#fff 45deg 135deg,#3b6ba0 135deg 225deg,#383431 225deg 315deg,#3d684b 315deg)}.ms-ci-wubr,.ms-ci-bruw,.ms-ci-brwu,.ms-ci-burw,.ms-ci-buwr,.ms-ci-bwru,.ms-ci-bwur,.ms-ci-rbuw,.ms-ci-rbwu,.ms-ci-rubw,.ms-ci-ruwb,.ms-ci-rwbu,.ms-ci-rwub,.ms-ci-ubrw,.ms-ci-ubwr,.ms-ci-urbw,.ms-ci-urwb,.ms-ci-uwbr,.ms-ci-uwrb,.ms-ci-wbru,.ms-ci-wbur,.ms-ci-wrbu,.ms-ci-wrub,.ms-ci-wurb,.ms-ci-yore{background:conic-gradient(#fff 45deg,#3b6ba0 45deg 135deg,#383431 135deg 225deg,#c6553e 225deg 315deg,#fff 315deg)}.ms-ci-wubrg,.ms-ci-bgruw,.ms-ci-bgrwu,.ms-ci-bgurw,.ms-ci-bguwr,.ms-ci-bgwru,.ms-ci-bgwur,.ms-ci-brguw,.ms-ci-brgwu,.ms-ci-brugw,.ms-ci-bruwg,.ms-ci-brwgu,.ms-ci-brwug,.ms-ci-bugrw,.ms-ci-bugwr,.ms-ci-burgw,.ms-ci-burwg,.ms-ci-buwgr,.ms-ci-buwrg,.ms-ci-bwgru,.ms-ci-bwgur,.ms-ci-bwrgu,.ms-ci-bwrug,.ms-ci-bwugr,.ms-ci-bwurg,.ms-ci-gbruw,.ms-ci-gbrwu,.ms-ci-gburw,.ms-ci-gbuwr,.ms-ci-gbwru,.ms-ci-gbwur,.ms-ci-grbuw,.ms-ci-grbwu,.ms-ci-grubw,.ms-ci-gruwb,.ms-ci-grwbu,.ms-ci-grwub,.ms-ci-gubrw,.ms-ci-gubwr,.ms-ci-gurbw,.ms-ci-gurwb,.ms-ci-guwbr,.ms-ci-guwrb,.ms-ci-gwbru,.ms-ci-gwbur,.ms-ci-gwrbu,.ms-ci-gwrub,.ms-ci-gwubr,.ms-ci-gwurb,.ms-ci-rbguw,.ms-ci-rbgwu,.ms-ci-rbugw,.ms-ci-rbuwg,.ms-ci-rbwgu,.ms-ci-rbwug,.ms-ci-rgbuw,.ms-ci-rgbwu,.ms-ci-rgubw,.ms-ci-rguwb,.ms-ci-rgwbu,.ms-ci-rgwub,.ms-ci-rubgw,.ms-ci-rubwg,.ms-ci-rugbw,.ms-ci-rugwb,.ms-ci-ruwbg,.ms-ci-ruwgb,.ms-ci-rwbgu,.ms-ci-rwbug,.ms-ci-rwgbu,.ms-ci-rwgub,.ms-ci-rwubg,.ms-ci-rwugb,.ms-ci-ubgrw,.ms-ci-ubgwr,.ms-ci-ubrgw,.ms-ci-ubrwg,.ms-ci-ubwgr,.ms-ci-ubwrg,.ms-ci-ugbrw,.ms-ci-ugbwr,.ms-ci-ugrbw,.ms-ci-ugrwb,.ms-ci-ugwbr,.ms-ci-ugwrb,.ms-ci-urbgw,.ms-ci-urbwg,.ms-ci-urgbw,.ms-ci-urgwb,.ms-ci-urwbg,.ms-ci-urwgb,.ms-ci-uwbgr,.ms-ci-uwbrg,.ms-ci-uwgbr,.ms-ci-uwgrb,.ms-ci-uwrbg,.ms-ci-uwrgb,.ms-ci-wbgru,.ms-ci-wbgur,.ms-ci-wbrgu,.ms-ci-wbrug,.ms-ci-wbugr,.ms-ci-wburg,.ms-ci-wgbru,.ms-ci-wgbur,.ms-ci-wgrbu,.ms-ci-wgrub,.ms-ci-wgubr,.ms-ci-wgurb,.ms-ci-wrbgu,.ms-ci-wrbug,.ms-ci-wrgbu,.ms-ci-wrgub,.ms-ci-wrubg,.ms-ci-wrugb,.ms-ci-wubgr,.ms-ci-wugbr,.ms-ci-wugrb,.ms-ci-wurbg,.ms-ci-wurgb,.ms-ci-5{background:conic-gradient(#fff 36deg,#3b6ba0 36deg 108deg,#383431 108deg 180deg,#c6553e 180deg 252deg,#3d684b 252deg 324deg,#fff 324deg)}.ms-mechanic{background:linear-gradient(0deg,#c8913b,#ecc65a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.current-pack-container{padding:var(--space-4);background:var(--bg-raised);border-radius:var(--radius-md);overflow-y:auto;flex:1;min-height:0}.current-pack-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.current-pack-header h2{margin:0;font-size:var(--text-lg);color:var(--fg)}.pack-info{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--fg-secondary)}.pool-info{padding:var(--space-1) var(--space-2);background:var(--bg-overlay);border-radius:var(--radius-sm)}.pool-colors{display:flex;align-items:center;gap:.25rem}.refresh-btn{padding:var(--space-1) var(--space-2);background:var(--accent);color:var(--fg-inverse);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xs);transition:background var(--transition-fast)}.refresh-btn:hover{background:var(--accent-hover)}.recommended-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--vault-sapphire-dim);border:1px solid var(--vault-sapphire-dark);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.rec-label{font-weight:600;color:var(--accent);font-size:var(--text-sm)}.rec-card-name{font-weight:500;color:var(--fg)}.rec-tier{font-weight:700;font-size:var(--text-base);padding:var(--space-1) var(--space-2);background:#0000004d;border-radius:var(--radius-sm)}.rec-reason{font-size:var(--text-xs);color:var(--fg-secondary);font-style:italic}.pack-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.pack-card{background:var(--bg-overlay);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:2px solid transparent}.pack-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md-vault)}.pack-card.recommended{border-color:var(--accent);box-shadow:var(--shadow-sapphire-vault)}.card-image-container{position:relative;width:100%;aspect-ratio:488 / 680;background:var(--vault-bg-sunken)}.card-image{width:100%;height:100%;object-fit:cover}.tier-badge{position:absolute;bottom:28px;right:4px;width:28px;height:22px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-xs);font-family:var(--font-display-vault);color:var(--vault-fg-inverse);border-radius:var(--radius-sm);box-shadow:0 2px 4px #00000080;pointer-events:none}.tier-badge--a{background-color:var(--vault-tier-a)}.tier-badge--b{background-color:var(--vault-tier-b)}.tier-badge--c{background-color:var(--vault-tier-c)}.tier-badge--d{background-color:var(--vault-tier-d)}.tier-badge--f{background-color:var(--vault-tier-f)}.tier-badge--s{background-color:var(--vault-rarity-rare)}.rec-tier--a{color:var(--vault-tier-a)}.rec-tier--b{color:var(--vault-tier-b)}.rec-tier--c{color:var(--vault-tier-c)}.rec-tier--d{color:var(--vault-tier-d)}.rec-tier--f{color:var(--vault-tier-f)}.rec-tier--s{color:var(--vault-rarity-rare)}.recommended-indicator{position:absolute;bottom:0;left:0;right:0;padding:var(--space-1);background:linear-gradient(to top,var(--vault-sapphire),var(--vault-sapphire-dark));color:var(--fg-inverse);font-weight:600;font-size:var(--text-xs);text-align:center;text-transform:uppercase;letter-spacing:.05em}.low-confidence-pill{position:absolute;top:4px;left:4px;padding:2px var(--space-1);background:var(--bg-overlay);color:var(--fg-muted);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.6rem;font-weight:500;letter-spacing:.02em;line-height:1.2;pointer-events:none}.card-info{padding:var(--space-2)}.card-name{font-size:var(--text-xs);font-weight:500;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--space-1)}.card-stats{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--fg-secondary);font-family:var(--font-mono)}.gihwr{font-weight:600;color:var(--success)}.alsa{color:var(--fg-muted)}.card-reasoning{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--fg-muted);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:var(--mana-w-bg);color:var(--mana-pip-fg)}.color-indicator.color-u{background:var(--mana-u-bg);color:var(--mana-pip-fg)}.color-indicator.color-b{background:var(--mana-b-bg);color:var(--mana-pip-fg);border:1px solid var(--vault-border)}.color-indicator.color-r{background:var(--mana-r-bg);color:var(--mana-pip-fg)}.color-indicator.color-g{background:var(--mana-g-bg);color:var(--mana-pip-fg)}.color-indicator.colorless{background:var(--vault-mtg-colorless);color:var(--fg-inverse)}.current-pack-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--fg-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-overlay);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.current-pack-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--danger);text-align:center}.retry-btn{margin-top:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--fg-inverse);border:none;border-radius:var(--radius-sm);cursor:pointer}.retry-btn:hover{background:var(--accent-hover)}.current-pack-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--fg-secondary);text-align:center}.current-pack-empty .help-text{font-size:var(--text-sm);color:var(--fg-muted);margin-top:var(--space-2)}.draft-container{display:flex;flex-direction:column;height:100%;padding:20px;background-color:var(--bg-raised);color:var(--fg)}.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:var(--fg-secondary)}.draft-event{color:var(--accent);font-weight:500}.draft-set{color:var(--warning)}.draft-picks{color:var(--win)}.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:var(--accent);z-index:10}.card-item.picked{border-color:var(--win);box-shadow:0 0 8px #4f89}.card-item.picked:hover{border-color:var(--win);box-shadow:0 4px 16px #4f8c}.card-item.synergy-highlight{border-color:var(--warning);box-shadow:0 0 8px #ffaa4480}.card-item.synergy-highlight:hover{border-color:var(--warning);box-shadow:0 4px 16px #fa4c}.card-item img{width:100%;height:100%;object-fit:cover}.card-placeholder{width:100%;height:100%;background-color:var(--bg-overlay);display:flex;align-items:center;justify-content:center;font-size:10px;text-align:center;padding:4px;color:var(--fg-secondary)}.picked-indicator{position:absolute;top:4px;right:4px;background-color:var(--win);color:var(--bg-raised);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:var(--warning);color:var(--bg-raised);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:var(--win);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:var(--danger);font-weight:700}.pick-number{font-size:12px;color:var(--fg-secondary);margin-bottom:4px;font-weight:500}.pick-history-item img{width:100%;border-radius:6px;border:2px solid var(--win);box-shadow:0 2px 6px #44ff884d}.card-name-small{font-size:11px;color:var(--fg-secondary);padding:4px;background-color:var(--bg-overlay);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:var(--bg-overlay);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 var(--accent);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:var(--fg);padding-bottom:12px;border-bottom:2px solid var(--accent)}.card-details-overlay .card-detail-type{font-size:14px;color:var(--fg-secondary);margin:0}.card-details-overlay .card-detail-set{font-size:13px;color:var(--fg-secondary);display:flex;align-items:center;gap:6px}.card-details-overlay .card-stats-section{background-color:var(--bg-raised);border-radius:8px;padding:16px}.card-details-overlay .card-stats-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--fg-secondary);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:var(--fg-secondary);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.card-details-overlay .stat-value{color:var(--fg);font-size:16px;font-weight:600}.card-details-overlay .card-text{background-color:var(--bg-raised);border-radius:8px;padding:12px;font-size:13px;line-height:1.5;color:var(--fg-secondary)}.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 var(--bg-overlay);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.draft-empty h2{margin:0 0 15px;font-size:28px;color:var(--fg-secondary)}.draft-empty p{margin:0 0 30px;font-size:16px;color:var(--fg-secondary)}.empty-help{background-color:var(--bg-overlay);border-radius:12px;padding:25px;max-width:500px}.empty-help h3{margin:0 0 15px;font-size:18px;color:var(--accent)}.empty-help ul{text-align:left;margin:0;padding-left:20px}.empty-help li{margin-bottom:10px;color:var(--fg-secondary);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:var(--bg-raised);border-radius:4px}.card-grid::-webkit-scrollbar-thumb,.pick-history-grid::-webkit-scrollbar-thumb,.card-details-overlay::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.card-grid::-webkit-scrollbar-thumb:hover,.pick-history-grid::-webkit-scrollbar-thumb:hover,.card-details-overlay::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.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:var(--bg-overlay);border-radius:12px;padding:20px;border:2px solid transparent;transition:all .3s ease;cursor:pointer}.draft-card:hover{border-color:var(--accent);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 var(--border)}.draft-card-header h3{margin:0;font-size:18px;font-weight:600;color:var(--fg);word-break:break-word;overflow-wrap:break-word;min-width:0;flex:1}.draft-set-badge{background-color:var(--accent);color:var(--fg);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:var(--fg-secondary);font-size:14px}.draft-stat .stat-value{color:var(--fg);font-size:14px;font-weight:600}.draft-card-actions{display:flex;gap:10px}.btn-view-replay{flex:1;background-color:var(--accent);color:var(--fg);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:var(--accent-hover);box-shadow:0 2px 8px #4a9eff66;transform:translateY(-1px)}.btn-view-replay:active{transform:translateY(0)}.btn-back{background-color:var(--bg-overlay);color:var(--accent);border:1px solid var(--accent);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:var(--accent);color:var(--fg);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:var(--bg-raised);box-shadow:0 1px 3px #00000080;z-index:5}.quality-a-plus{background:linear-gradient(135deg,var(--warning) 0%,var(--vault-grade-gold-light) 100%)}.quality-a{background:linear-gradient(135deg,var(--win) 0%,var(--vault-sapphire-light) 100%)}.quality-b{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%)}.quality-c{background:linear-gradient(135deg,var(--warning) 0%,var(--vault-grade-amber-light) 100%)}.quality-d{background:linear-gradient(135deg,var(--vault-grade-orange) 0%,var(--vault-grade-orange-light) 100%)}.quality-f{background:linear-gradient(135deg,var(--danger) 0%,var(--loss) 100%)}.quality-n-a{background:linear-gradient(135deg,var(--fg-muted) 0%,var(--fg-secondary) 100%);color:var(--fg)}.card-tier-badge{position:absolute;bottom:2px;right:2px;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;color:var(--bg-raised);box-shadow:0 1px 3px #00000080;z-index:5}.tier-s{background:linear-gradient(135deg,var(--warning) 0%,var(--vault-grade-gold-light) 100%)}.tier-a{background:linear-gradient(135deg,var(--fg-secondary) 0%,var(--fg) 100%)}.tier-b{background:linear-gradient(135deg,var(--vault-grade-bronze) 0%,var(--vault-grade-bronze-light) 100%)}.tier-c{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%)}.tier-d{background:linear-gradient(135deg,var(--vault-grade-orange) 0%,var(--vault-grade-orange-light) 100%)}.tier-f{background:linear-gradient(135deg,var(--danger) 0%,var(--loss) 100%)}.pick-quality-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:var(--bg-overlay);border:2px solid var(--accent);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:var(--accent);border-bottom:1px solid var(--border);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:var(--fg-secondary)}.pick-quality-tooltip .picked-stats .label{color:var(--fg-secondary)}.pick-quality-tooltip .picked-stats .value{font-weight:600;color:var(--fg)}.pick-quality-tooltip .alternatives{margin-top:10px}.pick-quality-tooltip .alternatives h5{margin:0 0 6px;font-size:11px;font-weight:600;color:var(--fg-secondary);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:var(--fg-secondary)}.pick-quality-tooltip .alternative-card .card-name{flex:1;color:var(--fg)}.pick-quality-tooltip .alternative-card .gihwr{font-weight:600;color:var(--accent);margin-left:8px}.btn-analyze-draft{background-color:var(--accent);color:var(--fg);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:var(--accent-hover);box-shadow:0 2px 8px #4a9eff66;transform:translateY(-1px)}.btn-analyze-draft:active{transform:translateY(0)}.btn-analyze-draft:disabled{background-color:var(--bg-overlay);color:var(--fg-secondary);cursor:not-allowed;transform:none}.btn-analyze-draft .spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--fg);border-radius:50%;animation:spin .8s linear infinite}.btn-build-deck{flex:1;background-color:var(--success);color:var(--fg);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:var(--success);box-shadow:0 2px 8px #00c85366;transform:translateY(-1px)}.btn-build-deck:active{transform:translateY(0)}.btn-build-deck:disabled{background-color:var(--bg-overlay);color:var(--fg-secondary);cursor:not-allowed;transform:none}.btn-export-draft{background-color:var(--accent);color:var(--fg);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:var(--accent-hover);box-shadow:0 2px 8px #4a9eff66;transform:translateY(-1px)}.btn-export-draft:active{transform:translateY(0)}.btn-export-draft:disabled{background-color:var(--bg-overlay);color:var(--fg-secondary);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:var(--bg-overlay);color:var(--fg);border:1px solid var(--accent);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:var(--border);box-shadow:0 2px 8px #4a9eff66;transform:translateY(-1px)}.replay-btn:active{transform:translateY(0)}.replay-btn.replay-pause{border-color:var(--warning)}.replay-btn.replay-pause:hover{background-color:var(--warning);color:var(--bg-raised)}.replay-btn.replay-resume{border-color:var(--win)}.replay-btn.replay-resume:hover{background-color:var(--win);color:var(--bg-raised)}.replay-btn.replay-stop{border-color:var(--danger)}.replay-btn.replay-stop:hover{background-color:var(--danger);color:var(--fg)}.view-toggle{display:flex;gap:4px;margin-bottom:12px;background-color:var(--bg-overlay);padding:4px;border-radius:8px}.toggle-btn{flex:1;background-color:transparent;color:var(--fg-secondary);border:none;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{color:var(--fg);background-color:var(--border)}.toggle-btn.active{background-color:var(--accent);color:var(--fg);font-weight:600}.toggle-btn.active:hover{background-color:var(--accent-hover)}.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-raised);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(--fg-secondary)}.temporal-trends--error{color:var(--danger)}.temporal-trends--error button{padding:8px 16px;background-color:var(--accent);border:none;border-radius:4px;color:#fff;cursor:pointer}.temporal-trends__spinner{width:24px;height:24px;border:2px solid var(--fg-secondary);border-top-color:var(--accent);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(--fg)}.temporal-trends__controls{display:flex;gap:8px}.temporal-trends__select{padding:6px 12px;background-color:var(--bg-overlay);border:1px solid var(--border);border-radius:4px;color:var(--fg);font-size:.875rem;cursor:pointer}.temporal-trends__refresh{padding:6px 12px;background-color:transparent;border:1px solid var(--border);border-radius:4px;color:var(--fg-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.temporal-trends__refresh:hover{background-color:var(--bg-overlay);color:var(--fg)}.temporal-trends__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;padding:16px;background-color:var(--bg-overlay);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(--accent)}.temporal-trends__stat-label{font-size:.75rem;color:var(--fg-secondary);margin-top:4px}.temporal-trends__chart{margin-top:20px}.temporal-trends__chart h4{margin:0 0 12px;font-size:.95rem;color:var(--fg);display:flex;align-items:center;gap:8px}.temporal-trends__mastered{font-size:.75rem;padding:2px 8px;background-color:var(--success);color:var(--vault-fg-inverse);border-radius:10px;font-weight:400}.temporal-trends__learning-summary{text-align:center;margin-top:8px;font-size:.875rem;color:var(--fg-secondary)}.recharts-tooltip-wrapper{z-index:1000}.recharts-default-tooltip{background-color:var(--bg-overlay)!important;border:1px solid var(--border)!important;border-radius:4px}.recharts-tooltip-label{color:var(--fg)!important;font-weight:700;margin-bottom:4px}.recharts-tooltip-item{color:var(--fg-secondary)!important}.community-comparison{background-color:var(--bg-raised);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(--fg-secondary)}.community-comparison--error{color:var(--danger)}.community-comparison--error button{padding:8px 16px;background-color:var(--accent);border:none;border-radius:4px;color:#fff;cursor:pointer}.community-comparison__spinner{width:24px;height:24px;border:2px solid var(--fg-secondary);border-top-color:var(--accent);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(--fg)}.community-comparison__set{padding:4px 10px;background-color:var(--bg-overlay);border-radius:4px;font-size:.875rem;font-weight:700;color:var(--fg-secondary)}.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,var(--warning),var(--warning));color:var(--vault-fg-inverse)}.community-comparison__rank--high{background:linear-gradient(135deg,var(--win),var(--vault-sapphire-dark));color:var(--vault-fg-inverse)}.community-comparison__rank--above{background-color:var(--success);color:var(--fg)}.community-comparison__rank--average{background-color:var(--bg-overlay);color:var(--fg)}.community-comparison__rank--below,.community-comparison__rank--low{background-color:var(--danger);color:var(--fg)}.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(--fg-secondary);margin-bottom:4px}.community-comparison__stat-value{font-size:1.5rem;font-weight:700;color:var(--fg)}.community-comparison__stat-value--primary{color:var(--accent)}.community-comparison__stat-value--positive{color:var(--success)}.community-comparison__stat-value--negative{color:var(--danger)}.community-comparison__archetypes{border-top:1px solid var(--border);padding-top:16px}.community-comparison__archetypes h4{margin:0 0 12px;font-size:.95rem;color:var(--fg)}.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-overlay);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:var(--mana-w-bg);color:var(--mana-pip-fg)}.community-comparison__color--u{background-color:var(--mana-u-bg);color:var(--mana-pip-fg)}.community-comparison__color--b{background-color:var(--mana-b-bg);color:var(--mana-pip-fg)}.community-comparison__color--r{background-color:var(--mana-r-bg);color:var(--mana-pip-fg)}.community-comparison__color--g{background-color:var(--mana-g-bg);color:var(--mana-pip-fg)}.community-comparison__archetype-name{flex:1;font-size:.875rem;color:var(--fg)}.community-comparison__archetype-stats{display:flex;align-items:center;gap:6px;font-size:.875rem}.community-comparison__archetype-user{font-weight:700;color:var(--accent)}.community-comparison__archetype-vs,.community-comparison__archetype-community{color:var(--fg-secondary)}.community-comparison__archetype-delta{font-size:.75rem}.community-comparison__archetype-delta--positive{color:var(--success)}.community-comparison__archetype-delta--negative{color:var(--danger)}.community-comparison__archetype-matches{font-size:.75rem;color:var(--fg-secondary);min-width:70px;text-align:right}.draft-analytics{padding:20px;max-width:1400px;margin:0 auto}.draft-analytics__session-scope{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:12px;border-radius:6px;background:var(--bg-raised);border:1px solid var(--border);color:var(--fg-secondary);font-size:.875rem}.draft-analytics--loading,.draft-analytics--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--fg-secondary)}.draft-analytics--empty h2{color:var(--fg);margin:0}.draft-analytics--empty p{margin:0;text-align:center}.draft-analytics__spinner{width:32px;height:32px;border:3px solid var(--fg-secondary);border-top-color:var(--accent);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(--fg)}.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(--fg-secondary);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-raised);border:1px solid var(--border);border-radius:4px;color:var(--fg);font-size:.875rem;min-width:150px;cursor:pointer}.draft-analytics__select:hover{border-color:var(--accent)}.draft-analytics__select:focus{outline:none;border-color:var(--accent);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,var(--vault-banner-info-from) 0%,var(--vault-banner-info-to) 100%);border:1px solid var(--vault-banner-info-border)}.rotation-banner--warning{background:linear-gradient(135deg,var(--vault-banner-warn-from) 0%,var(--vault-banner-warn-to) 100%);border:1px solid var(--vault-banner-warn-border)}.rotation-banner--critical{background:linear-gradient(135deg,var(--vault-banner-danger-from) 0%,var(--vault-banner-danger-to) 100%);border:1px solid var(--vault-banner-danger-border)}.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:var(--accent-hover)}.rotation-banner--warning .rotation-banner__icon{color:var(--warning)}.rotation-banner--critical .rotation-banner__icon{color:var(--danger)}.rotation-banner__content{flex:1;min-width:0}.rotation-banner__title{margin:0;font-size:14px;font-weight:600;color:var(--fg)}.rotation-banner__subtitle{margin:2px 0 0;font-size:12px;color:var(--fg-secondary)}.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(--fg);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(--fg-secondary);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(--fg);min-width:40px}.rotation-banner__set-name{color:var(--fg-secondary)}.rotation-banner__deck-link{color:var(--fg);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(--fg-secondary);flex-shrink:0}.rotation-banner__deck--more{margin-top:4px}.rotation-banner__deck--more a{color:var(--accent);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(--fg)}.rotation-banner--compact .rotation-banner__link{font-size:12px;color:var(--accent);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:var(--accent);border:none;border-radius:6px;color:var(--fg);font-size:1rem;cursor:pointer;transition:all .2s}.retry-button:hover{background:var(--accent-press);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:var(--fg)}.create-deck-button{padding:.75rem 1.5rem;background:var(--accent);border:none;border-radius:6px;color:var(--fg);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.create-deck-button:hover{background:var(--accent-press);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:var(--fg)}.empty-state p{margin:0;color:var(--fg-secondary);font-size:1.125rem}.create-deck-button-large{padding:1rem 2rem;background:var(--accent);border:none;border-radius:8px;color:var(--fg);font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s}.create-deck-button-large:hover{background:var(--accent-press);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:var(--bg-raised);border:2px solid var(--border);border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:1rem}.deck-card:hover{border-color:var(--accent);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:var(--fg);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:var(--warning);color:var(--fg)}.source-badge.import{background:var(--vault-decorative-purple);color:var(--fg)}.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:var(--vault-sapphire-dim);color:var(--accent-hover);border:1px solid var(--vault-sapphire-dark)}.deck-card-body{flex:1}.deck-info{display:flex;flex-direction:column;gap:.5rem}.deck-format{font-size:.875rem;color:var(--accent);font-weight:600;text-transform:uppercase}.deck-date{font-size:.75rem;color:var(--fg-secondary)}.deck-stats-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.deck-win-rate{font-size:.8rem;color:var(--fg-secondary)}.deck-streak{font-size:.8rem;padding:.125rem .5rem;border-radius:4px;font-weight:600}.deck-streak.win-streak{background:#4caf5033;color:var(--success)}.deck-streak.loss-streak{background:#f4433633;color:var(--danger)}.deck-duration{font-size:.75rem;color:var(--fg-secondary)}.deck-card-footer{display:flex;gap:.75rem}.edit-button{flex:1;padding:.5rem 1rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;color:var(--fg);font-size:.875rem;cursor:pointer;transition:all .2s}.edit-button:hover{background:var(--border);border-color:var(--accent)}.export-button{flex:1;padding:.5rem 1rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;color:var(--accent);font-size:.875rem;cursor:pointer;transition:all .2s}.export-button:hover{background:var(--bg-overlay);border-color:var(--accent)}.delete-button{flex:1;padding:.5rem 1rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;color:var(--danger);font-size:.875rem;cursor:pointer;transition:all .2s}.delete-button:hover{background:var(--danger);border-color:var(--danger)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-raised);border:2px solid var(--border);border-radius:12px;width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--border)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--fg)}.close-button{background:none;border:none;color:var(--fg-secondary);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:var(--fg)}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;flex:1}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--fg-secondary);font-size:.875rem;font-weight:600}.form-group input,.form-group select{padding:.75rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;color:var(--fg);font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent)}.modal-footer{display:flex;gap:1rem;padding:1.5rem;border-top:2px solid var(--border)}.cancel-button{flex:1;padding:.75rem 1.5rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;color:var(--fg);font-size:1rem;cursor:pointer;transition:all .2s}.cancel-button:hover{background:var(--border);border-color:var(--fg-muted)}.create-button{flex:1;padding:.75rem 1.5rem;background:var(--accent);border:none;border-radius:6px;color:var(--fg);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.create-button:hover{background:var(--accent-press);transform:translateY(-2px)}.delete-button-confirm{flex:1;padding:.75rem 1.5rem;background:var(--danger);border:none;border-radius:6px;color:var(--fg);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.delete-button-confirm:hover{background:var(--danger);transform:translateY(-2px)}.delete-modal .modal-body{padding:2rem 1.5rem}.delete-modal .modal-body p{margin:0;color:var(--fg);font-size:1rem;line-height:1.6}.delete-modal .modal-body p.warning-text{margin-top:.75rem;color:var(--danger);font-size:.875rem;font-style:italic}.export-modal .modal-body p{margin:0;color:var(--fg);font-size:1rem}.export-hint{font-size:.875rem;color:var(--fg-secondary);font-style:italic}.export-footer{justify-content:flex-end}.copy-button{padding:.75rem 1.5rem;background:var(--bg-raised);border:1px solid var(--accent);border-radius:6px;color:var(--accent);font-size:1rem;cursor:pointer;transition:all .2s}.copy-button:hover:not(:disabled){background:var(--bg-overlay)}.copy-button:disabled{opacity:.6;cursor:not-allowed}.export-button-confirm{padding:.75rem 1.5rem;background:var(--accent);border:none;border-radius:6px;color:var(--fg);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.export-button-confirm:hover:not(:disabled){background:var(--accent-press);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 var(--warning);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:var(--warning);font-size:1.5rem;flex-shrink:0}.export-warning-text{color:var(--fg);font-size:.9rem;line-height:1.4}.export-warning-dismiss{background:transparent;border:none;color:var(--fg-secondary);font-size:1.5rem;cursor:pointer;padding:.25rem;margin-left:1rem;line-height:1;transition:color .2s}.export-warning-dismiss:hover{color:var(--fg)}@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-overlay);color:var(--fg-secondary)}.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:var(--fg-secondary);background-color:var(--border)}.set-symbol-text.set-symbol-uncommon{filter:none;color:var(--fg-secondary);background-color:var(--success)}.set-symbol-text.set-symbol-rare{filter:none;color:var(--warning);background-color:var(--vault-warning-dim)}.set-symbol-text.set-symbol-mythic{filter:none;color:var(--vault-rarity-mythic);background-color:var(--vault-danger-dim)}.deck-list{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--bg-raised);border-radius:8px;overflow-y:auto;height:100%}.deck-list.loading{display:flex;justify-content:center;align-items:center;color:var(--fg-secondary);font-size:1.125rem}.deck-header{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem;border-bottom:2px solid var(--border)}.deck-title{display:flex;align-items:center;gap:1rem}.deck-title h2{margin:0;font-size:1.75rem;color:var(--fg)}.draft-indicator{background:var(--accent);color:var(--fg);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:var(--bg-raised);border-radius:4px;font-size:.875rem;color:var(--fg-secondary)}.deck-tags{display:flex;gap:.5rem;flex-wrap:wrap}.deck-tag{padding:.25rem .75rem;background:var(--border);border-radius:12px;font-size:.75rem;color:var(--accent);border:1px solid var(--accent)}.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:var(--accent);border:1px solid var(--accent)}.count-badge.sideboard{background:#9c27b033;color:var(--vault-decorative-purple-light);border:1px solid var(--vault-decorative-purple-light)}.deck-statistics{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:1rem;background:var(--bg-raised);border-radius:6px}.stat-chart{display:flex;flex-direction:column;gap:1rem}.stat-chart h3{margin:0;font-size:1.125rem;color:var(--fg)}.avg-cmc{text-align:center;color:var(--fg-secondary);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:var(--success);border:1px solid var(--success)}.land-status.too_few{background:#ff980033;color:var(--warning);border:1px solid var(--warning)}.land-status.too_many{background:#f4433633;color:var(--danger);border:1px solid var(--danger)}.mainboard{display:flex;flex-direction:column;gap:1rem}.mainboard>h3{margin:0;font-size:1.25rem;color:var(--fg);padding-bottom:.5rem;border-bottom:1px solid var(--border)}.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 var(--border)}.group-header h4{margin:0;font-size:1rem;color:var(--accent);font-weight:600}.group-count{color:var(--fg-secondary);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:var(--bg-raised);border-radius:6px;transition:all .2s;cursor:pointer;position:relative}.deck-card:hover{background:var(--border);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:var(--fg);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:var(--border);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:var(--fg-secondary)}.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:var(--accent);text-align:right}.card-name{flex:1;color:var(--fg);font-size:.875rem;line-height:1.2}.card-set-symbol{display:inline-flex;align-items:center;margin-left:.25rem}.card-mana{color:var(--fg-secondary);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:var(--fg);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:var(--success);transform:scale(1.1)}.card-action-btn.remove-btn{background:#ff9800e6}.card-action-btn.remove-btn:hover{background:var(--warning);transform:scale(1.1)}.card-action-btn.remove-all-btn{background:#f44336e6}.card-action-btn.remove-all-btn:hover{background:var(--danger);transform:scale(1.1)}.remove-card-btn{position:absolute;top:4px;left:4px;width:20px;height:20px;border:none;background:#f44336e6;color:var(--fg);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:var(--danger);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:var(--bg-raised);border-radius:6px;cursor:pointer;transition:background .2s}.sideboard-header:hover{background:var(--bg-raised)}.sideboard-header h3{margin:0;font-size:1.25rem;color:var(--vault-decorative-purple-light)}.toggle-sideboard{background:none;border:none;color:var(--vault-decorative-purple-light);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:var(--fg-secondary);background:var(--bg-raised);border-radius:6px;border:2px dashed var(--border)}.empty-deck p{margin:0;font-size:1.125rem}.deck-list::-webkit-scrollbar{width:8px}.deck-list::-webkit-scrollbar-track{background:var(--bg-raised);border-radius:4px}.deck-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.deck-list::-webkit-scrollbar-thumb:hover{background:var(--fg-muted)}@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:var(--fg);font-weight:600}.preview-type{margin:0 0 .5rem;font-size:.8125rem;color:var(--fg-secondary)}.preview-stats{display:flex;gap:1rem;margin-bottom:.5rem}.preview-mana{font-size:.8125rem;color:var(--accent);font-family:Courier New,monospace}.preview-pt{font-size:.875rem;color:var(--fg);font-weight:600;background:var(--border);padding:.125rem .5rem;border-radius:4px}.preview-text{margin:0 0 .5rem;font-size:.7rem;color:var(--fg-secondary);line-height:1.3;max-height:80px;overflow-y:auto;white-space:pre-wrap}.preview-set{margin:0;font-size:.6875rem;color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.5px}.card-search{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--bg-raised);border-radius:8px}.card-search-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.card-search-header h3{margin:0;font-size:1.25rem;color:var(--fg)}.draft-mode-indicator{display:flex;gap:.75rem;align-items:center}.draft-badge{background:var(--accent);color:var(--fg);padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600}.draft-pool-count{color:var(--fg-secondary);font-size:.875rem}.search-input-container{display:flex;flex-direction:column;gap:.5rem}.search-input{padding:.75rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;color:var(--fg);font-size:1rem;transition:border-color .2s}.search-input::placeholder{color:var(--fg-muted)}.search-filters{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--bg-raised);border-radius:6px}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:var(--fg-secondary);font-size:.875rem;font-weight:600;text-transform:uppercase}.cmc-input{width:80px;padding:.5rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:4px;color:var(--fg);font-size:.875rem}.cmc-input:focus{outline:none;border-color:var(--accent)}.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:var(--border);color:var(--fg-muted)}.color-button:hover{transform:scale(1.1)}.color-button.active{border-color:currentColor;box-shadow:0 0 8px currentColor}.color-button.white{background:var(--mana-w-bg);color:var(--mana-pip-fg)}.color-button.white.active{border-color:var(--warning)}.color-button.blue{background:var(--mana-u-bg);color:var(--mana-pip-fg)}.color-button.blue.active{border-color:var(--accent)}.color-button.black{background:var(--mana-b-bg);color:var(--mana-pip-fg)}.color-button.black.active{border-color:var(--fg-muted)}.color-button.red{background:var(--mana-r-bg);color:var(--mana-pip-fg)}.color-button.red.active{border-color:var(--danger)}.color-button.green{background:var(--mana-g-bg);color:var(--mana-pip-fg)}.color-button.green.active{border-color:var(--win)}.color-button.colorless{background:var(--fg-secondary);color:var(--border)}.color-button.colorless.active{border-color:var(--fg-secondary)}.color-button.multicolor{background:linear-gradient(135deg,var(--mana-r-bg) 0%,var(--mana-g-bg) 25%,var(--mana-u-bg) 50%,var(--mana-w-bg) 75%,var(--mana-b-bg) 100%);color:var(--fg);text-shadow:1px 1px 2px rgba(0,0,0,.8)}.color-button.multicolor.active{border-color:var(--fg)}.type-filters{display:flex;gap:.5rem;flex-wrap:wrap}.type-button{padding:.5rem 1rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:4px;color:var(--fg-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}.type-button:hover{background:var(--border);border-color:var(--fg-muted)}.type-button.active{background:var(--accent);border-color:var(--accent);color:var(--fg)}.board-selection{display:flex;gap:.5rem}.board-button{flex:1;padding:.5rem 1rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:4px;color:var(--fg-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}.board-button:hover{background:var(--border);border-color:var(--fg-muted)}.board-button.active{background:var(--accent);border-color:var(--accent);color:var(--fg)}.search-results{flex:1;overflow-y:auto;background:var(--bg-raised);border-radius:6px;padding:1rem}.loading,.error,.no-results{text-align:center;padding:2rem;color:var(--fg-secondary)}.error{color:var(--danger)}.result-count{color:var(--fg-secondary);font-size:.875rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.card-list{display:flex;flex-direction:column;gap:1rem}.card-result{display:flex;gap:1rem;padding:1rem;background:var(--bg-raised);border-radius:6px;border:2px solid transparent;transition:all .2s;position:relative}.card-result:hover{background:var(--border);border-color:var(--border)}.card-result.in-deck{border-color:var(--accent);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:var(--fg)}.card-type{font-size:.875rem;color:var(--fg-secondary)}.card-mana-cost{font-size:.875rem;color:var(--accent);font-family:Courier New,monospace}.card-stats{display:flex;gap:1rem;font-size:.875rem;color:var(--fg-secondary);margin-top:auto}.available-quantity{color:var(--accent);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:var(--accent);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid var(--accent)}.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:var(--success);color:var(--fg)}.add-button:hover{background:var(--success);transform:translateY(-2px);box-shadow:0 4px 8px #4caf504d}.remove-button{background:var(--danger);color:var(--fg)}.remove-button:hover{background:var(--danger);transform:translateY(-2px);box-shadow:0 4px 8px #f443364d}.collection-filter-group{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-raised);border-radius:6px}.collection-filter-group .filter-label{color:var(--fg-secondary);font-size:.875rem;font-weight:600}.collection-toggle{display:flex;background:var(--bg-raised);border-radius:4px;overflow:hidden;border:1px solid var(--border)}.collection-toggle .toggle-option{padding:.5rem 1rem;background:transparent;border:none;color:var(--fg-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}.collection-toggle .toggle-option:hover{background:var(--border);color:var(--fg)}.collection-toggle .toggle-option.active{background:var(--accent);color:var(--fg)}.owned-quantity{color:var(--success);font-weight:600}.not-owned{color:var(--fg-secondary);font-style:italic}.set-filter-group{display:flex;flex-direction:row!important;align-items:center;gap:.75rem;position:relative;padding:.75rem;background:var(--bg-raised);border-radius:6px;margin-bottom:.5rem}.set-filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:4px;color:var(--fg-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}.set-filter-toggle:hover{background:var(--border);border-color:var(--fg-muted)}.set-filter-toggle.has-filters{background:var(--accent);border-color:var(--accent);color:var(--fg)}.toggle-icon{font-size:.75rem;margin-left:.25rem}.clear-sets-button{padding:.5rem .75rem;background:transparent;border:1px solid var(--fg-muted);border-radius:4px;color:var(--fg-secondary);font-size:.75rem;cursor:pointer;transition:all .2s}.clear-sets-button:hover{background:var(--border);border-color:var(--fg-secondary);color:var(--fg)}.set-filter-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:var(--bg-raised);border:1px solid var(--border);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:var(--border)}.set-filter-option input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}.set-filter-option .set-name{color:var(--fg);font-size:.875rem}.no-sets{padding:1rem;text-align:center;color:var(--fg-secondary);font-size:.875rem}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:var(--bg-raised);border-radius:4px}.search-results::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.search-results::-webkit-scrollbar-thumb:hover{background:var(--fg-muted)}@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:var(--bg-raised);border:2px solid var(--accent);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:var(--fg);font-weight:600}.card-hover-preview .preview-type{margin:0 0 .5rem;font-size:.8rem;color:var(--fg-secondary)}.card-hover-preview .preview-stats{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.85rem}.card-hover-preview .preview-mana{color:var(--accent)}.card-hover-preview .preview-pt{color:var(--success);font-weight:600}.card-hover-preview .preview-text{margin:0 0 .5rem;font-size:.8rem;color:var(--fg-secondary);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:var(--success);font-weight:600}.card-hover-preview .preview-confidence{color:var(--vault-indigo)}.card-hover-preview .preview-reasoning{margin:0 0 .5rem;font-size:.75rem;color:var(--fg-secondary);line-height:1.4;font-style:italic}.card-hover-preview .preview-set{margin:0;font-size:.75rem;color:var(--fg-secondary);text-transform:capitalize}.recommendation-card{background:var(--bg-raised);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-fast);border:1px solid var(--border);box-shadow:var(--shadow-inset-vault)}.recommendation-card:hover{border-color:var(--accent)}.recommendation-card.expanded{border-color:var(--accent);box-shadow:var(--shadow-md)}.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(--fg);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}.rec-card-type{font-size:.75rem;color:var(--fg-secondary);margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-card-mana{font-size:.8rem;color:var(--fg-secondary);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(--vault-success-dim, rgba(76, 175, 80, .2));color:var(--success);padding:2px 6px;border-radius:10px;font-size:.7rem;font-weight:600}.confidence-badge{background:var(--vault-info-dim, rgba(107, 127, 212, .2));color:var(--info);padding:2px 6px;border-radius:10px;font-size:.7rem}.rec-reasoning{font-size:.75rem;color:var(--fg-secondary);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:var(--fg-inverse)}.add-rec-button:hover{background:var(--accent-hover)}.add-rec-button:focus-visible{outline:2px solid var(--vault-sapphire-dark);outline-offset:2px}.explain-button{background:var(--bg-overlay);color:var(--fg-secondary)}.explain-button:hover,.explain-button.active{background:var(--bg-overlay);color:var(--fg)}.explain-button:focus-visible{outline:2px solid var(--vault-sapphire-dark);outline-offset:2px}.rec-card-details{padding:12px;border-top:1px solid var(--border);margin-top:8px}.score-factors{margin-bottom:16px}.score-factors h4{font-size:.85rem;font-weight:600;color:var(--fg);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(--fg-secondary);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)}.factor-bar.score-bar-good{background:var(--info)}.factor-bar.score-bar-fair{background:var(--warning)}.factor-bar.score-bar-poor{background:var(--danger)}.factor-value{width:40px;text-align:right;font-size:.75rem;color:var(--fg-secondary);flex-shrink:0}.detailed-explanation{margin-bottom:12px}.detailed-explanation h4{font-size:.85rem;font-weight:600;color:var(--fg);margin:0 0 8px}.explanation-loading{display:flex;align-items:center;gap:8px;color:var(--fg-secondary);font-size:.85rem}.loading-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.explanation-error{color:var(--danger);font-size:.85rem;padding:8px;background:var(--vault-danger-dim, rgba(244, 67, 54, .1));border-radius:4px}.explanation-text{font-size:.85rem;color:var(--fg-secondary);line-height:1.5}.rec-source{display:flex;align-items:center;gap:6px;font-size:.75rem}.source-label{color:var(--fg-muted)}.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, var(--vault-source-ml))}.source-value.source-meta{background:var(--meta-bg, rgba(33, 150, 243, .2));color:var(--meta-color, var(--vault-source-meta))}.source-value.source-personal{background:var(--personal-bg, rgba(76, 175, 80, .2));color:var(--personal-color, var(--vault-source-personal))}.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);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)}.suggest-decks-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.suggest-decks-header h2{margin:0;font-size:1.5rem;color:var(--fg)}.close-button{background:none;border:none;color:var(--fg-secondary);font-size:1.5rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.close-button:hover{background:#ffffff1a;color:var(--fg)}.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(--fg-secondary)}.suggest-decks-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.suggest-decks-error{text-align:center;padding:40px;color:var(--danger)}.suggest-decks-error button{margin-top:16px;padding:8px 16px;background:var(--accent);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(--fg-secondary)}.suggest-decks-summary .best-combo{margin-top:8px;color:var(--success)}.suggest-decks-empty{text-align:center;padding:40px;color:var(--fg-secondary)}.suggest-decks-list{display:flex;flex-direction:column;gap:12px}.deck-suggestion-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-fast);box-shadow:var(--shadow-inset-vault)}.deck-suggestion-card:hover,.deck-suggestion-card.expanded{border-color:var(--accent)}.suggestion-header{display:flex;align-items:center;padding:12px 16px;cursor:pointer;gap:12px}.suggestion-rank{font-weight:700;color:var(--fg-secondary);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(--fg)}.suggestion-score{font-weight:700;color:var(--accent);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(--fg-secondary);font-size:.8rem}.suggestion-details{padding:0 16px 16px;border-top:1px solid var(--border)}.suggestion-stats{display:flex;gap:20px;padding:16px 0}.stat-value{font-size:1.25rem;font-weight:700;color:var(--fg)}.suggestion-curve{padding:12px 0}.curve-title{font-size:.875rem;font-weight:600;color:var(--fg-secondary);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);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(--fg-secondary)}.suggestion-synergies{padding:12px 0}.synergies-title{font-size:.875rem;font-weight:600;color:var(--fg-secondary);margin-bottom:8px}.synergies-list{display:flex;flex-wrap:wrap;gap:8px}.synergy-tag{padding:4px 8px;background:#6366f126;color:var(--accent);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(--fg-secondary);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.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(--fg)}.card-mana{color:var(--fg-secondary);font-size:.75rem}.suggestion-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid var(--border);margin-top:12px}.action-btn{flex:1;padding:10px 16px;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition-fast)}.action-btn:focus-visible{outline:2px solid var(--vault-sapphire-dark);outline-offset:2px}.use-deck-btn{background:var(--accent);color:#fff}.use-deck-btn:hover:not(:disabled){background:var(--vault-indigo-dark)}.export-btn{background:#ffffff1a;color:var(--fg);border:1px solid var(--border)}.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(--fg-secondary);font-weight:500}.progress-bar-percentage{font-size:12px;color:var(--fg);font-weight:600;font-variant-numeric:tabular-nums}.progress-bar-track{width:100%;background-color:var(--bg-overlay);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,var(--accent),var(--accent-hover))}.progress-bar-success{background:linear-gradient(90deg,var(--success),var(--success))}.progress-bar-warning{background:linear-gradient(90deg,var(--warning),var(--warning))}.progress-bar-error{background:linear-gradient(90deg,var(--danger),var(--danger))}.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(--fg-secondary)}.progress-bar-time{font-size:11px;color:var(--fg-muted);font-style:italic}.progress-bar-cancel{background:transparent;border:1px solid var(--border);color:var(--fg-secondary);padding:2px 8px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s ease}.progress-bar-cancel:hover{background-color:var(--bg-overlay);color:var(--fg);border-color:var(--vault-sapphire-dark)}.progress-bar-cancel:focus{outline:2px solid var(--vault-sapphire-dark);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);border:1px solid var(--border);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(--fg)}.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:var(--fg-secondary);padding:8px 24px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.progress-modal-cancel:hover{background-color:var(--bg-overlay);color:var(--fg);border-color:var(--vault-sapphire-dark)}.progress-modal-cancel:focus{outline:2px solid var(--vault-sapphire-dark);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:var(--border);color:var(--fg-secondary);border:1px solid var(--fg-muted);cursor:pointer;font-weight:700;transition:all .15s ease}.help-icon-button:hover{background:var(--border);color:var(--fg);border-color:var(--fg-muted)}.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:var(--bg-raised);border:1px solid var(--border);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 var(--border);background:var(--border);border-radius:8px 8px 0 0}.help-popover-title{font-weight:600;font-size:13px;color:var(--fg)}.help-popover-close{background:none;border:none;color:var(--fg-secondary);font-size:18px;cursor:pointer;padding:0;line-height:1;transition:color .15s}.help-popover-close:hover{color:var(--fg)}.help-popover-content{padding:12px;font-size:12px;line-height:1.5;color:var(--fg-secondary)}.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:var(--fg)}.help-popover-content code{background:var(--border);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:var(--success)}.help-color-blue{background:var(--info)}.help-color-yellow,.help-color-orange{background:var(--warning)}.help-color-red{background:var(--danger)}.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);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)}.build-around-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.build-around-header h2{margin:0;font-size:1.5rem;color:var(--fg)}.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(--fg-secondary);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);box-shadow:0 0 6px #6366f180}.color-filter-btn.mana-w{background:var(--mana-w-bg);color:var(--mana-pip-fg)}.color-filter-btn.mana-u{background:var(--mana-u-bg);color:var(--mana-pip-fg)}.color-filter-btn.mana-b{background:var(--mana-b-bg);color:var(--mana-pip-fg);border-color:var(--border)}.color-filter-btn.mana-b.active{border-color:var(--accent)}.color-filter-btn.mana-r{background:var(--mana-r-bg);color:var(--mana-pip-fg)}.color-filter-btn.mana-g{background:var(--mana-g-bg);color:var(--mana-pip-fg)}.type-filter-btn{padding:4px 8px;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--fg-secondary);font-size:.75rem;cursor:pointer;transition:all .15s}.type-filter-btn:hover{background:#ffffff0d;color:var(--fg)}.type-filter-btn.active{background:var(--accent);border-color:var(--accent);color:var(--fg)}.search-input-container{display:flex;gap:8px}.search-input{flex:1;padding:12px 16px;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;color:var(--fg);font-size:1rem}.clear-button{padding:8px 16px;background:#ffffff1a;border:1px solid var(--border);border-radius:6px;color:var(--fg-secondary);cursor:pointer}.clear-button:hover{background:#ffffff26}.searching-indicator{padding:8px;color:var(--fg-secondary);font-size:.875rem}.search-results{position:absolute;top:100%;left:0;right:0;background:var(--bg-raised);border:1px solid var(--border);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(--fg)}.result-type{color:var(--fg-secondary);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:var(--mana-w-bg);color:var(--mana-pip-fg)}.mana-u{background:var(--mana-u-bg);color:var(--mana-pip-fg)}.mana-b{background:var(--mana-b-bg);color:var(--mana-pip-fg);border:1px solid var(--border)}.mana-r{background:var(--mana-r-bg);color:var(--mana-pip-fg)}.mana-g{background:var(--mana-g-bg);color:var(--mana-pip-fg)}.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(--fg-secondary);text-align:center;padding:12px;font-size:.9rem}.selected-card-info h3{margin:0 0 8px;color:var(--fg)}.selected-type{color:var(--fg-secondary);margin:0 0 8px}.build-options{display:flex;gap:16px}.option-checkbox{display:flex;align-items:center;gap:8px;color:var(--fg-secondary);cursor:pointer}.option-checkbox input{width:18px;height:18px}.build-button{padding:12px 24px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.build-button:hover:not(:disabled){background:var(--vault-indigo-dark)}.build-button:disabled{opacity:.5;cursor:not-allowed}.build-around-error{text-align:center;padding:40px;color:var(--danger)}.build-around-error button{margin-top:16px;padding:8px 16px;background:var(--accent);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(--fg)}.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(--fg)}.stat-label{font-size:.75rem;color:var(--fg-secondary)}.themes-section{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.theme-tag{padding:4px 10px;background:#22c55e26;color:var(--success);border-radius:4px;font-size:.8rem}.keyword-tag{padding:4px 10px;background:#6366f126;color:var(--accent);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)}.cost-label{color:var(--fg-secondary);font-size:.875rem}.wildcard-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.wildcard-badge.common{background:var(--vault-rarity-common);color:var(--fg)}.wildcard-badge.uncommon{background:var(--fg-muted);color:var(--fg)}.wildcard-badge.rare{background:var(--vault-rarity-rare);color:var(--vault-fg-inverse)}.wildcard-badge.mythic{background:var(--hollowmark-gilt);color:var(--vault-fg-inverse)}.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(--fg-secondary);font-size:.875rem;padding-bottom:8px;border-bottom:1px solid var(--border)}.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(--fg);font-size:.85rem}.suggestion-card .card-mana{color:var(--fg-secondary);font-size:.75rem}.land-card .land-quantity{color:var(--accent);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)}.ownership-badge.needed{background:#ef444433;color:var(--danger)}.suggestions-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid var(--border)}.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:#fff}.apply-btn:hover:not(:disabled){background:var(--vault-indigo-dark)}.cancel-btn{background:#ffffff1a;color:var(--fg);border:1px solid var(--border)}.cancel-btn:hover:not(:disabled){background:#ffffff26}.build-around-modal .close-button{background:none;border:none;color:var(--fg-secondary);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(--fg)}.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(--fg)}.loading-indicator{text-align:center;padding:40px;color:var(--fg-secondary)}.iterative-suggestions{margin-bottom:20px}.iterative-suggestions h3{margin:0 0 12px;color:var(--fg-secondary);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(--fg);font-size:.85rem;font-weight:500}.clickable-suggestion-card .suggestion-placeholder .card-mana{color:var(--fg-secondary);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(--fg);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(--fg);font-size:1rem}.analysis-row{display:flex;gap:24px;margin-bottom:12px;color:var(--fg-secondary);font-size:.9rem}.mana-curve-simple{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--fg-secondary);font-size:.85rem;margin-top:8px}.curve-label{color:var(--fg-secondary);font-weight:500}.curve-items{display:flex;flex-wrap:wrap;gap:8px}.curve-item{background:#6366f126;color:var(--accent);padding:2px 8px;border-radius:4px;font-size:.8rem;white-space:nowrap}.card-mana-cost{font-family:monospace;font-size:.75rem;color:var(--fg-secondary);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(--fg-secondary);font-size:.875rem}.land-list{display:flex;flex-wrap:wrap;gap:8px}.land-item{padding:4px 10px;background:#0003;border-radius:4px;color:var(--fg);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)}.build-button.primary:hover:not(:disabled){background:var(--vault-indigo-dark)}.build-button.secondary{background:#ffffff1a;border:1px solid var(--border)}.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(--fg);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);font-weight:600;min-width:24px}.deck-card-item .card-name{flex:1;color:var(--fg);font-size:.85rem}.remove-card-btn{width:24px;height:24px;border:none;background:#ef444433;color:var(--danger);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);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:var(--bg-raised);border:2px solid var(--accent);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:var(--fg)}.preview-type{margin:0 0 8px;font-size:.85rem;color:var(--fg-secondary)}.preview-stats{display:flex;gap:12px;margin-bottom:8px;font-size:.8rem}.preview-mana{color:var(--accent)}.preview-score{color:var(--success)}.preview-reasoning{margin:0 0 8px;font-size:.8rem;color:var(--fg-secondary);font-style:italic}.preview-recommendation{font-size:.85rem;color:var(--warning)}.copy-badge{display:block;font-size:.7rem;color:var(--warning);margin-top:2px}.copy-badge.has-copies{color:var(--success)}.clickable-suggestion-card.in-deck{border:3px solid var(--success);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,var(--success),var(--success));color:var(--fg);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:var(--success);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);border-radius:12px;width:90%;max-width:400px;box-shadow:0 8px 32px #0009;border:1px solid var(--border);overflow:hidden}.copy-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.copy-modal-header h3{margin:0;font-size:1.1rem;color:var(--fg)}.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(--fg-secondary);font-size:.9rem}.copy-modal-reasoning{margin:0;color:var(--fg-secondary);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:var(--success)}.copy-modal-stats span:last-child{color:var(--warning)}.copy-modal-actions{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#0003;border-top:1px solid var(--border)}.copy-modal-label{color:var(--fg-secondary);font-size:.9rem;margin-right:8px}.copy-count-btn{width:48px;height:40px;border:2px solid var(--border);background:var(--bg-raised);color:var(--fg);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);background:#6366f133}.copy-count-btn.primary{background:var(--accent);border-color:var(--accent)}.copy-count-btn.primary:hover:not(:disabled){background:var(--vault-indigo-light);border-color:var(--vault-indigo-light)}.copy-count-btn:disabled{opacity:.3;cursor:not-allowed}.copy-modal-cancel{width:100%;padding:12px;border:none;background:transparent;color:var(--fg-secondary);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:var(--fg-secondary)}.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,var(--warning),var(--warning))}.score-bar.curve-bar{background:linear-gradient(90deg,var(--success),var(--success))}.score-bar.synergy-bar{background:linear-gradient(90deg,var(--vault-indigo),var(--vault-indigo-light))}.score-bar.quality-bar{background:linear-gradient(90deg,var(--vault-decorative-magenta),var(--vault-decorative-magenta-light))}.score-value{width:32px;font-size:.7rem;color:var(--fg-secondary);text-align:right}.synergy-details{margin:8px 0;padding:8px;background:#6366f11a;border-radius:6px;border-left:3px solid var(--vault-indigo)}.synergy-label{font-size:.75rem;color:var(--vault-indigo);font-weight:600;display:block;margin-bottom:4px}.synergy-list{margin:0;padding:0;list-style:none}.synergy-item{font-size:.75rem;color:var(--fg-secondary);padding:2px 0}.synergy-item.synergy-keyword{color:var(--vault-indigo-light)}.synergy-item.synergy-theme{color:var(--success)}.synergy-item.synergy-creature_type{color:var(--warning)}.details-toggle{background:none;border:none;color:var(--accent);font-size:.85rem;cursor:pointer;padding:4px 0;display:flex;align-items:center;gap:4px;transition:color .2s}.details-toggle:hover{color:var(--vault-indigo-light)}.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(--fg-secondary)}.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(--fg-secondary)}.modal-score-percent{font-size:.8rem;font-weight:600;color:var(--accent)}.modal-synergy-details h4{margin:0 0 8px;font-size:.85rem;color:var(--fg-secondary)}.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 var(--vault-indigo)}.modal-synergy-item:last-child{margin-bottom:0}.modal-synergy-item.synergy-type-keyword{border-left-color:var(--vault-indigo-light)}.modal-synergy-item.synergy-type-theme{border-left-color:var(--success)}.modal-synergy-item.synergy-type-creature_type{border-left-color:var(--warning)}.modal-synergy-item .synergy-name{font-size:.85rem;font-weight:600;color:var(--fg)}.modal-synergy-item .synergy-desc{font-size:.75rem;color:var(--fg-secondary);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(--fg);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(--fg-secondary);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);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.archetype-btn:hover{background:#ffffff0f;border-color:var(--accent);transform:translateY(-2px)}.archetype-btn.aggro:hover{border-color:var(--danger);box-shadow:0 4px 12px #ef444433}.archetype-btn.midrange:hover{border-color:var(--success);box-shadow:0 4px 12px #10b98133}.archetype-btn.control:hover{border-color:var(--info);box-shadow:0 4px 12px #3b82f633}.archetype-btn.tempo:hover{border-color:var(--info);box-shadow:0 4px 12px #06b6d433}.archetype-btn.ramp:hover{border-color:var(--success);box-shadow:0 4px 12px #22c55e33}.archetype-btn.combo:hover{border-color:var(--vault-decorative-violet);box-shadow:0 4px 12px #a855f733}.archetype-btn.tokens:hover{border-color:var(--warning);box-shadow:0 4px 12px #f59e0b33}.archetype-btn.aristocrats:hover{border-color:var(--fg-muted);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(--fg);font-size:1.1rem}.archetype-info p{margin:0 0 8px;color:var(--fg-secondary);font-size:.85rem;line-height:1.4}.archetype-stats{display:flex;gap:16px}.archetype-stats span{font-size:.75rem;color:var(--accent);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)}.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(--fg);font-size:1.2rem}.strategy-summary{margin:0 0 16px;color:var(--fg);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);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.strategy-section p{margin:0;color:var(--fg-secondary);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:var(--warning);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(--fg-secondary);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:var(--success)}.weakness-item:before{background:var(--danger)}.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);padding-top:16px}.curve-visualization h4{margin:0 0 12px;color:var(--fg-secondary);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),var(--vault-indigo-light));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:var(--fg);font-size:.75rem;font-weight:600;padding:2px}.curve-cmc{color:var(--fg-secondary);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(--fg-secondary);font-size:.875rem;padding-bottom:8px;border-bottom:1px solid var(--border)}.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);font-weight:600;min-width:24px}.deck-list-card .card-name{flex:1;color:var(--fg);font-size:.85rem}.deck-list-card .card-mana{color:var(--fg-secondary);font-size:.75rem;font-family:monospace}.deck-list-card.land-card{background:#8b45131a}.action-btn.secondary-btn{background:#6366f126;color:var(--accent);border:1px solid var(--accent)}.action-btn.secondary-btn:hover:not(:disabled){background:#6366f140}.build-button.tertiary{background:#ffffff0d;border:1px solid var(--border);color:var(--fg-secondary)}.build-button.tertiary:hover:not(:disabled){background:#ffffff1a;color:var(--fg)}.iterative-loading-container{padding:16px;background:var(--bg-raised);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(--fg);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(--fg)}.deck-card-chip.more{background:#ffffff0d;border-color:#ffffff1a;color:var(--fg-secondary)}.mode-selection-options{margin:20px 0}.mode-instructions{margin:0 0 16px;color:var(--fg-secondary);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);border-radius:10px;cursor:pointer;transition:all .2s;text-align:left}.mode-btn:hover{background:#ffffff0f;border-color:var(--accent)}.mode-btn.quick-generate:hover{border-color:var(--success)}.mode-btn.start-building:hover{border-color:var(--warning)}.mode-icon{font-size:2rem;flex-shrink:0}.mode-info h4{margin:0 0 6px;color:var(--fg);font-size:1rem}.mode-info p{margin:0;color:var(--fg-secondary);font-size:.85rem;line-height:1.4}.mode-options-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.deck-history-modal{background:var(--bg-raised);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)}.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)}.deck-history-modal .close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--fg-secondary);padding:0 4px}.deck-history-modal .close-button:hover{color:var(--fg)}.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);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(--fg-secondary);text-transform:uppercase}.deck-history-modal .version-item{padding:12px;border-radius:6px;cursor:pointer;margin-bottom:8px;background:var(--bg);border:1px solid transparent;transition:all .15s ease}.deck-history-modal .version-item:hover{border-color:var(--border)}.deck-history-modal .version-item.selected{border-color:var(--accent);background:var(--accent-dim)}.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)}.deck-history-modal .version-name{font-size:.75rem;color:var(--fg-secondary);cursor:pointer;padding:2px 6px;border-radius:4px}.deck-history-modal .version-name:hover{background:var(--bg-raised)}.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);border-radius:4px;background:var(--bg);color:var(--fg);width:100px}.deck-history-modal .name-edit button{padding:2px 8px;font-size:.75rem;background:var(--accent);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(--fg-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:#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(--bg);padding:12px 16px;border-radius:6px;text-align:center}.deck-history-modal .stat-label{display:block;font-size:.75rem;color:var(--fg-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(--fg-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(--success)}.deck-history-modal .diff-section.removed h5,.deck-history-modal .diff-section.removed li{color:var(--danger)}.deck-history-modal .diff-section.changed h5{color:var(--fg-secondary)}.deck-history-modal .no-changes,.deck-history-modal .no-diff{color:var(--fg-secondary);font-style:italic;font-size:.875rem}.deck-history-modal .empty-state{text-align:center;padding:40px;color:var(--fg-secondary)}.deck-history-modal .empty-state .hint{font-size:.875rem;margin-top:8px}.deck-history-modal .error-message{background:#f443361a;border:1px solid var(--danger);border-radius:6px;padding:16px;color:var(--danger)}.deck-history-modal .cancel-button{padding:10px 20px;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-weight:500}.deck-history-modal .cancel-button:hover{background:var(--bg-raised)}@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);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,var(--vault-banner-info-from) 0%,var(--vault-banner-info-to) 100%);border:1px solid var(--vault-banner-info-border)}.legality-banner--warning{background:linear-gradient(135deg,var(--vault-banner-warn-from) 0%,var(--vault-banner-warn-to) 100%);border:1px solid var(--vault-banner-warn-border)}.legality-banner--critical{background:linear-gradient(135deg,var(--vault-banner-danger-from) 0%,var(--vault-banner-danger-to) 100%);border:1px solid var(--vault-banner-danger-border)}.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:var(--accent-hover)}.legality-banner--warning .legality-banner__icon{color:var(--warning)}.legality-banner--critical .legality-banner__icon{color:var(--danger)}.legality-banner__content{flex:1;min-width:0}.legality-banner__title{margin:0;font-size:14px;font-weight:600;color:var(--fg)}.legality-banner__subtitle{margin:2px 0 0;font-size:12px;color:var(--fg-secondary)}.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(--fg);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(--fg-secondary);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 var(--danger)}.legality-banner__card--not-legal{background:#ffd7001a;border-left:3px solid var(--warning)}.legality-banner__card--copies,.legality-banner__card--size{background:#ffa5001a;border-left:3px solid var(--warning)}.legality-banner__card--warning{background:#6ab0ff1a;border-left:3px solid var(--accent-hover)}.legality-banner__card-name{font-weight:500;color:var(--fg);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:var(--danger);color:var(--fg);flex-shrink:0}.legality-banner__card-details{font-size:11px;color:var(--fg-secondary);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(--fg)}.legality-banner--compact .legality-banner__link{font-size:12px;color:var(--accent);background:none;border:none;cursor:pointer;padding:4px 8px}.legality-banner--compact .legality-banner__link:hover{text-decoration:underline}.deck-notes-panel{background:var(--bg-raised);border-radius:8px;padding:16px;color:var(--fg)}.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:var(--accent);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(--fg);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:var(--accent);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(--fg);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:var(--accent)}.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(--fg);font-size:.875rem}.button-group{display:flex;gap:8px}.cancel-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--fg-secondary);padding:6px 16px;border-radius:4px;cursor:pointer;font-size:.875rem}.cancel-btn:hover{background:#ffffff0d}.save-btn{background:var(--accent);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:var(--accent-press)}.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(--fg-secondary)}.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:var(--accent)}.edit-btn:hover{background:#4a9eff1a}.delete-btn{color:var(--danger)}.delete-btn:hover{background:#f871711a}.suggestions-panel{background:var(--bg-raised);border-radius:8px;padding:16px;color:var(--fg)}.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:var(--accent);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(--fg);font-size:.875rem;cursor:pointer}.type-filter:hover{background:#ffffff1a}.close-button{background:transparent;border:none;color:var(--fg-secondary);font-size:1.25rem;cursor:pointer;padding:4px 8px;border-radius:4px}.close-button:hover{color:var(--fg);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:var(--danger)}.error-banner button{background:transparent;border:1px solid rgba(239,68,68,.3);color:var(--danger);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:var(--accent);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(--fg-secondary);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(--fg-secondary)}.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:var(--danger)}.priority-badge.medium{background:#fbbf2433;color:var(--warning)}.priority-badge.low{background:#3b82f633;color:var(--info)}.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(--fg-secondary)}.expand-icon{color:var(--fg-secondary);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(--fg)}.suggestion-meta{display:flex;gap:16px;font-size:.75rem;margin-bottom:12px}.suggestion-meta .priority{font-weight:500}.suggestion-meta .date{color:var(--fg-secondary)}.text-blue-400{color:var(--info)}.text-yellow-400{color:var(--warning)}.text-red-400{color:var(--danger)}.text-gray-400{color:var(--fg-secondary)}.suggestion-actions{display:flex;justify-content:flex-end}.dismiss-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--fg-secondary);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.75rem}.dismiss-btn:hover{background:#ffffff0d;color:var(--fg)}.deck-builder{display:flex;flex-direction:column;height:100%;background:var(--bg);color:var(--fg)}.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 var(--border);border-top-color:var(--accent);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:var(--fg-secondary);font-size:1.125rem}.deck-builder-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-raised);border-bottom:2px solid var(--border);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:var(--bg-raised);border:1px solid var(--border);border-radius:6px;color:var(--fg);font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.back-button:hover{background:var(--border);border-color:var(--fg-muted);transform:translate(-2px)}.header-actions{display:flex;gap:.75rem}.toggle-search-button{padding:.75rem 1.5rem;background:var(--accent);border:none;border-radius:6px;color:var(--fg);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.toggle-search-button:hover{background:var(--accent-press);transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff4d}.toggle-search-button.active{background:var(--danger)}.toggle-search-button.active:hover{background:var(--danger);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 var(--border)}.card-search-panel{background:var(--bg-raised);border-left:2px solid var(--border)}.deck-builder-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-raised);border-top:2px solid var(--border);min-height:60px;flex-shrink:0}.quick-stats{display:flex;gap:2rem;color:var(--fg-secondary);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:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--fg);font-size:.875rem;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:.5rem}.action-button:hover{background:var(--bg-overlay);border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-button.active{background:var(--accent);border-color:var(--accent);color:var(--fg)}.action-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-button:disabled:hover{background:var(--bg-raised);border-color:var(--border);transform:none;box-shadow:none}.action-button.undo-btn,.action-button.redo-btn{min-width:70px}.action-divider{width:1px;height:24px;background:var(--border);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:var(--bg-raised)}.deck-list-panel::-webkit-scrollbar-thumb,.card-search-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.deck-list-panel::-webkit-scrollbar-thumb:hover,.card-search-panel::-webkit-scrollbar-thumb:hover{background:var(--fg-muted)}@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 var(--border)}.card-search-panel{border-left:none;border-top:2px solid var(--border)}}@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:var(--bg-raised);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 var(--border);flex-shrink:0}.recommendations-header h3{margin:0;font-size:1.1rem;color:var(--fg)}.close-recommendations{background:none;border:none;color:var(--fg-secondary);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:var(--fg)}.recommendations-loading,.recommendations-empty{text-align:center;padding:1.5rem;color:var(--fg-secondary);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:var(--bg-raised);border-radius:6px;border:1px solid var(--border);transition:all .2s;align-items:center}.recommendations-panel .recommendation-card:hover{border-color:var(--accent);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:var(--fg);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:var(--success);border:none;border-radius:4px;color:var(--fg);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.recommendations-panel .add-rec-button:hover{background:var(--success)}.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 var(--border)}.recommendations-list::-webkit-scrollbar{width:8px}.recommendations-list::-webkit-scrollbar-track{background:var(--bg-raised);border-radius:4px}.recommendations-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.recommendations-list::-webkit-scrollbar-thumb:hover{background:var(--fg-muted)}.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:var(--fg)}.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:var(--fg);font-size:.875rem;cursor:pointer}.sort-controls select:focus{outline:none;border-color:var(--accent)}.sort-controls select option{background:var(--bg-raised)}.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:var(--fg)}.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:var(--fg);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,var(--accent),var(--accent-press));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}}.wildcard-advisor{background:var(--vault-bg-raised);border:1px solid var(--vault-border);border-radius:var(--radius-md);box-shadow:var(--vault-shadow-inset-white-4);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.wildcard-advisor__header{display:flex;align-items:center;justify-content:space-between}.wildcard-advisor__title{font-family:var(--font-display-vault);font-size:var(--text-xl);font-weight:700;color:var(--vault-fg);margin:0;letter-spacing:-.01em}.wildcard-advisor__close{background:transparent;border:none;color:var(--vault-fg-muted);cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.wildcard-advisor__close:hover{color:var(--vault-fg)}.wildcard-advisor__format-toggle{display:flex;gap:var(--space-1);background:var(--vault-bg);border:1px solid var(--vault-border);border-radius:var(--radius-md);padding:3px}.wildcard-advisor__format-btn{flex:1;background:transparent;border:none;border-radius:6px;color:var(--vault-fg-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;padding:6px 10px;text-align:center;transition:all var(--transition-fast);white-space:nowrap}.wildcard-advisor__format-btn:hover{background:var(--vault-bg-raised);color:var(--vault-fg)}.wildcard-advisor__format-btn--active{background:var(--vault-bg-raised);color:var(--vault-sapphire);font-weight:600;box-shadow:var(--vault-shadow-card)}.wildcard-advisor__loading{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0}.wildcard-advisor__skeleton-row{height:44px;background:linear-gradient(90deg,var(--vault-border) 0%,var(--vault-bg-overlay) 50%,var(--vault-border) 100%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}.wildcard-advisor__stale-banner{background:var(--vault-warning-dim);border:1px solid var(--vault-warning);border-left-width:3px;border-radius:var(--radius-sm);color:var(--vault-warning);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.wildcard-advisor__budget{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--vault-bg);border:1px solid var(--vault-border);border-radius:var(--radius-sm)}.wildcard-advisor__budget-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--vault-fg-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.wildcard-advisor__budget-gems{display:flex;gap:var(--space-3);flex-wrap:wrap}.wildcard-advisor__budget-gem{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--gem-color, var(--vault-fg))}.wildcard-advisor__budget-gem-icon{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--gem-color, var(--vault-fg-muted));flex-shrink:0}.wildcard-advisor__budget-gem-count{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500}.wildcard-advisor__budget-gem-label{font-family:var(--font-body);font-size:var(--text-xs);color:var(--vault-fg-secondary)}.wildcard-advisor__section{display:flex;flex-direction:column;gap:var(--space-2)}.wildcard-advisor__section-title{font-family:var(--font-display-vault);font-size:var(--text-base);font-weight:600;margin:0;letter-spacing:-.01em}.wildcard-advisor__section-title--affordable{color:var(--vault-success)}.wildcard-advisor__section-title--aspirational{color:var(--vault-fg-secondary)}.wildcard-advisor__section-subtitle{font-family:var(--font-body);font-size:var(--text-xs);color:var(--vault-fg-muted);margin:0}.wildcard-advisor__rec-list{display:flex;flex-direction:column;gap:2px}.wildcard-advisor__rec-card{background:transparent;border-left:3px solid transparent;border-bottom:1px solid var(--vault-border-subtle);transition:background var(--transition-fast)}.wildcard-advisor__rec-card:last-child{border-bottom:none}.wildcard-advisor__rec-card:hover{background:var(--vault-bg-overlay)}.wildcard-advisor__rec-card--affordable{border-left-color:var(--vault-success)}.wildcard-advisor__rec-card--aspirational{border-left-color:var(--vault-fg-muted)}.wildcard-advisor__rec-main{display:flex;align-items:center;gap:var(--space-2);width:100%;background:transparent;border:none;cursor:pointer;padding:var(--space-2) var(--space-3);text-align:left}.wildcard-advisor__rec-rarity-pip{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.wildcard-advisor__rec-name{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--vault-fg);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wildcard-advisor__rec-identity{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.wildcard-advisor__rec-tier-badge{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--vault-sapphire);background:color-mix(in srgb,var(--vault-sapphire) 12%,transparent);border:1px solid color-mix(in srgb,var(--vault-sapphire) 30%,transparent);border-radius:4px;padding:1px 5px;white-space:nowrap;flex-shrink:0}.wildcard-advisor__rec-cost{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--vault-fg-secondary);flex-shrink:0;text-align:right;white-space:nowrap}.wildcard-advisor__rec-missing{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--vault-fg-muted);flex-shrink:0}.wildcard-advisor__rec-gihwr{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--vault-fg-secondary);flex-shrink:0;min-width:44px;text-align:right}.wildcard-advisor__rec-gihwr--positive{color:var(--vault-success)}.wildcard-advisor__rec-gihwr--negative{color:var(--vault-danger)}.wildcard-advisor__rec-gihwr-label{font-size:var(--text-xs);font-weight:600;color:var(--vault-fg-muted);margin-right:3px;letter-spacing:.03em}.wildcard-advisor__rec-expand-icon{color:var(--vault-fg-muted);flex-shrink:0;display:flex;align-items:center}.wildcard-advisor__chevron-icon{width:10px;height:10px}.wildcard-advisor__rec-drill-down{padding:var(--space-2) var(--space-3) var(--space-3) 28px;border-top:1px solid var(--vault-border-subtle)}.wildcard-advisor__rec-details{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:0}.wildcard-advisor__rec-detail-row{display:flex;gap:var(--space-1)}.wildcard-advisor__rec-detail-row--full{flex-basis:100%}.wildcard-advisor__rec-detail-row dt{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--vault-fg-muted);text-transform:uppercase;letter-spacing:.04em}.wildcard-advisor__rec-detail-row dd{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--vault-fg-secondary);margin:0}.wildcard-advisor__rec-detail-row--full dd{font-family:var(--font-body)}.wildcard-advisor__sync-cta{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-4);gap:var(--space-3)}.wildcard-advisor__sync-cta-icon{width:36px;height:36px;color:var(--vault-fg-muted)}.wildcard-advisor__sync-cta-title{font-family:var(--font-display-vault);font-size:var(--text-xl);font-weight:600;color:var(--vault-fg);margin:0}.wildcard-advisor__sync-cta-body{font-family:var(--font-body);font-size:var(--text-sm);color:var(--vault-fg-secondary);max-width:320px;margin:0}.wildcard-advisor__sync-cta-hint{font-family:var(--font-body);font-size:var(--text-xs);color:var(--vault-fg-muted);margin:0}.wildcard-advisor__empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-4);gap:var(--space-2)}.wildcard-advisor__empty-title{font-family:var(--font-display-vault);font-size:var(--text-xl);font-weight:600;color:var(--vault-fg);margin:0}.wildcard-advisor__empty-body{font-family:var(--font-body);font-size:var(--text-sm);color:var(--vault-fg-secondary);max-width:320px;margin:0}.wildcard-advisor__error{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6) var(--space-4);gap:var(--space-3);background:var(--vault-bg);border:1px solid var(--vault-border);border-radius:var(--radius-sm)}.wildcard-advisor__error-msg{font-family:var(--font-body);font-size:var(--text-sm);color:var(--vault-fg-muted);margin:0}.wildcard-advisor__retry-btn{background:transparent;border:1px solid var(--vault-border);border-radius:var(--radius-md);color:var(--vault-fg);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;padding:6px 16px;transition:background var(--transition-fast),border-color var(--transition-fast)}.wildcard-advisor__retry-btn:hover{background:var(--vault-bg-raised);border-color:var(--vault-sapphire)}.collection-page{display:flex;flex-direction:column;height:100%;padding:0;overflow-x: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:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:24px;height:24px;border-width:2px}.error-icon{font-size:3rem;color:var(--danger);background:#ff6b6b1a;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center}.retry-button{background:var(--accent);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background .2s}.retry-button:hover{background:var(--accent-press)}.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:var(--fg)}.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:var(--accent)}.stat-label{font-size:.875rem;color:#ffffffb3}.stat-separator{font-size:1rem;color:#ffffff4d;margin:0 .5rem}.collection-value .price-value{color:var(--win);font-weight:700}.set-completion-button{padding:.5rem 1rem;background:#4a9eff33;border:1px solid var(--accent);border-radius:4px;color:var(--accent);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:var(--fg);font-size:.875rem}.search-input:focus{outline:none;border-color:var(--accent)}.search-input::placeholder{color:#fff6}.filter-select{padding:.5rem .75rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--fg);font-size:.875rem;cursor:pointer;min-width:120px}.filter-select:focus{outline:none;border-color:var(--accent)}.filter-select option{background:var(--bg-raised)}.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:var(--accent);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:var(--accent)}.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,var(--bg-raised) 0%,var(--bg-overlay) 100%);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:var(--fg);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:var(--accent);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:var(--border);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:var(--win);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:var(--fg);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:var(--fg);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}.page-button--active{background:#6384ff66;border-color:#6384ffb3;font-weight:600;cursor:default}.page-button--active:hover:not(:disabled){background:#6384ff66;border-color:#6384ffb3}.page-ellipsis{color:#ffffff80;font-size:.875rem;padding:0 .25rem}.page-jump-label{display:flex;align-items:center;gap:.4rem;color:#ffffffb3;font-size:.875rem;margin-left:.5rem}.page-jump-input{width:4.5rem;padding:.4rem .5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:var(--fg);font-size:.875rem;text-align:center}.page-jump-input:focus{outline:none;border-color:#6384ff99}.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(--fg)}.meta-description{margin:0;color:var(--fg-secondary);font-size:.9rem}.meta-controls{display:flex;gap:12px;align-items:center}.format-select{padding:8px 16px;border-radius:6px;background:var(--bg-raised);border:1px solid var(--border);color:var(--fg);font-size:.9rem;cursor:pointer}.format-select:disabled{opacity:.6;cursor:not-allowed}.refresh-button{padding:8px 16px;border-radius:6px;background:var(--accent);border:none;color:var(--fg);font-size:.9rem;cursor:pointer;transition:background .15s ease}.refresh-button:hover:not(:disabled){background:var(--accent-hover)}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.auto-refresh-indicator{font-size:.85rem;color:var(--accent);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(--vault-danger-dim, rgba(244, 67, 54, .1));border:1px solid var(--danger);border-radius:8px;color:var(--danger);margin-bottom:24px}.meta-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--fg-secondary);gap:16px}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);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(--bg-raised);border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid var(--border)}.stat-value{font-size:1.5rem;font-weight:600;color:var(--fg);margin-bottom:4px}.stat-label{font-size:.8rem;color:var(--fg-secondary)}.tier-lists{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.tier-section{background:var(--bg-raised);border-radius:8px;padding:16px;border:1px solid var(--border)}.tier-1-section{border-left:4px solid var(--vault-tier-a)}.tier-2-section{border-left:4px solid var(--vault-tier-b)}.tier-3-section{border-left:4px solid var(--vault-tier-c)}.tier-4-section{border-left:4px solid var(--vault-tier-d)}.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:var(--warning)}.tier-2{background:#c0c0c033;color:var(--fg-secondary)}.tier-3{background:#cd7f3233;color:var(--vault-rarity-bronze)}.tier-4{background:#6663;color:var(--fg-muted)}.tier-count{font-size:.85rem;color:var(--fg-secondary);font-weight:400}.archetype-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.no-archetypes{color:var(--fg-secondary);font-style:italic;padding:12px}.archetype-card{background:var(--bg-raised);border-radius:6px;padding:12px;border:1px solid var(--border);transition:border-color .15s ease,background .15s ease;cursor:pointer}.archetype-card:hover{border-color:var(--accent);background:var(--bg-raised)}.archetype-card:focus{outline:2px solid var(--accent);outline-offset:2px}.archetype-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.archetype-name{font-weight:600;color:var(--fg);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:var(--mana-w-bg);color:var(--mana-pip-fg)}.color-u{background:var(--mana-u-bg);color:var(--mana-pip-fg)}.color-b{background:var(--mana-b-bg);color:var(--mana-pip-fg);border:1px solid var(--border)}.color-r{background:var(--mana-r-bg);color:var(--mana-pip-fg)}.color-g{background:var(--mana-g-bg);color:var(--mana-pip-fg)}.trend-icon{font-size:1.1rem}.trend-up{color:var(--success)}.trend-down{color:var(--danger)}.trend-stable{color:var(--fg-secondary)}.archetype-stats{display:flex;flex-wrap:wrap;gap:8px}.stat-item{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--fg-secondary)}.stat-item.confidence{color:var(--info)}.stat-icon{font-size:.9rem}.tournaments-section{margin-top:32px}.tournaments-section h2{margin:0 0 16px;font-size:1.25rem;color:var(--fg)}.tournament-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px}.tournament-card{background:var(--bg-raised);border-radius:8px;padding:16px;border:1px solid var(--border)}.tournament-name{font-weight:600;color:var(--fg);margin-bottom:8px}.tournament-meta{display:flex;gap:16px;font-size:.85rem;color:var(--fg-secondary);margin-bottom:8px}.tournament-decks{font-size:.85rem;color:var(--fg-secondary);margin-bottom:8px}.tournament-link{color:var(--accent);text-decoration:none;font-size:.85rem}.tournament-link:hover{text-decoration:underline}.no-data{text-align:center;padding:48px;color:var(--fg-secondary)}.no-data-icon{font-size:3rem;margin-bottom:16px}.no-data h3{margin:0 0 8px;color:var(--fg)}.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);border:none;color:var(--fg);font-size:.9rem;cursor:pointer}.retry-button:hover{background:var(--accent-hover)}.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(--bg-raised);border-radius:12px;padding:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid var(--border);animation:slideUp .2s ease}.close-button{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--fg-secondary);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(--fg);background:var(--bg-raised)}.detail-header{margin-bottom:24px;padding-right:40px}.detail-header h2{margin:0 0 12px;font-size:1.5rem;color:var(--fg)}.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(--bg-raised);border-radius:8px;padding:16px;text-align:center;border:1px solid var(--border)}.detail-stat-icon{font-size:1.5rem;margin-bottom:8px}.detail-stat-value{font-size:1.5rem;font-weight:600;color:var(--fg);margin-bottom:4px}.detail-stat-label{font-size:.85rem;color:var(--fg-secondary);margin-bottom:8px}.detail-stat-description{font-size:.75rem;color:var(--fg-muted);line-height:1.4}.detail-trend-section{background:var(--bg-raised);border-radius:8px;padding:16px;margin-bottom:16px;border:1px solid var(--border)}.detail-trend-section h3{margin:0 0 12px;font-size:1rem;color:var(--fg)}.trend-indicator{display:flex;align-items:flex-start;gap:12px;color:var(--fg-secondary);font-size:.9rem;line-height:1.5}.trend-arrow{font-size:1.5rem;flex-shrink:0}.trend-arrow.trend-up{color:var(--success)}.trend-arrow.trend-down{color:var(--danger)}.trend-arrow.trend-stable{color:var(--fg-secondary)}.detail-tier-explanation{background:var(--bg-raised);border-radius:8px;padding:16px;border:1px solid var(--border)}.detail-tier-explanation h3{margin:0 0 8px;font-size:1rem;color:var(--fg)}.detail-tier-explanation p{margin:0;color:var(--fg-secondary);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}}.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:var(--fg);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:var(--fg-secondary);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 var(--border);flex-shrink:0}.user-profile-details{display:flex;flex-direction:column;gap:4px}.user-profile-name{font-size:16px;font-weight:600;color:var(--fg)}.user-profile-email{font-size:13px;color:var(--fg-secondary)}.user-profile-link{font-size:13px;color:var(--vault-indigo);text-decoration:none;margin-top:4px}.user-profile-link:hover{text-decoration:underline;color:var(--vault-indigo-light)}.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 var(--border);border-radius:4px;color:var(--fg-secondary);cursor:pointer;transition:all .2s ease}.accordion-control-button:hover:not(:disabled){background-color:var(--border);border-color:var(--border);color:var(--fg)}.accordion-control-button:disabled{opacity:.5;cursor:not-allowed}.accordion-items{display:flex;flex-direction:column;gap:4px}.accordion-item{background-color:var(--bg-overlay);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color .2s ease}.accordion-item:focus-within{border-color:var(--vault-indigo-light)}.accordion-item.expanded{border-color:var(--border)}.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:var(--fg);font-size:16px;font-weight:600;cursor:pointer;text-align:left;transition:background-color .2s ease}.accordion-header:hover{background-color:var(--border)}.accordion-header:focus{outline:none;background-color:var(--border)}.accordion-header:focus-visible{outline:2px solid var(--vault-indigo-light);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:var(--fg-muted);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 var(--border)}.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:var(--win);color:var(--bg-raised);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 var(--danger);color:var(--danger);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:var(--bg-overlay);border-radius:8px;padding:20px;border:1px solid var(--border)}.section-title{margin:0 0 16px;color:var(--fg);font-size:18px;font-weight:600;border-bottom:1px solid var(--border);padding-bottom:12px}.setting-item{display:flex;flex-direction:column;gap:8px;padding:16px 0;border-bottom:1px solid var(--border)}.setting-item:last-child{border-bottom:none}.setting-item.indented{margin-left:24px}.setting-item.danger{border-color:var(--loss)}.setting-label{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--fg);font-weight:500}.setting-description{font-size:12px;color:var(--fg-secondary);font-weight:400}.setting-control{display:flex;gap:12px;align-items:center}.text-input{flex:1;padding:10px 12px;background-color:var(--bg-raised);border:1px solid var(--border);border-radius:6px;color:var(--fg);font-size:14px;transition:all .2s}.text-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #4a9eff1a}.text-input::placeholder{color:var(--fg-muted)}.number-input{width:120px;padding:10px 12px;background-color:var(--bg-raised);border:1px solid var(--border);border-radius:6px;color:var(--fg);font-size:14px;transition:all .2s}.number-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #4a9eff1a}.select-input{flex:1;max-width:300px;padding:10px 12px;background-color:var(--bg-raised);border:1px solid var(--border);border-radius:6px;color:var(--fg);font-size:14px;cursor:pointer;transition:all .2s}.select-input:focus{outline:none;border-color:var(--accent);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:var(--border);border:1px solid var(--border);border-radius:6px;color:var(--fg);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.browse-button:hover{background-color:var(--border);border-color:var(--border)}.action-button{padding:10px 16px;background-color:var(--accent);border:none;border-radius:var(--radius-md);color:var(--fg-inverse);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.action-button:hover{background-color:var(--accent-press);box-shadow:var(--shadow-sapphire-vault)}.action-button:focus-visible{outline:2px solid var(--vault-sapphire-dark);outline-offset:2px}.danger-button{padding:10px 16px;background-color:var(--danger);border:none;border-radius:var(--radius-md);color:var(--fg);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.danger-button:hover{background-color:var(--danger);box-shadow:var(--shadow-md)}.danger-button:focus-visible{outline:2px solid var(--vault-danger);outline-offset:2px}.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:var(--fg-secondary);font-weight:600}.about-value{font-size:14px;color:var(--fg);font-weight:500}.settings-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 20px;background-color:var(--bg-overlay);border-radius:8px;border:1px solid var(--border)}.primary-button{padding:12px 24px;background-color:var(--accent);border:none;border-radius:var(--radius-md);color:var(--fg-inverse);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.primary-button:hover{background-color:var(--accent-press);box-shadow:var(--shadow-sapphire-vault)}.primary-button:focus-visible{outline:2px solid var(--vault-sapphire-dark);outline-offset:2px}.secondary-button{padding:12px 24px;background-color:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--fg);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.secondary-button:hover{background-color:var(--bg-overlay);border-color:var(--accent)}.secondary-button:focus-visible{outline:2px solid var(--vault-sapphire-dark);outline-offset:2px}.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:var(--win);border:1px solid rgba(76,175,80,.3)}.status-connected .status-dot{background-color:var(--win);box-shadow:0 0 8px #7dff7d80}.status-standalone{background-color:#ff980026;color:var(--warning);border:1px solid rgba(255,152,0,.3)}.status-standalone .status-dot{background-color:var(--warning);box-shadow:0 0 8px #ffb74d80}.status-reconnecting{background-color:#2196f326;color:var(--info);border:1px solid rgba(33,150,243,.3)}.status-reconnecting .status-dot{background-color:var(--info);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:var(--fg-secondary);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:var(--bg-overlay);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 var(--border)}.modal-header h2{margin:0;font-size:20px;color:var(--fg)}.modal-close{background:none;border:none;color:var(--fg-secondary);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-description{margin:0 0 16px;color:var(--fg-secondary);font-size:14px}.log-files-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.log-file-item{background-color:var(--bg-raised);border-radius:6px;padding:12px;border:1px solid var(--border);transition:all .2s}.log-file-item:hover{border-color:var(--accent);background-color:var(--bg-raised)}.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:var(--fg);font-size:14px;font-weight:500}.file-info{color:var(--fg-secondary);font-size:12px}.no-files{text-align:center;padding:40px 20px;color:var(--fg-secondary);font-size:14px}.import-progress{display:flex;flex-direction:column;gap:20px}.import-progress h3{margin:0;font-size:18px;color:var(--fg)}.progress-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.progress-stats .stat{background-color:var(--bg-raised);padding:12px;border-radius:6px;border:1px solid var(--border);font-size:14px;color:var(--fg)}.progress-bar{width:100%;height:8px;background-color:var(--bg-raised);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:var(--accent);transition:width .3s ease;box-shadow:0 0 8px #4a9eff80}.progress-time{text-align:center;font-size:14px;color:var(--fg-secondary)}.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:var(--loss);font-size:14px}.error-item{color:var(--loss);font-size:12px;margin-bottom:4px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border)}.replay-progress-container{background:var(--bg-overlay);padding:16px;border-radius:8px;margin-top:8px}.replay-progress-title{margin-top:0;color:var(--accent)}.replay-progress-title.complete{color:var(--win)}.replay-progress-title.paused{color:var(--warning)}.settings-progress-bar{width:100%;height:8px;background:var(--bg-raised);border-radius:4px;overflow:hidden;margin-top:12px}.settings-progress-bar.with-margin-bottom{margin-bottom:16px}.settings-progress-bar-fill{height:100%;background:var(--accent);transition:width .3s ease}.settings-progress-bar-fill.paused{background:var(--warning)}.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:var(--bg-overlay);border-radius:4px;border:1px solid var(--danger)}.settings-info-box{margin-top:12px;padding:12px;background:var(--bg-overlay);border-radius:8px}.settings-info-box-dark{margin-top:16px;padding:12px;background:var(--bg-raised);border-radius:4px;font-size:.9em;color:var(--fg-secondary)}.settings-success-box{margin-top:12px;padding:12px;background:var(--success);border-radius:8px;border:1px solid var(--accent)}.settings-daemon-warning{color:var(--danger);margin-bottom:16px;padding:12px;background:var(--bg-overlay);border-radius:8px}.settings-daemon-hint{color:var(--danger);margin-top:8px}.settings-section-description{margin-bottom:16px;color:var(--fg-secondary)}.replay-tool-controls{background:var(--bg-overlay);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:var(--accent)}.replay-tool-title.paused{color:var(--warning)}.replay-tool-subtitle{font-size:.9em;font-weight:400;color:var(--fg-secondary)}.replay-tool-buttons{display:flex;gap:12px;flex-wrap:wrap}.action-button.pause{background:var(--warning)}.action-button.resume{background:var(--success)}.action-button.recalculate{background:var(--accent);color:#fff;font-weight:700}.action-button.clear-cache{background:var(--danger);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:var(--fg-secondary)}.refresh-message{color:var(--fg-secondary);margin-top:8px}.recalculate-message{margin-left:12px;padding:8px 12px;border-radius:4px;font-size:.9em;display:inline-block}.recalculate-message.success{background:var(--success);color:var(--fg-inverse)}.recalculate-message.error{background:var(--danger);color:var(--danger)}.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:var(--vault-indigo-light)}.about-version-clickable:active{color:var(--accent)}.developer-mode-indicator{background-color:#7d9bff1a;border-left:3px solid var(--vault-indigo-light);padding-left:8px;margin-left:-8px}.developer-mode-enabled{display:flex;align-items:center;gap:12px;color:var(--vault-indigo-light)}.developer-mode-toggle{padding:4px 8px;font-size:12px;background-color:transparent;border:1px solid var(--vault-indigo-light);border-radius:4px;color:var(--vault-indigo-light);cursor:pointer;transition:all .2s ease}.developer-mode-toggle:hover{background-color:var(--vault-indigo-light);color:var(--bg-raised)}.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:var(--fg);margin:0 0 16px}.daemon-download-subtitle{font-size:16px;color:var(--fg-secondary);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:var(--vault-twitch-dark);border:2px solid var(--vault-twitch-dark);color:var(--fg)}.daemon-download-button--primary:hover{background-color:var(--vault-twitch);border-color:var(--vault-twitch)}.daemon-download-button--secondary{background-color:var(--bg-overlay);border:2px solid var(--border);color:var(--fg-secondary)}.daemon-download-button--secondary:hover{border-color:var(--vault-twitch-dark);color:var(--fg)}.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,var(--bg-overlay) 25%,var(--border) 50%,var(--bg-overlay) 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:var(--bg-overlay);border:1px solid var(--border);border-radius:12px;text-align:center}.daemon-download-coming-soon-message{font-size:16px;color:var(--fg-secondary);margin:0;line-height:1.6}.daemon-download-coming-soon-link{color:var(--vault-twitch-dark);text-decoration:underline;font-weight:600}.daemon-download-coming-soon-link:hover{color:var(--vault-twitch)}.daemon-getting-started{background-color:var(--bg-overlay);border:1px solid var(--border);border-radius:12px;padding:36px}.daemon-getting-started-title{font-size:22px;font-weight:600;color:var(--fg);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:var(--vault-twitch-dark);color:var(--fg);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:var(--fg);margin:0 0 6px}.step-description{font-size:14px;color:var(--fg-secondary);margin:0;line-height:1.5}.download-page{flex:1;overflow-y:auto;background-color:var(--bg-raised)}.opponent-analysis-panel{background-color:var(--bg-raised);border-radius:6px;margin-top:24px;overflow:hidden}.opponent-analysis-panel .panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;background-color:var(--bg-raised);transition:background-color .2s;width:100%;border:none;text-align:left;font-family:inherit}.opponent-analysis-panel .panel-header:hover{background-color:var(--bg-overlay)}.opponent-analysis-panel .panel-header h3{margin:0;color:var(--fg);font-size:1.1rem}.opponent-analysis-panel .expand-icon{color:var(--fg-secondary);font-size:.8rem;transition:transform .2s;transform:rotate(0)}.opponent-analysis-panel .expand-icon.expanded{transform:rotate(180deg)}.opponent-analysis-panel .panel-content{padding:16px}.opponent-analysis-panel .profile-summary{background-color:var(--bg-raised);border-radius:4px;padding:12px;margin-bottom:16px}.opponent-analysis-panel .profile-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border)}.opponent-analysis-panel .profile-row:last-child{border-bottom:none}.opponent-analysis-panel .profile-label{color:var(--fg-secondary);font-size:.9rem}.opponent-analysis-panel .profile-value{color:var(--fg);font-weight:500}.opponent-analysis-panel .color-identity{display:inline-flex;gap:4px}.opponent-analysis-panel .mana-symbol{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:.75rem;font-weight:700}.opponent-analysis-panel .mana-white{background-color:var(--mana-w-bg);color:var(--mana-pip-fg)}.opponent-analysis-panel .mana-blue{background-color:var(--mana-u-bg);color:var(--mana-pip-fg)}.opponent-analysis-panel .mana-black{background-color:var(--mana-b-bg);color:var(--mana-pip-fg);border:1px solid var(--border)}.opponent-analysis-panel .mana-red{background-color:var(--mana-r-bg);color:var(--mana-pip-fg)}.opponent-analysis-panel .mana-green{background-color:var(--mana-g-bg);color:var(--mana-pip-fg)}.opponent-analysis-panel .mana-colorless{background-color:var(--fg-secondary);color:var(--fg)}.opponent-analysis-panel .confidence-value{font-size:.85rem;margin-left:4px}.opponent-analysis-panel .confidence-value.text-green-400{color:var(--success)}.opponent-analysis-panel .confidence-value.text-yellow-400{color:var(--warning)}.opponent-analysis-panel .confidence-value.text-gray-400{color:var(--fg-secondary)}.opponent-analysis-panel .analysis-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid var(--border);padding-bottom:8px}.opponent-analysis-panel .tab-btn{background:none;border:none;color:var(--fg-secondary);padding:8px 16px;cursor:pointer;font-size:.9rem;border-radius:4px;transition:all .2s}.opponent-analysis-panel .tab-btn:hover,.opponent-analysis-panel .tab-btn.active{color:var(--fg);background-color:var(--border)}.opponent-analysis-panel .cards-list{display:flex;flex-direction:column;gap:8px}.opponent-analysis-panel .card-item{background-color:var(--bg-raised);border-radius:4px;padding:10px 12px;border-left:3px solid var(--border)}.opponent-analysis-panel .card-item.signature{border-left-color:var(--warning)}.opponent-analysis-panel .card-item.seen{border-left-color:var(--success)}.opponent-analysis-panel .card-item.unseen{border-left-color:var(--warning)}.opponent-analysis-panel .card-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.opponent-analysis-panel .card-name{color:var(--fg);font-weight:500}.opponent-analysis-panel .signature-badge{background-color:#fbbf2433;color:var(--warning);padding:2px 8px;border-radius:3px;font-size:.75rem}.opponent-analysis-panel .inclusion-rate{color:var(--fg-secondary);font-size:.85rem}.opponent-analysis-panel .card-details{display:flex;flex-wrap:wrap;gap:8px;font-size:.8rem;color:var(--fg-secondary)}.opponent-analysis-panel .card-zone,.opponent-analysis-panel .card-turn,.opponent-analysis-panel .card-category{background-color:var(--border);padding:2px 6px;border-radius:3px}.opponent-analysis-panel .play-around{color:var(--warning);font-style:italic}.opponent-analysis-panel .expected-section{margin-bottom:16px}.opponent-analysis-panel .expected-section:last-child{margin-bottom:0}.opponent-analysis-panel .expected-section h4{color:var(--fg-secondary);font-size:.9rem;margin-bottom:8px}.opponent-analysis-panel .insights-list{display:flex;flex-direction:column;gap:12px}.opponent-analysis-panel .insight-item{background-color:var(--bg-raised);border-radius:4px;padding:12px;border-left:3px solid var(--border)}.opponent-analysis-panel .insight-item.priority-high{border-left-color:var(--danger)}.opponent-analysis-panel .insight-item.priority-medium{border-left-color:var(--warning)}.opponent-analysis-panel .insight-item.priority-low{border-left-color:var(--info)}.opponent-analysis-panel .insight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.opponent-analysis-panel .insight-type{color:var(--fg);font-weight:600;text-transform:capitalize}.opponent-analysis-panel .priority-badge{padding:2px 8px;border-radius:3px;font-size:.75rem;text-transform:uppercase}.opponent-analysis-panel .priority-badge.text-red-400{background-color:#ef444433;color:var(--danger)}.opponent-analysis-panel .priority-badge.text-yellow-400{background-color:#f59e0b33;color:var(--warning)}.opponent-analysis-panel .priority-badge.text-blue-400{background-color:#3b82f633;color:var(--info)}.opponent-analysis-panel .insight-description{color:var(--fg-secondary);margin:0;font-size:.9rem;line-height:1.4}.opponent-analysis-panel .empty-state{text-align:center;color:var(--fg-secondary);padding:24px;background-color:var(--bg-raised);border-radius:4px}.opponent-analysis-panel .error-message{color:var(--danger);text-align:center;padding:16px;background-color:#ef44441a;border-radius:4px}@media(max-width:768px){.opponent-analysis-panel .analysis-tabs{flex-wrap:wrap}.opponent-analysis-panel .tab-btn{flex:1;text-align:center}.opponent-analysis-panel .card-main{flex-direction:column;align-items:flex-start;gap:4px}}.game-play-timeline-panel{margin-top:16px;border:1px solid var(--border);border-radius:4px;background-color:var(--bg-raised)}.game-play-timeline-panel .panel-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;color:var(--fg);transition:background-color .2s}.game-play-timeline-panel .panel-header:hover{background-color:var(--bg-overlay)}.game-play-timeline-panel .panel-header h3{margin:0;font-size:16px;font-weight:600}.game-play-timeline-panel .expand-icon{font-size:12px;transition:transform .2s}.game-play-timeline-panel .expand-icon.expanded{transform:rotate(0)}.game-play-timeline-panel .panel-content{padding:16px;border-top:1px solid var(--border)}.turn-navigation{margin-bottom:16px}.turn-buttons{display:flex;flex-wrap:wrap;gap:8px}.turn-btn{padding:6px 12px;background-color:var(--bg-overlay);border:1px solid var(--border);border-radius:4px;color:var(--fg-secondary);cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.turn-btn:hover{background-color:var(--border);color:var(--fg)}.turn-btn.active{background-color:var(--accent);border-color:var(--accent);color:var(--fg)}.selected-turn{background-color:var(--bg-raised);border-radius:4px;padding:16px}.turn-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.turn-header h4{margin:0;font-size:16px;font-weight:600;color:var(--fg)}.active-player{font-size:14px;color:var(--fg-secondary)}.turn-snapshot{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;padding:12px;background-color:var(--bg-raised);border-radius:4px}.snapshot-row{display:flex;flex-direction:column;gap:4px}.snapshot-label{font-size:11px;color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.5px}.snapshot-value{font-size:13px;color:var(--fg)}.life-values .player-life,.snapshot-value .player-cards,.snapshot-value .player-lands{color:var(--win)}.life-values .opponent-life,.snapshot-value .opponent-cards,.snapshot-value .opponent-lands{color:var(--loss)}.separator{color:var(--fg-muted);margin:0 6px}.plays-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.plays-column{background-color:var(--bg-raised);border-radius:4px;padding:12px}.plays-column h5{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.5px}.player-column h5{color:var(--win)}.opponent-column h5{color:var(--loss)}.plays-list{display:flex;flex-direction:column;gap:8px}.no-plays{color:var(--fg-muted);font-size:13px;font-style:italic}.play-item{display:flex;align-items:center;gap:8px;padding:8px;background-color:var(--bg-raised);border-radius:4px;font-size:13px}.play-item.player{border-left:2px solid var(--win)}.play-item.opponent{border-left:2px solid var(--loss)}.play-icon{font-size:14px}.play-action{color:var(--fg-secondary);font-weight:500;min-width:60px}.play-card{color:var(--fg);font-weight:500;flex:1}.play-zones{font-size:11px;color:var(--fg-muted)}.play-life-change{font-size:12px;font-weight:500;margin-left:auto;padding:2px 8px;border-radius:4px;background-color:var(--border)}.play-life-change.damage{color:var(--danger);background-color:#ff4d4d26}.play-life-change.heal{color:var(--win);background-color:#7dff7d26}.life-delta{margin-left:4px;font-size:11px;opacity:.8}.play-lethal-badge{margin-left:4px;font-size:11px;font-weight:600;color:var(--loss);letter-spacing:.3px}.empty-state{text-align:center;padding:24px;color:var(--fg-secondary);font-size:14px}.error-message{padding:12px;background-color:#ff4d4d1a;border:1px solid var(--danger);border-radius:4px;color:var(--loss);font-size:14px}.timeline-container{display:flex;flex-direction:column;gap:16px}@media(max-width:600px){.plays-columns,.turn-snapshot{grid-template-columns:1fr}}.modal-backdrop{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background-color:var(--bg-overlay);border-radius:8px;box-shadow:0 4px 20px #00000080;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;color:var(--fg);font-size:1.5rem}.modal-close{background:none;border:none;color:var(--fg-secondary);font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:var(--fg)}.modal-body{padding:20px;overflow-y:auto;flex:1}.match-summary{background-color:var(--bg-raised);border-radius:6px;padding:16px;margin-bottom:24px}.summary-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.summary-row:last-child{border-bottom:none}.summary-label{color:var(--fg-secondary);font-weight:500}.summary-value{color:var(--fg);font-weight:600}.summary-value.result-badge{padding:4px 12px;border-radius:4px;font-size:.9rem}.summary-value.result-badge.win{background-color:#4caf5033;color:var(--success)}.summary-value.result-badge.loss{background-color:#f4433633;color:var(--danger)}.games-section{margin-top:16px}.games-section h3{color:var(--fg);margin-bottom:16px;font-size:1.2rem}.games-list{display:flex;flex-direction:column;gap:12px}.game-item{background-color:var(--bg-raised);border-radius:6px;padding:16px;border-left:4px solid var(--border);transition:transform .2s}.game-item.win{border-left-color:var(--success)}.game-item.loss{border-left-color:var(--danger)}.game-item:hover{transform:translate(4px)}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.game-number{color:var(--fg);font-weight:600;font-size:1.1rem}.game-result{padding:4px 12px;border-radius:4px;font-size:.85rem;font-weight:600}.game-result.win{background-color:#4caf5033;color:var(--success)}.game-result.loss{background-color:#f4433633;color:var(--danger)}.game-details{display:flex;flex-direction:column;gap:8px}.game-detail{display:flex;justify-content:space-between}.detail-label{color:var(--fg-secondary);font-size:.9rem}.detail-value{color:var(--fg);font-weight:500;font-size:.9rem}.error-message,.no-games{padding:20px;text-align:center;color:var(--fg-secondary);background-color:var(--bg-raised);border-radius:6px}.error-message{color:var(--danger)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid var(--border)}.btn-secondary{background-color:var(--border);color:var(--fg);border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.btn-secondary:hover{background-color:var(--fg-muted)}@media(max-width:768px){.modal-content{max-width:100%;margin:0;border-radius:0;max-height:100vh}.modal-backdrop{padding:0}.modal-header h2{font-size:1.25rem}.game-header{flex-direction:column;align-items:flex-start;gap:8px}}.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)}.bff-match-history-table-wrapper th{font-weight:600;color:var(--fg-secondary);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:var(--success)}.result-badge.loss{background-color:#f8717133;color:var(--danger)}.play-draw-badge{display:inline-block;padding:.15rem .4rem;border-radius:3px;font-size:.7rem;font-weight:700;letter-spacing:.04em;line-height:1.2}.play-draw-badge.on-play{background-color:var(--vault-info-dim);color:var(--info)}.play-draw-badge.on-draw{background-color:rgba(var(--vault-fg-secondary-rgb),.15);color:var(--fg-secondary)}.opponent-name{font-size:.82rem;color:var(--fg-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:12rem;display:inline-block}.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)}.bff-draft-history-table-wrapper th{font-weight:600;color:var(--fg-secondary);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(--danger);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(--fg-secondary);font-size:.875rem}.draft-live-set{font-weight:600;color:var(--accent);background:var(--bg-overlay);padding:.2rem .5rem;border-radius:4px;font-size:.8rem;letter-spacing:.05em}.draft-live-format,.draft-live-progress{color:var(--fg-muted)}.stream-status{font-size:.75rem;font-weight:500;padding:.2rem .6rem;border-radius:999px;text-transform:capitalize}.stream-status--open{background:var(--vault-success-dim);color:var(--success)}.stream-status--connecting{background:var(--vault-warning-dim);color:var(--warning)}.stream-status--error{background:var(--vault-danger-dim);color:var(--danger)}.stream-status--closed{background:var(--bg-overlay);color:var(--fg-muted)}.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(--fg-muted);font-size:.875rem;padding:1rem 0}.draft-live-ratings-error{color:var(--danger)}.draft-live-card{position:relative;background:var(--bg-raised);border:1px solid var(--border);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:var(--warning);box-shadow:0 0 0 2px #f59e0b59;background:var(--bg-overlay)}.draft-live-card-name{font-size:.875rem;font-weight:500;color:var(--fg);line-height:1.3}.draft-live-gihwr{font-size:.75rem;color:var(--fg-muted)}.draft-live-top-badge{font-size:.7rem;font-weight:700;color:var(--warning);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:var(--vault-success-dim);color:var(--success)}.grade-b{background:var(--vault-info-dim);color:var(--accent-press)}.grade-c{background:var(--vault-warning-dim);color:var(--warning)}.grade-d,.grade-f{background:var(--vault-danger-dim);color:var(--danger)}.grade-unknown{background:var(--bg-overlay);color:var(--fg-muted)}.draft-live-history-section{background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;padding:1rem}.draft-live-no-picks{color:var(--fg-muted);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(--bg-overlay)}.draft-live-history-name{font-size:.8rem;color:var(--fg);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(--fg-secondary);font-size:14px;margin-top:.5rem;max-width:600px}.api-keys-content{flex:1;min-height:0}.api-keys-content .cl-apiKeys{width:100%}.api-keys-fallback{margin-top:1.5rem;padding:1rem 1.25rem;background:var(--vault-bg-raised);border:1px solid var(--vault-border-subtle);border-radius:8px;color:var(--vault-fg-secondary);font-size:14px;max-width:600px}.profile-page{max-width:680px;margin:0 auto}.profile-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.profile-back-button{background:none;border:1px solid var(--border);color:var(--fg-secondary);border-radius:6px;padding:6px 14px;font-size:14px;cursor:pointer;transition:background .15s,color .15s}.profile-back-button:hover{background:var(--bg-raised);color:var(--fg)}.profile-loading,.profile-unauthenticated{color:var(--fg-secondary);font-size:15px;padding:24px 0}.profile-content{display:flex;flex-direction:column;gap:24px}.profile-section{background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;padding:24px}.profile-section-title{font-size:14px;font-weight:600;color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 16px}.profile-avatar-container{display:flex;align-items:center;gap:20px}.profile-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0}.profile-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:var(--accent-press);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--fg);flex-shrink:0}.profile-avatar-actions{display:flex;flex-direction:column;gap:8px}.profile-avatar-input{display:none}.profile-name-display{display:flex;align-items:center;gap:16px}.profile-name-value{font-size:18px;font-weight:600;color:var(--fg)}.profile-edit-button{flex-shrink:0}.profile-name-form{display:flex;flex-direction:column;gap:16px}.profile-name-fields{display:flex;gap:16px;flex-wrap:wrap}.profile-field-label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--fg-secondary);flex:1;min-width:160px}.profile-field-input{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--fg);font-size:15px;padding:8px 12px;outline:none;transition:border-color .15s}.profile-field-input:focus{border-color:var(--vault-indigo)}.profile-name-actions{display:flex;gap:10px}.profile-email-display{display:flex;flex-direction:column;gap:6px}.profile-email-value{font-size:16px;color:var(--fg)}.profile-email-note{font-size:12px;color:var(--fg-muted);margin:0}.profile-error{margin-top:8px;color:var(--danger);font-size:13px}.profile-success{margin-top:8px;color:var(--success);font-size:13px}.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:var(--fg);margin:0 0 16px}.setup-subtitle{font-size:16px;color:var(--fg-secondary);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:var(--fg);margin:0 0 12px}.setup-section-body{font-size:15px;color:var(--fg-secondary);margin:0 0 16px;line-height:1.6}.setup-link{color:var(--vault-twitch);text-decoration:underline}.setup-link:hover{color:var(--vault-indigo-light)}.setup-warnings{display:flex;flex-direction:column;gap:16px}.setup-warning-section{display:flex;gap:16px;background-color:var(--vault-warning-dim);border:1px solid var(--warning);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:var(--warning);margin:0 0 10px}.setup-warning-body{font-size:14px;color:var(--fg-secondary);margin:0 0 10px;line-height:1.6}.setup-warning-steps{font-size:14px;color:var(--fg-secondary);margin:0 0 10px;padding-left:20px;line-height:1.7}.setup-warning-note{font-size:13px;color:var(--fg-secondary);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 var(--border)}.setup-other-platform{border:1px solid var(--border);border-radius:8px;padding:12px 16px}.setup-other-platform summary{font-size:14px;color:var(--fg-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.setup-other-platform summary:hover{color:var(--fg)}.setup-other-platform .setup-warning-section{margin-top:12px;background-color:var(--bg-raised)}.setup-pairing{background-color:var(--bg-overlay);border:1px solid var(--border);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 var(--border);border-top-color:var(--vault-twitch);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.setup-pairing-label{font-size:16px;font-weight:600;color:var(--fg);margin:0}.setup-pairing-label--error{color:var(--danger)}.setup-pairing-sublabel{font-size:13px;color:var(--fg-secondary);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:var(--success)}.setup-pairing-error{display:flex;flex-direction:column;align-items:center;gap:16px}.setup-retry-button{background-color:var(--vault-twitch-dark);color:var(--fg);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:var(--vault-twitch)}.setup-auth-status{background-color:var(--bg-overlay);border:1px solid var(--border);border-radius:8px;padding:20px 24px}.setup-auth-status__item{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.setup-auth-status__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.setup-auth-status__dot--green{background-color:var(--success)}.setup-auth-status__dot--yellow{background-color:var(--warning)}.setup-auth-status__dot--red{background-color:var(--danger)}.setup-auth-status__dot--orange{background-color:var(--warning)}.setup-auth-status__label{font-size:15px;font-weight:600;color:var(--fg)}.setup-auth-status__item--authenticated .setup-auth-status__label{color:var(--success)}.setup-auth-status__item--setup-required .setup-auth-status__label{color:var(--warning)}.setup-auth-status__item--keychain-error .setup-auth-status__label{color:var(--danger)}.setup-auth-status__item--auth-paused .setup-auth-status__label{color:var(--warning)}.setup-auth-status__cta{margin-left:auto;background-color:var(--vault-twitch-dark);color:var(--fg);border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;transition:background-color .15s ease}.setup-auth-status__cta:hover{background-color:var(--vault-twitch)}@media(max-width:600px){.setup-container{padding:24px 16px}.setup-title{font-size:24px}.setup-warning-section{flex-direction:column;gap:8px}}.home-page{display:flex;flex-direction:column;gap:var(--space-3);max-width:680px;margin:var(--space-8) auto 0;padding:0 var(--space-4);width:100%}.home-loading,.home-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-12) 0;text-align:center}.home-loading-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--vault-fg-muted);margin:0}.home-empty-title{font-family:var(--font-display-vault);font-size:var(--text-xl);font-weight:600;color:var(--vault-fg);margin:0}.home-empty-body{font-family:var(--font-body);font-size:var(--text-sm);color:var(--vault-fg-secondary);max-width:320px;margin:0;line-height:1.6}.home-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-12) 0}.home-error-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--vault-danger);margin:0}.home-retry-btn{background:transparent;border:1px solid var(--vault-border);border-radius:var(--radius-md);color:var(--vault-fg-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;padding:6px 14px;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.home-retry-btn:hover{border-color:var(--vault-sapphire);color:var(--vault-fg)}.home-strip{display:flex;align-items:center;gap:var(--space-3);padding:12px var(--space-4);background:var(--vault-bg-raised);border:1px solid var(--vault-border);border-radius:var(--radius-md);box-shadow:var(--shadow-inset-vault);width:100%;text-align:left;cursor:default}.home-strip-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--vault-fg-muted);white-space:nowrap;flex-shrink:0}.home-strip-label-accent{color:var(--vault-sapphire)}.home-strip-divider{display:inline-block;width:0;height:14px;border-left:1px solid var(--vault-border);flex-shrink:0;vertical-align:middle}.home-strip-weekly{gap:var(--space-4)}.home-strip-stat-group{display:flex;align-items:center;gap:var(--space-3);flex:1}.home-stat-w,.home-stat-l,.home-stat-wr{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:500;line-height:1}.home-strip-today{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--vault-fg-muted);white-space:nowrap;margin-left:auto}.home-strip-last-match{padding:8px var(--space-4);gap:var(--space-3);background:var(--vault-bg);border-color:var(--vault-border-subtle)}.home-last-match-result{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500}.home-last-match-archetype{font-family:var(--font-body);font-size:var(--text-sm);color:var(--vault-fg-secondary)}.home-last-match-elapsed{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--vault-fg-muted);margin-left:auto}.home-strip-active-draft{padding:var(--space-5) var(--space-4);border-color:var(--vault-sapphire);background:color-mix(in srgb,var(--vault-sapphire) 8%,var(--vault-bg-raised));cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.home-strip-active-draft:hover{background:color-mix(in srgb,var(--vault-sapphire) 14%,var(--vault-bg-raised));box-shadow:var(--shadow-sapphire-vault)}.home-strip-active-draft:focus-visible{outline:none;box-shadow:0 0 0 2px var(--vault-sapphire)}.home-draft-name{font-family:var(--font-display-vault);font-size:var(--text-base);font-weight:600;color:var(--vault-fg);flex:1}.home-draft-cta{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--vault-sapphire);white-space:nowrap;transition:transform var(--transition-fast)}.home-strip-active-draft:hover .home-draft-cta{transform:translate(2px)}.home-strip-last-deck{padding:12px var(--space-4);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.home-strip-last-deck:hover{background:var(--vault-bg-overlay);border-color:color-mix(in srgb,var(--vault-sapphire) 40%,var(--vault-border))}.home-strip-last-deck:focus-visible{outline:none;box-shadow:0 0 0 2px var(--vault-sapphire)}.home-deck-name{font-family:var(--font-display-vault);font-size:var(--text-base);font-weight:600;color:var(--vault-fg);flex:1}.home-deck-cta{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--vault-fg-secondary);white-space:nowrap;transition:color var(--transition-fast),transform var(--transition-fast)}.home-strip-last-deck:hover .home-deck-cta{color:var(--vault-fg);transform:translate(2px)}.home-quick-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-top:var(--space-2)}.home-nav-tile{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);background:var(--vault-bg-raised);border:1px solid var(--vault-border);border-radius:var(--radius-md);cursor:pointer;color:var(--vault-fg-secondary);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.home-nav-tile:hover{background:var(--vault-bg-overlay);border-color:color-mix(in srgb,var(--vault-sapphire) 40%,var(--vault-border));color:var(--vault-fg)}.home-nav-tile:focus-visible{outline:none;box-shadow:0 0 0 2px var(--vault-sapphire)}.home-nav-icon{width:20px;height:20px;flex-shrink:0}.home-nav-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;white-space:nowrap}@media(max-width:640px){.home-page{padding:0 var(--space-3);margin-top:var(--space-4)}.home-quick-nav{grid-template-columns:repeat(2,1fr)}.home-stat-w,.home-stat-l,.home-stat-wr{font-size:var(--text-base)}}.home-whats-next{display:flex;align-items:flex-start;gap:var(--space-4);background:var(--vault-bg-raised);border:1px solid var(--vault-border);border-radius:var(--radius-md);padding:var(--space-4);width:100%;box-sizing:border-box}.home-whats-next-icon{width:20px;height:20px;color:var(--vault-sapphire);flex-shrink:0;margin-top:2px}.home-whats-next-body{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.home-whats-next-headline{font-family:var(--font-display-vault);font-size:var(--text-lg);font-weight:600;color:var(--vault-fg)}.home-whats-next-detail{font-family:var(--font-body);font-size:var(--text-sm);color:var(--vault-fg-muted)}.home-whats-next-cta{display:inline-block;margin-top:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--vault-sapphire);background:none;border:none;padding:0;cursor:pointer;text-align:left}.home-whats-next-cta:hover{text-decoration:underline}.protected-route-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--fg-secondary);font-size:14px}.protected-route-prompt{display:flex;align-items:center;justify-content:center;height:100%;padding:32px}.protected-route-card{background-color:var(--bg-overlay);border:1px solid var(--border);border-radius:8px;padding:40px 48px;text-align:center;max-width:420px;width:100%}.protected-route-title{font-size:20px;font-weight:600;color:var(--fg);margin:0 0 12px}.protected-route-subtitle{font-size:14px;color:var(--fg-secondary);margin:0 0 24px;line-height:1.5}.protected-route-actions{display:flex;justify-content:center}.protected-route-btn{padding:10px 28px;background-color:var(--accent);color:var(--fg);border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.protected-route-btn:hover{background-color:var(--accent-press)}#root{width:100%;height:100vh;margin:0;padding:0;background-color:var(--vault-bg);color:var(--vault-fg)}.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:var(--vault-fg)}.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:var(--vault-fg)}select,input{background-color:var(--vault-bg-raised);color:var(--vault-fg);border:1px solid var(--vault-border);border-radius:4px;padding:8px 12px;font-size:14px}select:hover,input:hover{border-color:var(--vault-sapphire)}select:focus,input:focus{outline:none;border-color:var(--vault-sapphire)}button{background-color:var(--vault-sapphire);color:var(--vault-fg-inverse);border:none;border-radius:var(--radius-md);padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition-fast)}button:hover{background-color:var(--vault-sapphire-light)}button:active{background-color:var(--accent-press)}button:focus-visible{outline:2px solid var(--vault-sapphire-dark);outline-offset:2px}table{width:100%;border-collapse:collapse;margin-top:16px}th{background-color:var(--vault-bg-raised);color:var(--vault-fg);font-weight:600;text-align:left;padding:12px;border-bottom:2px solid var(--vault-border)}td{padding:12px;border-bottom:1px solid var(--vault-border)}tr:hover{background-color:var(--vault-bg-raised)}.no-data{text-align:center;padding:48px;color:var(--vault-fg-secondary);font-size:16px}.error{color:var(--vault-danger);padding:16px;background-color:var(--vault-bg-raised);border:1px solid var(--vault-danger);border-radius:4px;margin:16px 0}