:root{--color-bg-primary:#f8fbff;--color-bg-secondary:#eef3fb;--color-bg-tertiary:#fff;--color-surface-raised:#f3f6fd;--color-accent-purple:#8b5cf6;--color-accent-blue:#3b82f6;--color-accent-gold:#fbbf24;--color-accent-mana:#a855f7;--color-accent-hover:#7c3aed;--color-text-primary:#102039;--color-text-secondary:#31435f;--color-text-muted:#60708b;--color-text-tertiary:#7c8aa3;--color-border:#60708b29;--color-border-subtle:#60708b14;--color-border-focus:#8b5cf680;--color-success:#10b981;--color-success-text:#34d399;--color-success-bright:#4ade80;--color-success-faint:#86efac;--color-danger:#ef4444;--color-danger-text:#fca5a5;--color-danger-medium:#f87171;--color-danger-bg:#ef44441a;--color-warning:#f59e0b;--color-info:#60a5fa;--color-accent:#8b5cf6;--color-accent-primary:#8b5cf6;--color-gold:#fbbf24;--color-surface:#ffffffe0;--color-surface-2:#f3f6fdf5;--color-error:#ef4444;--color-primary:var(--color-accent-purple);--color-text:var(--color-text-primary);--color-bg-card:#ffffffe6;--surface-soft:#ffffffb8;--surface-mid:#ffffffd1;--surface-strong:#fffffff0;--surface-ink-soft:#e2eaf7e0;--surface-hover:#6d4aff14;--surface-border-subtle:#60708b1a;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 12px 32px #0000008c;--shadow-card-hover:0 8px 24px #00000073, 0 0 0 1px #8b5cf626;--glow-purple:0 10px 30px #6d4aff29;--spacing-2xs:.25rem;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-xxl:4rem;--radius-xs:.1875rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-pill:9999px;--transition-micro:.1s cubic-bezier(.4, 0, .2, 1);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.7;--z-base:0;--z-raised:10;--z-sticky:100;--z-dropdown:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-top:9999;--color-pillar-draft:var(--color-accent-purple);--color-pillar-commander:var(--color-accent-gold);--color-pillar-standard:var(--color-accent-blue);--color-pillar-draft-bg:#8b5cf61f;--color-pillar-commander-bg:#fbbf2426;--color-pillar-standard-bg:#3b82f61f;--font-size-hero:2.75rem;--font-size-3xl:2.25rem}.dark{--color-bg-primary:#0b0f19;--color-bg-secondary:#121826;--color-bg-tertiary:#1a2332;--color-surface-raised:#1e2d42;--color-text-primary:#f8fafc;--color-text-secondary:#d1d9e6;--color-text-muted:#94a3b8;--color-text-tertiary:#64748b;--color-border:#94a3b81f;--color-border-subtle:#94a3b80f;--color-surface:#1a2332db;--color-surface-2:#121826f0;--color-bg-card:#1a2332e0;--surface-soft:#1a233266;--surface-mid:#1a233299;--surface-strong:#1a2332f2;--surface-ink-soft:#1a233280;--surface-hover:#ffffff0d;--surface-border-subtle:#ffffff14;--glow-purple:0 0 20px #8b5cf64d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-accent-purple) transparent;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark html,html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-accent-purple);border-radius:var(--radius-sm);border:2px solid var(--color-bg-secondary)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-to-content{width:1px;height:1px;z-index:var(--z-top);position:absolute;top:auto;left:-9999px;overflow:hidden}.skip-to-content:focus{background:var(--color-accent-hover);color:#fff;border-radius:var(--radius-sm);width:auto;height:auto;font-weight:var(--font-weight-semibold);z-index:var(--z-top);padding:.75rem 1.5rem;text-decoration:none;position:fixed;top:.5rem;left:50%;transform:translate(-50%)}body{color:var(--color-text-primary);background:linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);height:100dvh;transition:background var(--transition-slow), color var(--transition-base);flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;display:flex;overflow-y:auto}body:after{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#8b5cf60a 1px,#0000 1px),linear-gradient(90deg,#8b5cf60a 1px,#0000 1px);background-size:50px 50px;position:fixed;inset:0}::selection{color:var(--color-text-primary);background:#8b5cf64d}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.02em}h1{background:linear-gradient(135deg, var(--color-text-primary), var(--color-accent-purple));-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-md);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,4vw,3rem)}h2{margin-bottom:var(--spacing-sm);font-size:clamp(1.5rem,3vw,2rem)}h3{margin-bottom:var(--spacing-xs);font-size:1.25rem}h4{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}p{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}ul{margin:var(--spacing-sm) 0;list-style:none}li{margin-bottom:var(--spacing-xs);padding-left:var(--spacing-md);color:var(--color-text-secondary);list-style:none;position:relative}.container li:before,.card li:before{content:"▸";color:var(--color-accent-purple);position:absolute;left:0}a{color:inherit}.about-section p a,.faq-answer a,.draft-review-text a,.feedback-analysis a,.auth-error a,.auth-links a:not(.btn),.profile-section-desc a,.forgot-password-link a,.text-muted a{color:var(--color-accent-purple);text-underline-offset:2px;transition:color var(--transition-fast), text-decoration-color var(--transition-fast);-webkit-text-decoration:underline #8b5cf666;text-decoration:underline #8b5cf666}.about-section p a:hover,.faq-answer a:hover,.draft-review-text a:hover,.feedback-analysis a:hover,.auth-error a:hover,.auth-links a:hover,.profile-section-desc a:hover,.forgot-password-link a:hover,.text-muted a:hover{color:var(--color-accent-gold);text-decoration-color:#fbbf2499}main{min-height:0;padding-bottom:var(--spacing-lg);flex-direction:column;flex:1;animation:.3s ease-out fadeIn;display:flex;overflow-y:auto}main.draft-viewport{height:100dvh;padding-bottom:0;overflow:hidden}.container{max-width:1200px;padding:var(--spacing-md) var(--spacing-lg);width:100%;margin:0 auto}.section{margin:var(--spacing-md) 0}.section-title{color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:1.3rem;font-weight:var(--font-weight-semibold)}.page-header{margin-bottom:var(--spacing-xl)}.page-header h1{margin-bottom:var(--spacing-xs)}.page-header p{font-size:var(--font-size-lg);color:var(--color-text-muted);margin:0}.hero{text-align:center;padding:var(--spacing-xl) 0 var(--spacing-lg);align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.hero-logo{object-fit:contain;filter:drop-shadow(0 4px 24px #fbbf244d)drop-shadow(0 0 48px #8b5cf633);width:auto;max-width:90%;height:7rem;margin-bottom:var(--spacing-xs);animation:.5s ease-out heroFadeIn}.hero-headline{font-size:clamp(2rem,5vw,3.25rem);font-weight:var(--font-weight-bold);letter-spacing:-.03em;background:linear-gradient(135deg, var(--color-text-primary) 40%, var(--color-accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;line-height:1.1;animation:.5s ease-out .1s both heroFadeIn}.hero-tagline{color:var(--color-text-secondary);max-width:540px;margin:0;font-size:clamp(1rem,2vw,1.15rem);line-height:1.55;animation:.5s ease-out .2s both heroFadeIn}.hero-cta{margin-top:var(--spacing-sm);padding:.75rem 2.25rem;font-size:1rem;animation:.5s ease-out .3s both heroFadeIn}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.landing-features{gap:var(--spacing-sm);margin-top:var(--spacing-md);text-align:center;display:flex}.landing-feature{padding:var(--spacing-md);align-items:center;gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.landing-feature-icon{font-size:var(--font-size-2xl);line-height:1}.landing-feature-title{font-size:.95rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.landing-feature-desc{color:var(--color-text-muted);font-size:.82rem;line-height:var(--line-height-normal);margin:0}.landing-pricing-teaser{justify-content:center;align-items:center;gap:var(--spacing-2xs);margin-top:var(--spacing-sm);color:var(--color-text-muted);flex-wrap:wrap;font-size:.85rem;display:flex}.landing-pricing-free{color:var(--color-success);font-weight:var(--font-weight-semibold)}.landing-pricing-detail{color:var(--color-text-muted);font-size:.8rem}.landing-pricing-sep{opacity:.4}.landing-pricing-pro{color:var(--color-text-secondary)}.landing-beta-badge{background:var(--color-accent-purple);color:#fff;font-size:.7rem;font-weight:var(--font-weight-bold);border-radius:var(--radius-pill);letter-spacing:.05em;text-transform:uppercase;margin-left:var(--spacing-2xs);padding:2px 8px}.steps-section{margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:block}.steps-title{text-align:center;font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-semibold)}.steps{justify-content:center;align-items:flex-start;gap:0;display:flex}.step{text-align:center;flex-direction:column;flex:1;align-items:center;max-width:180px;display:flex}.step-number{background:linear-gradient(135deg, var(--color-accent-purple), var(--color-accent-blue));color:#fff;width:2.5rem;height:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex;box-shadow:0 0 16px #8b5cf64d}.step-content strong{color:var(--color-text-primary);margin-bottom:2px;font-size:.9rem;display:block}.step-content p{color:var(--color-text-muted);margin:0;font-size:.8rem;line-height:1.3}.step-connector{background:linear-gradient(90deg, var(--color-accent-purple), var(--color-accent-blue));opacity:.4;flex-shrink:0;width:32px;height:2px;margin-top:1.25rem}.page-footer{text-align:center;padding:var(--spacing-sm) 0;color:var(--color-text-muted);justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.page-footer-sep{color:var(--color-text-muted);opacity:.4;font-size:var(--font-size-xs)}.page-footer-link{color:var(--color-text-muted);transition:color var(--transition-fast);font-size:.85rem;text-decoration:none}.page-footer-link:hover{color:var(--color-text-secondary)}.home-page{max-width:1200px;padding:var(--spacing-md) var(--spacing-lg);width:100%;margin:0 auto}.home-hero{justify-content:space-between;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-xl) 0 var(--spacing-lg);display:flex}.home-hero-text{flex:1;min-width:0}.home-hero-title{font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.03em;line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm)}.home-hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md);max-width:500px}.home-hero-mascot{object-fit:contain;filter:drop-shadow(0 4px 24px #fbbf2440)drop-shadow(0 0 48px #8b5cf626);flex-shrink:0;width:auto;max-width:300px;height:200px;animation:4s ease-in-out infinite mascotFloat}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.home-section-label{text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent-purple);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--spacing-sm)}.home-pillars{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}.home-pillar-card{padding:var(--spacing-lg);border-radius:var(--radius-lg);background:var(--surface-soft);border:1px solid var(--color-border);gap:var(--spacing-sm);border-left:3px solid #0000;flex-direction:column;display:flex}.home-pillar-card--draft{border-left-color:var(--color-pillar-draft)}.home-pillar-card--commander{border-left-color:var(--color-pillar-commander)}.home-pillar-card--standard{border-left-color:var(--color-pillar-standard)}.home-pillar-icon{border-radius:var(--radius-md);width:48px;height:48px;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.home-pillar-card--draft .home-pillar-icon{background:var(--color-pillar-draft-bg);color:var(--color-pillar-draft)}.home-pillar-card--commander .home-pillar-icon{background:var(--color-pillar-commander-bg);color:var(--color-pillar-commander)}.home-pillar-card--standard .home-pillar-icon{background:var(--color-pillar-standard-bg);color:var(--color-pillar-standard)}.home-pillar-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.home-pillar-card--draft .home-pillar-label{color:var(--color-pillar-draft)}.home-pillar-card--commander .home-pillar-label{color:var(--color-pillar-commander)}.home-pillar-card--standard .home-pillar-label{color:var(--color-pillar-standard)}.home-pillar-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.home-pillar-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin:0}.home-pillar-cta{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:all var(--transition-base);width:fit-content;text-decoration:none;display:inline-flex}.home-pillar-card--draft .home-pillar-cta{background:var(--color-pillar-draft-bg);color:#5a2ec8}.home-pillar-card--commander .home-pillar-cta{background:var(--color-pillar-commander-bg);color:#8a5d00}.home-pillar-card--standard .home-pillar-cta{background:var(--color-pillar-standard-bg);color:#1f5dc6}.home-pillar-cta:hover{filter:brightness(1.2)}.beta-status{gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid}.beta-status--compact{margin-bottom:var(--spacing-md)}.beta-status-copy{gap:var(--spacing-sm);display:grid}.beta-status-badge{background:color-mix(in srgb, var(--color-accent) 16%, transparent);width:fit-content;color:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .75rem;display:inline-flex}.beta-status-text{max-width:58ch;color:var(--color-text);margin:0}.beta-status-points{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.beta-status-points span{background:color-mix(in srgb, var(--surface-mid) 85%, transparent);border:1px solid var(--color-border);color:var(--color-text);font-size:var(--font-size-sm);border-radius:999px;align-items:center;padding:.45rem .8rem;display:inline-flex}.beta-status-links{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.beta-status-link{color:var(--color-accent);font-weight:var(--font-weight-semibold);text-decoration:none}.beta-status-link:hover{text-decoration:underline}.coach-emote{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--color-border);margin:calc(-1 * var(--spacing-sm)) calc(-1 * var(--spacing-sm)) var(--spacing-sm);border-radius:var(--radius-md) var(--radius-md) 0 0;transition:background var(--transition-base);display:flex}.coach-emote-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.coach-emote-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent-purple)}.coach-emote-text{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.coach-emote-thinking{background:#8b5cf614}.coach-emote-error{background:#ef444414}.coach-emote-excited{background:#10b9811f}.coach-emote-happy{background:#10b98114}.coach-emote-content{background:#3b82f60f}.coach-emote-curious{background:#fbbf2414}.coach-emote-worried{background:#ef44440f}.coach-emote-hint{background:#8b5cf60f}.coach-emote-idle{background:0 0}.empty-state{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-md);text-align:center;flex-direction:column;display:flex}.empty-state-mascot{opacity:.7;filter:drop-shadow(0 2px 8px #8b5cf633);width:auto;height:80px}.empty-state-message{font-size:var(--font-size-base);color:var(--color-text-muted);max-width:400px;margin:0}@media (max-width:768px){.home-hero{text-align:center;gap:var(--spacing-md);padding:var(--spacing-md) 0;flex-direction:column-reverse}.home-hero-subtitle{max-width:100%}.home-hero-mascot{height:140px}.home-hero-text{flex-direction:column;align-items:center;display:flex}.home-pillars{grid-template-columns:1fr}.beta-status{padding:var(--spacing-md)}.beta-status-links{gap:var(--spacing-sm)}.beta-status-points{gap:var(--spacing-xs)}}.glass{background:var(--surface-mid);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border)}.surface{background:var(--color-surface);border:1px solid var(--color-border)}.card{padding:var(--spacing-lg);border-radius:var(--radius-lg);background:var(--color-bg-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--color-border);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base), background var(--transition-base);box-shadow:0 16px 40px #0f172a14}.card:hover{border-color:var(--color-border-focus);box-shadow:var(--glow-purple)}.card-interactive:hover{border-color:var(--color-border-focus);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);color:var(--color-text-primary);appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--color-accent-purple);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,#5a2ec8,#4420a8);box-shadow:0 4px 15px #5a2ec847;color:#fff!important}.btn-primary:hover{box-shadow:0 6px 20px #5a2ec866,0 2px 8px #4420a847}.btn-secondary{background:color-mix(in srgb, var(--color-surface) 82%, transparent);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-accent-purple);background:#8b5cf61f}.btn-ghost{background:color-mix(in srgb, var(--color-bg-card) 30%, transparent);border:1px solid var(--color-border);color:var(--color-text-primary)!important}.btn-ghost:hover{border-color:var(--color-accent-purple);color:var(--color-text-primary);background:#8b5cf61f}.btn-danger{color:var(--color-danger-text);background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{border-color:var(--color-danger);background:#ef444440}.btn-danger-icon{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);min-width:36px;min-height:36px;padding:var(--spacing-xs);transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;font-size:1.25rem;line-height:1}.btn-danger-icon.btn-sm{font-size:1.25rem}.btn-danger-icon:hover{color:var(--color-danger-text);background:#ef444426;border-color:#ef44444d}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.btn-full{width:100%}.btn-icon{border-radius:var(--radius-sm);width:36px;min-width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{color:var(--color-text-primary);background:#8b5cf61a}.btn-accent-gold{background:linear-gradient(135deg, var(--color-accent-gold), #d97706);color:#0a0e17;font-weight:var(--font-weight-semibold);border:none}.btn-accent-gold:hover{box-shadow:0 4px 16px #fbbf244d}.textarea-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:color-mix(in srgb, var(--color-surface) 70%, transparent);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:.9rem;line-height:var(--line-height-normal);resize:vertical;transition:border-color var(--transition-base)}.textarea-input:focus{border-color:var(--color-accent-purple);outline:none;box-shadow:0 0 0 3px #8b5cf626}.textarea-input::placeholder{color:var(--color-text-muted)}.toggle{width:44px;height:24px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--color-border);transition:background-color var(--transition-slow);border-radius:24px;position:absolute;inset:0}.toggle-slider:before{content:"";width:18px;height:18px;transition:transform var(--transition-slow);background-color:#fff;border-radius:50%;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background-color:var(--color-accent-gold)}input:checked+.toggle-slider:before{transform:translate(20px)}.alert{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);background:var(--surface-mid);margin:var(--spacing-sm) 0;border-left:4px solid}.alert-info{border-left-color:var(--color-accent-blue);background:#3b82f61a}.alert-success{border-left-color:var(--color-success);background:#10b9811a}.alert-warning{border-left-color:var(--color-accent-gold);background:#fbbf241a}.alert-danger{border-left-color:var(--color-danger);background:#ef44441a}.alert-content{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.alert-actions{gap:var(--spacing-sm);display:flex}.badge{border-radius:var(--radius-xl);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);align-items:center;padding:.125rem .5rem;line-height:1.4;display:inline-flex}.badge-gold{color:var(--color-accent-gold);background:#fbbf2433}.badge-success{color:var(--color-success-text);background:#10b98133}.badge-blue{color:var(--color-info);background:#3b82f633}.badge-danger{color:var(--color-danger-text);background:#ef444433}.progress-bar{background:var(--surface-ink-soft);border-radius:var(--radius-xs);width:100%;height:6px;overflow:hidden}progress.progress-fill{appearance:none;border-radius:var(--radius-xs);background:var(--surface-ink-soft);border:none;width:100%;height:100%;display:block}progress.progress-fill::-webkit-progress-bar{background:var(--surface-ink-soft);border-radius:var(--radius-xs)}progress.progress-fill::-webkit-progress-value{background:linear-gradient(90deg, var(--color-accent-purple), var(--color-accent-gold));border-radius:var(--radius-xs);transition:width .4s}progress.progress-fill::-moz-progress-bar{background:linear-gradient(90deg, var(--color-accent-purple), var(--color-accent-gold));border-radius:var(--radius-xs)}.table-container{border-radius:var(--radius-md);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th,.table td{padding:var(--spacing-xs) var(--spacing-sm);text-align:left;border-bottom:1px solid var(--color-border)}.table th{color:var(--color-text-muted);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.table tbody tr:hover{background:#8b5cf60d}.stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.stat-card{padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--surface-mid)}.stat-card-purple{border-left:3px solid var(--color-accent-purple)}.stat-card-gold{border-left:3px solid var(--color-accent-gold)}.stat-card-blue{border-left:3px solid var(--color-accent-blue)}.stat-card-green{border-left:3px solid var(--color-success-text)}.stat-card-red{border-left:3px solid var(--color-danger-text)}.coaching-gate-passed{border:1px solid var(--color-success);color:var(--color-success-text);background:#10b9811f}.coaching-gate-failed{border:1px solid var(--color-danger);color:var(--color-danger-text);background:#ef44441f}.coaching-rate-good{color:var(--color-success-text);font-weight:var(--font-weight-semibold)}.coaching-rate-ok{color:var(--color-accent-gold);font-weight:var(--font-weight-semibold)}.coaching-rate-bad{color:var(--color-danger-text);font-weight:var(--font-weight-semibold)}.stat-content{gap:var(--spacing-2xs);flex-direction:column;display:flex}.stat-value{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);transition:all var(--transition-base)}.stat-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.loading-spinner{border:4px solid #8b5cf633;border-top-color:var(--color-accent-purple);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loading-centered{text-align:center;padding:var(--spacing-xl)}.loading-spinner-centered{margin:0 auto}.loading-text{margin-top:var(--spacing-sm);color:var(--color-text-muted)}.skeleton{background:linear-gradient(90deg, color-mix(in srgb, var(--color-surface) 72%, transparent) 0%, #8b5cf626 50%, color-mix(in srgb, var(--color-surface) 72%, transparent) 100%);border-radius:var(--radius-md);background-size:200% 100%;animation:2s infinite shimmer}.skeleton-text{height:1rem;margin-bottom:var(--spacing-xs)}.skeleton-card{border-radius:var(--radius-lg);height:200px}.skeleton-grid-item{border-radius:var(--radius-md);width:100%;height:200px}.app-header{background:color-mix(in srgb, var(--color-bg-secondary) 82%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);z-index:var(--z-sticky);position:sticky;top:0;box-shadow:0 1px #8b5cf61a,0 8px 24px #0f172a14}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.75rem 2rem;display:flex}.header-top{justify-content:space-between;align-items:center;display:flex}.header-menu{align-items:center;gap:var(--spacing-md);display:flex}.header-actions{align-items:center;gap:var(--spacing-xs);display:flex}.hamburger-btn{cursor:pointer;padding:var(--spacing-xs);-webkit-tap-highlight-color:transparent;background:0 0;border:none;display:none}.hamburger-icon{background:var(--color-text-primary);width:24px;height:2px;transition:all var(--transition-base);border-radius:2px;display:block;position:relative}.hamburger-icon:before,.hamburger-icon:after{content:"";background:var(--color-text-primary);width:24px;height:2px;transition:all var(--transition-base);border-radius:2px;display:block;position:absolute}.hamburger-icon:before{top:-7px}.hamburger-icon:after{top:7px}.menu-open .hamburger-icon{background:0 0}.menu-open .hamburger-icon:before{top:0;transform:rotate(45deg)}.menu-open .hamburger-icon:after{top:0;transform:rotate(-45deg)}.logo{align-items:center;gap:var(--spacing-xs);color:var(--color-text-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);flex-shrink:0;text-decoration:none;display:flex}.logo-mark{object-fit:contain;filter:drop-shadow(0 0 6px #8b5cf666);flex-shrink:0;width:auto;height:3.5rem}.draft-mascot{object-fit:contain;filter:drop-shadow(0 0 6px #8b5cf666);flex-shrink:0;width:2rem;height:2rem}.logo-text{background:linear-gradient(135deg, var(--color-text-primary), var(--color-accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.main-nav{gap:var(--spacing-md);margin:0;list-style:none;display:flex}.nav-link{color:var(--color-text-primary);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-base);text-decoration:none}.nav-link:hover{color:var(--color-text-primary);background:#8b5cf61a}.nav-link-active{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);background:#8b5cf626;position:relative}.nav-link-active:after{content:"";background:var(--color-accent-purple);border-radius:1px;width:60%;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link-active-draft{color:#5a2ec8;background:var(--color-pillar-draft-bg);font-weight:var(--font-weight-semibold);box-shadow:inset 0 -2px}.nav-link-active-commander{color:#8a5d00;background:var(--color-pillar-commander-bg);font-weight:var(--font-weight-semibold);box-shadow:inset 0 -2px}.nav-link-active-standard{color:#1f5dc6;background:var(--color-pillar-standard-bg);font-weight:var(--font-weight-semibold);box-shadow:inset 0 -2px}.nav-link-active-import{color:#5a2ec8;background:var(--color-pillar-draft-bg);font-weight:var(--font-weight-semibold);box-shadow:inset 0 -2px}.nav-link-secondary{color:var(--color-text-muted);font-size:.8125rem}.header-top-controls{align-items:center;gap:var(--spacing-xs);display:none}.header-auth{flex-shrink:0;align-items:center;display:flex}.theme-toggle{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 80%, transparent);color:var(--color-text-secondary);border-radius:var(--radius-pill);transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast), color var(--transition-fast);align-items:center;gap:.625rem;padding:.375rem .75rem;display:inline-flex}.theme-toggle:hover{color:var(--color-text-primary);border-color:#8b5cf659;transform:translateY(-1px)}.theme-toggle-locked{cursor:not-allowed;opacity:.88}.theme-toggle-locked:hover{border-color:var(--color-border);color:var(--color-text-secondary);transform:none}.theme-toggle:focus-visible{outline:2px solid var(--color-accent-purple);outline-offset:2px}.theme-toggle-track{background:#8b5cf624;border-radius:999px;justify-content:space-between;align-items:center;width:2.8rem;height:1.5rem;padding:0 .3rem;display:inline-flex;position:relative}.theme-toggle-icon{z-index:1;width:.75rem;height:.75rem}.theme-toggle-icon-light{color:#f59e0b}.theme-toggle-icon-dark{color:var(--color-accent-purple)}.theme-toggle-thumb{background:var(--color-bg-card);width:1.25rem;height:1.25rem;transition:transform var(--transition-base), background var(--transition-base);border-radius:50%;position:absolute;top:.125rem;left:.125rem;box-shadow:0 6px 14px #0f172a2e}.dark .theme-toggle-thumb{transform:translate(1.3rem)}.theme-toggle-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.auth-links{gap:var(--spacing-xs);align-items:center;display:flex}.avatar-dropdown-wrapper{position:relative}.avatar-btn{cursor:pointer;transition:transform var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:inline-flex}.avatar-btn:hover{transform:scale(1.08)}.avatar-btn:focus-visible{outline:2px solid var(--color-accent-purple);outline-offset:2px}.avatar-circle{background:linear-gradient(135deg, var(--color-accent-purple), #6366f1);color:#fff;width:2rem;height:2rem;font-weight:var(--font-weight-bold);text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex}.avatar-dropdown{background:var(--surface-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:180px;z-index:var(--z-dropdown);animation:.15s ease-out avatarDropdownIn;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #0006}@keyframes avatarDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.avatar-dropdown-name{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);white-space:nowrap;text-overflow:ellipsis;max-width:220px;padding:.625rem .875rem;font-size:.8rem;overflow:hidden}.avatar-dropdown-item{width:100%;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:left;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);box-sizing:border-box;background:0 0;border:none;padding:.5rem .875rem;font-family:inherit;text-decoration:none;display:block}.avatar-dropdown-item:hover{color:var(--color-text-primary);background:#8b5cf61f}.avatar-dropdown-item:focus-visible{outline:2px solid var(--color-accent-purple);outline-offset:-2px}.avatar-dropdown-logout{color:var(--color-danger)}.avatar-dropdown-logout:hover{color:var(--color-danger-medium);background:#ef44441f}.upgrade-cta{margin-right:.5rem;padding:.25rem .75rem;font-size:.75rem;animation:3s ease-in-out infinite subtlePulse}@keyframes subtlePulse{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 8px 2px #8b5cf633}}.premium-badge-sm{font-size:.5rem;font-weight:var(--font-weight-bold);color:#000;letter-spacing:.05em;pointer-events:none;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;padding:1px 4px;line-height:1;position:absolute;bottom:-4px;right:-6px}.avatar-btn{position:relative}.pricing-current{opacity:.6;cursor:default;pointer-events:none}.billing-header-badge{color:var(--color-text-primary);background:linear-gradient(135deg,#facc1533,#f59e0b29);border:1px solid #f59e0b73;text-decoration:none}.billing-header-badge:hover{color:var(--color-text-primary);border-color:#f59e0bb3}.auth-page{padding-top:var(--spacing-xl);justify-content:center;align-items:flex-start;display:flex}.auth-card{width:100%;max-width:420px;padding:var(--spacing-lg);border-radius:var(--radius-lg);background:var(--surface-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border)}.auth-header{text-align:center;margin-bottom:var(--spacing-md)}.auth-header h1{margin-bottom:var(--spacing-xs);font-size:1.75rem}.auth-header p{color:var(--color-text-muted);margin:0}.auth-step-badge{margin-bottom:var(--spacing-sm);color:var(--color-accent-purple);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;background:#8b5cf624;border:1px solid #8b5cf652;border-radius:999px;justify-content:center;align-items:center;padding:.3rem .7rem;display:inline-flex}.auth-onboarding-note{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);background:#0f172aa6;border:1px solid #94a3b833;gap:.35rem;display:grid}.auth-onboarding-note strong{color:var(--color-text-primary)}.auth-form{gap:var(--spacing-sm);flex-direction:column;display:flex}.auth-field{flex-direction:column;gap:.375rem;display:flex}.auth-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.auth-input{padding:.5rem var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:border-color var(--transition-base);background:#0a0e1799;font-family:inherit;font-size:.95rem}.auth-input:focus{border-color:var(--color-accent-purple);outline:none;box-shadow:0 0 0 3px #8b5cf626}.auth-input::placeholder{color:var(--color-text-muted)}.auth-error{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-danger-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:#ef44441f;border:1px solid #ef444466}.auth-hint{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:.25rem;display:block}.auth-field-error{margin-top:var(--spacing-xs);color:var(--color-danger-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:block}.auth-footer{text-align:center;margin-top:var(--spacing-md)}.auth-footer p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.auth-footer a{color:var(--color-accent-purple);font-weight:var(--font-weight-semibold);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-brand-link{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);text-decoration:none}.auth-brand-link:hover{color:var(--color-accent-hover)}.app-footer{color:var(--color-text-muted);border-top:1px solid var(--color-border);background:#12182666;flex-shrink:0;padding:.375rem 2rem}.footer-content{justify-content:space-between;align-items:center;gap:var(--spacing-sm);max-width:1200px;font-size:var(--font-size-xs);margin:0 auto;display:flex}.footer-brand{white-space:nowrap;color:var(--color-text-secondary)}.footer-links{align-items:center;gap:var(--spacing-xs);display:flex}.footer-link{color:var(--color-text-secondary);font-size:var(--font-size-xs);transition:color var(--transition-fast);text-decoration:none}.footer-link:hover{color:var(--color-text-primary)}.footer-link:focus-visible{outline:2px solid var(--color-accent-purple);outline-offset:3px;border-radius:var(--radius-xs)}.footer-sep{color:var(--color-border);font-size:.65rem}.footer-version{color:var(--color-text-primary);font-size:.85em}.footer-copy{white-space:nowrap;color:var(--color-text-secondary)}.mana-row{gap:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.mana-symbol{width:48px;height:48px;font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);transition:transform var(--transition-base);border:3px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mana-symbol:hover{transform:scale(1.15)}.mana-letter{z-index:var(--z-raised);position:relative}.mana-white{color:#374151;background:linear-gradient(135deg,#f9fafb,#e5e7eb);border-color:#d1d5db;box-shadow:0 3px 10px #f9fafb33}.mana-blue{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#1d4ed8;box-shadow:0 3px 10px #3b82f64d}.mana-black{color:#d1d5db;background:linear-gradient(135deg,#1f2937,#111827);border-color:#374151;box-shadow:0 3px 10px #0006}.mana-red{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#b91c1c;box-shadow:0 3px 10px #ef44444d}.mana-green{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:#047857;box-shadow:0 3px 10px #10b9814d}.mana-colorless{color:#e5e7eb;background:linear-gradient(135deg,#6b7280,#4b5563);border-color:#374151;box-shadow:0 3px 10px #6b72804d}.draft-container{width:100%;min-height:0;padding:var(--spacing-xs);flex-direction:column;flex:1;display:flex;overflow:hidden}.draft-layout{gap:var(--spacing-xs);flex:1;grid-template:"pool pack"1fr"coach coach"/260px 1fr;min-height:0;display:grid;overflow:hidden}.draft-pool-sidebar{border-right:1px solid var(--color-border);grid-area:pool;min-height:0;overflow-y:auto}.draft-main{flex-direction:column;grid-area:pack;min-height:0;display:flex;overflow-y:auto}.draft-coach-bar{gap:var(--spacing-md);border-top:1px solid var(--color-border);min-height:0;max-height:200px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface-1);grid-area:coach;display:flex;overflow-y:auto}.coach-bar-left{flex:1;min-width:0;overflow-y:auto}.coach-bar-right{flex-shrink:0;width:320px}.mini-coach-bar{display:none}.draft-grade-badge{align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-sm);background:var(--color-surface-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);display:flex}.draft-grade-avg{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.draft-trends{background:var(--color-surface-2);border-radius:var(--radius-md);padding:var(--spacing-sm);height:100%}.draft-trends-header{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.draft-trends-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.draft-trends-empty{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.draft-trend-item{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);display:flex}.draft-trend-icon{flex-shrink:0;width:1.2em}.draft-trend-text{color:var(--color-text-secondary)}.draft-trend-item.trend-good .draft-trend-text{color:var(--color-success)}.draft-trend-item.trend-warn .draft-trend-text{color:var(--color-warning)}.draft-trend-item.trend-neutral .draft-trend-text{color:var(--color-text-secondary)}.mini-coach-content{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface-1);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);display:flex}.mini-coach-label{color:var(--color-text-secondary);flex-shrink:0}.mini-coach-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.mini-coach-score{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.mini-coach-empty .mini-coach-label{color:var(--color-text-muted);font-style:italic}.draft-coach-bar .coach-panel{padding:var(--spacing-xs)}.draft-coach-bar .coach-think{display:none}.draft-coach-bar .coach-emote{padding:var(--spacing-xs)}.draft-sidebar{flex:1;min-width:280px;max-width:360px;min-height:0;overflow-y:auto}.sidebar-toggle,.sidebar-tabs{display:none}.sidebar-panel,.sidebar-panel-hidden{display:block}@media (max-width:768px){.sidebar-panel-hidden{display:none}}.mobile-draft-tabs{display:none}.draft-header{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xs);flex-shrink:0}.draft-header-content{align-items:center;gap:var(--spacing-sm);display:flex}.draft-logo-link{flex-shrink:0;display:flex}.draft-header-controls{align-items:center;gap:var(--spacing-md);margin-left:auto;display:flex}.coaching-toggle-wrapper{align-items:center;gap:var(--spacing-sm);display:flex}.coaching-toggle-label{color:var(--color-text-muted);font-size:.9rem}.settings-timer-select{background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:.4rem .6rem;font-size:.85rem}.settings-timer-select:focus{border-color:var(--color-accent-purple);outline:none}.settings-gear-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-muted);transition:var(--transition-fast);background:0 0;align-items:center;display:flex}.settings-gear-btn:hover{color:var(--color-text-primary);border-color:var(--color-text-muted)}.settings-gear-active{color:var(--color-accent-gold);border-color:#fbbf244d}.settings-gear-active:hover{color:var(--color-accent-gold)}.settings-gear-missing{color:var(--color-text-muted);opacity:.6}.settings-gear-icon{width:1rem;height:1rem}.settings-panel{border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.settings-panel-content{gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);flex-direction:column;max-width:480px;display:flex}.settings-panel-label{font-size:.8rem;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.settings-key-row{align-items:center;gap:var(--spacing-xs);display:flex}.settings-key-input{background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1;min-width:0;padding:.4rem .6rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem}.settings-key-input:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 2px #8b5cf626}.settings-detected{color:var(--color-text-muted);min-height:1em;font-size:.78rem}.leave-dialog-overlay{z-index:var(--z-modal);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.leave-dialog{padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;width:90%;max-width:360px}.leave-dialog-title{margin:0 0 var(--spacing-lg) 0;font-size:1.1rem}.leave-dialog-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.leave-dialog-danger-zone{margin-top:var(--spacing-sm);padding-top:var(--spacing-md);align-items:center;gap:var(--spacing-2xs);border-top:1px solid #ef444433;flex-direction:column;display:flex}.leave-dialog-danger-zone .btn-danger{width:100%}.leave-dialog-danger-zone p{margin:0}.timer-display{font-family:JetBrains Mono,Fira Code,monospace;font-size:1.1rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);text-align:center;min-width:3rem;padding:.2rem .6rem}.settings-panel-hint{color:var(--color-text-muted);margin-bottom:var(--spacing-xs);font-size:.75rem}.timer-warning{color:var(--color-accent-gold);background:#fbbf241a;border-color:#fbbf2466}.timer-urgent{color:var(--color-danger);background:#ef444426;border-color:#ef444480;animation:.8s ease-in-out infinite timer-pulse}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.6}}.draft-progress{flex:1;min-width:0}.draft-progress-info{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:baseline;display:flex}.draft-progress-text{color:var(--color-text-primary);font-size:.95rem;font-weight:var(--font-weight-semibold)}.draft-progress-count{color:var(--color-accent-gold);font-weight:var(--font-weight-bold);font-size:var(--font-size-base)}.draft-seed{color:var(--color-text-secondary);white-space:nowrap;font-size:.8rem}.draft-seed code{color:var(--color-accent-gold);font-family:var(--font-mono);letter-spacing:.05em;font-size:.8rem}.set-details-disclosure{margin-top:var(--spacing-xs);text-align:left}.set-details-toggle{opacity:.7;text-align:left;font-size:.8rem}.set-details-hidden{display:none}.seed-input-section{margin-top:var(--spacing-sm)}.seed-toggle{opacity:.7;font-size:.8rem}.seed-input-row{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs);display:flex}.seed-input{width:20ch;padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-accent-gold);font-size:.9rem}.seed-input::placeholder{color:var(--color-text-secondary);opacity:.5;text-transform:none}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--spacing-xs) 0;justify-content:space-between;align-items:center;display:flex}.collapsible-header h4{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin:0;font-size:.85rem}.collapsible-arrow:after{content:"▶";color:var(--color-text-muted);transition:transform var(--transition-fast);font-size:.6rem;display:inline-block}.collapsible-open .collapsible-arrow:after{transform:rotate(90deg)}.collapsible-body{padding-top:var(--spacing-sm)}.training-panel-section{border-left:3px solid var(--color-accent-purple)}.training-panel-section .collapsible-header h4{color:var(--color-accent-purple)}.training-textarea{resize:vertical;width:100%;min-height:80px;font-size:.85rem;line-height:var(--line-height-normal)}.training-hint-btn{margin-top:var(--spacing-sm);width:100%}.training-hint{margin-top:var(--spacing-sm);white-space:pre-wrap;font-size:.85rem;line-height:1.6}.card-grid{gap:var(--spacing-xs);min-height:0;padding:var(--spacing-xs);transition:opacity var(--transition-base), filter var(--transition-base);flex:1;grid-template-columns:repeat(5,1fr);grid-auto-rows:max-content;align-content:start;align-items:start;display:grid;overflow-y:auto}.card-grid-loading{opacity:.6;pointer-events:none;filter:grayscale(.3)}.card-grid[data-cards="1"],.card-grid[data-cards="2"],.card-grid[data-cards="3"]{grid-template-columns:repeat(auto-fill,minmax(180px,240px));justify-content:center}.card-grid[data-cards="4"],.card-grid[data-cards="5"]{grid-template-columns:repeat(auto-fill,minmax(160px,220px));justify-content:center}.card-grid[data-cards="6"],.card-grid[data-cards="7"],.card-grid[data-cards="8"]{grid-template-columns:repeat(auto-fill,minmax(150px,200px));justify-content:center}.card-grid-item{appearance:none;font:inherit;color:inherit;text-align:inherit;background:var(--surface-mid);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:transform .15s ease, box-shadow .15s ease, border-color var(--transition-fast);padding:0;overflow:visible}.card-grid-item:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card-grid-item:focus-visible{outline:3px solid var(--color-accent-purple);outline-offset:3px;box-shadow:0 0 0 5px #8b5cf640}.rarity-border-common{border-color:#9ca3af33}.rarity-border-uncommon{border-color:#8b5cf633}.rarity-border-rare{border-color:#fbbf2433}.rarity-border-mythic{border-color:#ef444440}.rarity-border-common:hover{border-color:#9ca3af}.rarity-border-uncommon:hover{border-color:var(--color-accent-purple);box-shadow:var(--glow-purple)}.rarity-border-rare:hover{border-color:var(--color-accent-gold);box-shadow:0 0 20px #fbbf244d}.rarity-border-mythic:hover{border-color:var(--color-danger);box-shadow:0 0 20px #ef44444d}.card-image{aspect-ratio:488/680;object-fit:contain;border-radius:calc(var(--radius-lg) - 2px);background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);width:100%;display:block}.pack-card-preview{width:300px;z-index:var(--z-top);border-radius:var(--radius-lg);pointer-events:none;display:none;position:fixed;box-shadow:0 10px 40px #000c}.pack-card-preview.is-landscape{transform-origin:50%;width:215px;height:300px;transform:rotate(-90deg)}.card-grid-item{touch-action:manipulation;position:relative}.card-flip-btn{color:#fff;width:44px;height:44px;font-size:var(--font-size-base);cursor:pointer;z-index:var(--z-raised);opacity:.7;transition:opacity var(--transition-fast), background var(--transition-fast);background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:2px;right:2px}.card-flip-btn:hover{opacity:1;background:#8b5cf6cc}.card-grid-item.is-dfc .card-image{transition:opacity var(--transition-fast)}.card-placeholder{aspect-ratio:488/680;padding:var(--spacing-sm);background:linear-gradient(135deg,#8b5cf626,#3b82f626);justify-content:center;align-items:center;display:flex}.card-placeholder-text{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;font-weight:var(--font-weight-semibold)}.card-stat-overlay{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;text-shadow:0 0 2px #000c;background:#000000bf;padding:2px 6px;line-height:1.3;position:absolute;bottom:4px;right:4px}.card-stat-overlay-ai{color:var(--color-accent-gold)}.stat-17l-good{color:var(--color-success-bright)}.stat-17l-avg{color:var(--color-accent-gold)}.stat-17l-bad{color:var(--color-danger-medium)}.pack-loading{text-align:center;padding:var(--spacing-lg)}.pack-loading-spinner{margin:0 auto}.pack-loading-text{margin-top:var(--spacing-sm);color:var(--color-text-muted)}.pick-toast{background:var(--surface-strong);border:1px solid var(--color-accent-purple);color:var(--color-text);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-lg);font-size:.9rem;font-weight:var(--font-weight-medium);z-index:var(--z-toast);pointer-events:none;-webkit-backdrop-filter:blur(8px);animation:.3s ease-out toast-slide-up;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes toast-slide-up{0%{opacity:0;transform:translate(-50%)translateY(1rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (prefers-reduced-motion:reduce){.pick-toast{animation:none}}.feedback-score-display{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;display:flex}.feedback-score-value{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-accent-gold)}.feedback-score-max{color:var(--color-text-muted);font-size:.9rem}.feedback-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);min-width:2.5rem}.feedback-meta{margin-top:.125rem;margin-bottom:var(--spacing-xs)}.feedback-draft-grade{align-items:center;gap:var(--spacing-xs);border-top:1px solid var(--color-border);padding-top:.375rem;display:flex}.badge-sm{padding:.05rem .375rem;font-size:.65rem}.feedback-loading{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.feedback-loading-spinner{border-width:2px;width:20px;height:20px}.slow-hint{opacity:0;width:100%;animation:.4s 5s forwards delayed-fade-in}@keyframes delayed-fade-in{to{opacity:1}}.llm-slow-hint{width:100%;font-style:italic}.feedback-divider{background:var(--color-border);height:1px;margin:var(--spacing-sm) 0}.feedback-analysis{white-space:pre-wrap;color:var(--color-text-primary);font-size:.85rem;line-height:1.6}.feedback-actions{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);flex-wrap:wrap;display:flex}.feedback-button{border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;background:#1a233266;padding:.25rem .45rem;font-size:.95rem;transition:border-color .2s,background .2s}.feedback-button:hover:not(:disabled){border-color:var(--color-accent-gold);background:#fbbf241f}.feedback-button-selected{border-color:var(--color-accent-gold);background:#fbbf2433}.feedback-button:disabled{opacity:.6;cursor:not-allowed}.coach-panel{border-left:3px solid var(--color-accent-mana);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#a855f70a}.coach-panel-disabled{border-left:3px solid var(--color-border);background:var(--surface-soft);opacity:1}.coach-panel-header{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.coaching-error{padding:var(--spacing-xs) 0;font-style:italic}.coaching-error-banner{gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-sm);border-left:3px solid var(--color-danger);margin-top:var(--spacing-xs);background:#ef444414;flex-direction:column;display:flex}.coaching-error-message{color:var(--color-danger-text);font-size:.8rem}.coaching-error-actions{gap:var(--spacing-xs);align-items:center;display:flex}.coach-ai-grade{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);font-size:.78rem;display:flex}.coach-think{margin-bottom:var(--spacing-sm)}.coach-think-row{gap:var(--spacing-xs);align-items:flex-start;display:flex}.coach-think-row .training-textarea{flex:1;min-height:60px}.coach-hint-btn{flex-shrink:0;align-self:flex-start;margin-top:0}.hint-counter{font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0;margin-left:4px}.hint-counter-warning{color:var(--color-warning);font-weight:600}.reasoning-counter{text-align:right;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px;display:block}.reasoning-counter-limit{color:var(--color-danger)}.coach-feedback{border-top:1px solid var(--color-border);padding-top:var(--spacing-sm)}.coach-feedback-row{gap:var(--spacing-xs);margin-top:var(--spacing-xs);display:flex}.coach-feedback-btn{opacity:.6;font-size:var(--font-size-base);padding:2px 8px}.coach-feedback-btn:disabled{cursor:default}.coach-feedback-btn-active{opacity:1}.coach-score-line{align-items:center;gap:var(--spacing-xs);display:flex}.coach-score-value{font-size:1.1rem;font-weight:var(--font-weight-bold);color:var(--color-accent-gold)}.coach-picked-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.coach-meta-line{align-items:center;gap:var(--spacing-xs);margin-top:.125rem;margin-bottom:var(--spacing-xs);display:flex}.coach-meta-sep{color:var(--color-text-muted);font-size:var(--font-size-xs)}.pool-summary{padding:var(--spacing-sm)}.pool-colors{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);flex-wrap:wrap;display:flex}.pool-color-pip{align-items:center;gap:3px;display:flex}.pool-color-icon{border-radius:50%;width:22px;height:22px}.pool-color-count{font-size:.8rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.pool-curve-row{align-items:flex-end;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);display:flex}.pool-sparkline{flex:1;align-items:flex-end;gap:2px;height:24px;display:flex}.pool-spark-bar{background:linear-gradient(to top, var(--color-accent-mana), var(--color-accent-gold));height:0%;transition:height var(--transition-slow);border-radius:2px 2px 0 0;flex:1}.pool-spark-bar:not(.bar-h-0){min-height:3px}.pool-types-detail{font-size:.7rem;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);flex-direction:column;gap:1px;min-width:0;display:flex}.pool-types-mainrow{white-space:nowrap;align-items:center;gap:2px;display:flex}.pool-types-sep{opacity:.5}.pool-types-subrow{font-size:.65rem;font-weight:var(--font-weight-medium);opacity:.8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pool-picks-section{border-top:1px solid var(--color-border);padding-top:var(--spacing-xs)}.mana-inline{vertical-align:-.1em;width:1em;height:1em;margin:0 1px;display:inline}.card-ref-wrapper{display:inline;position:relative}.card-ref{color:var(--color-accent-gold);font-weight:var(--font-weight-semibold);cursor:default;border-bottom:1px dotted var(--color-accent-gold)}.card-ref-overlay{width:250px;height:auto;z-index:var(--z-top);border-radius:var(--radius-lg);pointer-events:none;display:none;position:fixed;box-shadow:0 10px 40px #000c}.sidebar-section{padding:var(--spacing-sm);border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm)}.comp-tabs{margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);gap:0;display:flex}.comp-tab{padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text-muted);font-size:.85rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1}.comp-tab:hover{color:var(--color-text-primary)}.comp-tab-active{color:var(--color-accent-mana);border-bottom-color:var(--color-accent-mana)}.type-breakdown{flex-direction:column;gap:.375rem;display:flex}.type-row{align-items:center;gap:var(--spacing-xs);background:var(--surface-soft);border-radius:var(--radius-sm);padding:.375rem .5rem;display:flex}.type-label{font-size:.85rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);flex:1}.type-count{font-size:1.1rem;font-weight:var(--font-weight-bold);color:var(--color-accent-gold);text-align:right;min-width:1.5rem}.type-target{color:var(--color-text-muted);min-width:2rem;font-size:.7rem}.color-grid{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.color-item{flex-direction:column;align-items:center;gap:2px;display:flex}.color-mana-icon{border-radius:50%;width:40px;height:40px}.color-mana-icon-lg{width:56px;height:56px}.color-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.curve-container{align-items:flex-end;gap:4px;height:80px;display:flex}.curve-bar-wrapper{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.curve-bar-count{color:var(--color-text-muted);margin-bottom:2px;font-size:.65rem}.curve-bar-label{color:var(--color-text-muted);margin-top:2px;font-size:.7rem}.mana-curve-bar{background:linear-gradient(to top, var(--color-accent-purple), var(--color-accent-mana));width:100%;min-height:2px;transition:height var(--transition-slow);border-radius:2px 2px 0 0}.picks-list{max-height:300px;overflow-y:auto}.pick-item,.deck-list-item{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-sm);transition:background var(--transition-fast);font-size:.85rem;display:flex}.pick-item:hover,.deck-list-item:hover{background:#8b5cf614}.pick-number,.deck-list-count{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:right;min-width:1.5rem}.pick-name,.deck-list-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.pick-mana{font-size:var(--font-size-xs);align-items:center;gap:1px;display:flex}.pick-mana .mana-inline{width:14px;height:14px}.deck-list-mana{font-size:var(--font-size-xs);color:var(--color-accent-gold);text-align:right;min-width:2rem}.pick-grade-badge{font-size:.65rem;font-weight:var(--font-weight-bold);text-align:center;border-radius:var(--radius-sm);background:var(--color-surface-2);min-width:1.6rem;color:var(--color-text-muted);flex-shrink:0;padding:1px 4px}.pick-toggle{flex-shrink:0;gap:3px;display:flex}.toggle-btn{font-size:.7rem;font-weight:var(--font-weight-semibold);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:center;min-width:1.2rem;padding:2px 6px;line-height:1}.toggle-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent-purple)}.toggle-btn-active{background:var(--color-accent-purple);color:var(--color-text-primary);border-color:var(--color-accent-purple)}.toggle-btn-active:hover{background:#9d6ef7}.complete-viewport{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.complete-chrome-top{flex-shrink:0}.complete-scroll{min-height:0;padding:0 var(--spacing-lg);flex:1;overflow-y:auto}.complete-scroll>.container{padding-left:0;padding-right:0}.complete-chrome-bottom{padding:var(--spacing-sm) var(--spacing-lg);text-align:center;flex-shrink:0}.complete-header{padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;margin-bottom:var(--spacing-md)}.complete-title{font-size:1.25rem}.complete-colors{gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center;display:flex}.complete-color-item{align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.complete-table{padding:var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.complete-actions{text-align:center;margin-top:var(--spacing-md)}.draft-grade-disclaimer{color:var(--color-text-muted);margin-top:var(--spacing-sm);text-align:center;font-size:.8rem}.draft-review-text{color:var(--color-text-primary);font-size:.9rem;line-height:1.6}.draft-review-paragraph{margin-bottom:var(--spacing-sm);white-space:pre-wrap}.win-record-section{text-align:center;padding:var(--spacing-lg)}.win-record-heading{margin-bottom:var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text-muted)}.win-record-buttons{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;display:flex}.win-record-btn{font-variant-numeric:tabular-nums;min-width:4rem}.win-record-btn-chosen{font-weight:var(--font-weight-semibold)}.win-record-skip{color:var(--color-text-muted);font-size:var(--font-size-sm)}.win-record-confirm{margin-top:var(--spacing-sm)}.set-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.set-card{text-align:center;padding:var(--spacing-lg) var(--spacing-md);transition:transform var(--transition-base), box-shadow var(--transition-base);flex-direction:column;align-items:center;display:flex}.set-card:hover{box-shadow:var(--glow-purple), var(--shadow-md);transform:translateY(-3px)}.set-card-icon-area{padding:var(--spacing-sm) 0 var(--spacing-md);justify-content:center;align-items:center;display:flex}.set-card-icon{object-fit:contain;filter:brightness(0)invert()sepia()saturate(4)hue-rotate(-10deg)brightness(1.05)drop-shadow(0 0 10px #ea781e80)drop-shadow(0 0 20px #c83c1440);width:64px;height:64px;transition:filter var(--transition-slow), transform var(--transition-slow)}.set-card:hover .set-card-icon{filter:brightness(0)invert()sepia()saturate(5)hue-rotate(-10deg)brightness(1.1)drop-shadow(0 0 14px #ea781eb3)drop-shadow(0 0 28px #c83c1466);transform:scale(1.1)}.set-card-body{margin-bottom:var(--spacing-md);flex:1}.set-card-title{color:var(--color-text-primary);margin-bottom:4px;font-size:1.05rem}.set-card-code{font-size:.7rem;font-weight:var(--font-weight-bold);color:var(--color-accent-gold);letter-spacing:.1em;text-transform:uppercase}.set-card-meta{color:var(--color-text-muted);margin:var(--spacing-xs) 0 0;font-size:.8rem;line-height:1.4}.set-strip-container{margin-top:var(--spacing-sm)}.draft-onboarding{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-xl);grid-template-columns:minmax(0,2fr) minmax(260px,1fr);display:grid}.draft-onboarding-kicker{margin-bottom:var(--spacing-sm);color:var(--color-accent-gold);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.12em;text-transform:uppercase;display:inline-block}.draft-onboarding-title{margin-bottom:var(--spacing-sm)}.draft-onboarding-steps{gap:var(--spacing-sm);margin-top:var(--spacing-md);display:grid}.draft-onboarding-step{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-secondary);background:#0f172a80;border:1px solid #94a3b81f;align-items:flex-start;display:flex}.draft-onboarding-step strong{color:var(--color-accent-purple)}.draft-onboarding-actions{gap:var(--spacing-sm);flex-direction:column;justify-content:center;display:flex}.draft-onboarding-meta{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.section-title-row{align-items:center;gap:var(--spacing-sm);display:flex}.onboarding-hint-trigger{width:1.5rem;height:1.5rem;color:var(--color-accent-purple);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);background:#8b5cf624;border:1px solid #8b5cf652;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.draft-helper-copy{margin:0 0 var(--spacing-sm);color:var(--color-text-muted)}.draft-primary-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-wrap:wrap;display:flex}.set-strip{gap:var(--spacing-xs);padding:var(--spacing-xs) 0;scrollbar-width:thin;scrollbar-color:var(--color-accent-purple) transparent;min-height:80px;display:flex;overflow-x:auto}.set-strip::-webkit-scrollbar{height:6px}.set-strip::-webkit-scrollbar-track{background:0 0}.set-strip::-webkit-scrollbar-thumb{background:var(--color-accent-purple);border-radius:var(--radius-xs)}.set-strip-item{min-width:64px;padding:var(--spacing-xs);border-radius:var(--radius-lg);cursor:pointer;color:inherit;transition:all var(--transition-fast);background:0 0;border:2px solid #0000;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;font-family:inherit;display:flex}.set-strip-item:hover{background:#8b5cf614}.set-strip-item-active{border-color:var(--color-accent-purple);background:#8b5cf61f;box-shadow:0 0 16px #8b5cf640}.set-strip-icon{object-fit:contain;filter:brightness(0)invert()sepia()saturate(4)hue-rotate(-10deg)brightness(1.05)drop-shadow(0 0 8px #ea781e66);width:36px;height:36px;transition:filter var(--transition-fast), transform var(--transition-fast)}.set-strip-item:hover .set-strip-icon{filter:brightness(0)invert()sepia()saturate(5)hue-rotate(-10deg)brightness(1.1)drop-shadow(0 0 12px #ea781e99);transform:scale(1.1)}.set-strip-item-active .set-strip-icon{filter:brightness(0)invert()sepia()saturate(5)hue-rotate(-10deg)brightness(1.15)drop-shadow(0 0 14px #ea781eb3)drop-shadow(0 0 28px #c83c1459)}.set-strip-code{font-size:.65rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.set-strip-item-active .set-strip-code{color:var(--color-accent-gold)}.set-detail{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);margin-top:var(--spacing-sm);flex-direction:column;gap:0;animation:.2s ease-out fadeIn;display:flex}.set-detail-header{align-items:center;gap:var(--spacing-md);display:flex}.set-detail-icon{object-fit:contain;filter:brightness(0)invert()sepia()saturate(5)hue-rotate(-10deg)brightness(1.15)drop-shadow(0 0 14px #ea781eb3)drop-shadow(0 0 28px #c83c1459);flex-shrink:0;width:56px;height:56px}.set-detail-info{flex:1;min-width:0}.set-detail-name{font-size:1.2rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.set-detail-code{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-accent-gold);text-transform:uppercase;letter-spacing:.1em}.set-detail-meta{color:var(--color-text-muted);margin:2px 0 0;font-size:.85rem}.set-details-disclosure{margin-top:var(--spacing-xs)}.set-details-toggle{width:100%;color:var(--color-text-muted);font-size:var(--font-size-xs);padding:var(--spacing-2xs) 0;justify-content:flex-start}.set-details-toggle:hover{color:var(--color-text-secondary)}.set-details-content{animation:.15s ease-out fadeIn}.set-mechanics{gap:var(--spacing-2xs);border-top:1px solid var(--surface-border-subtle);flex-direction:column;margin:.5rem 0 .25rem;padding-top:.5rem;display:flex}.set-mechanic{gap:.35rem;font-size:.8rem;line-height:1.3;display:flex}.set-mechanic-name{color:var(--color-accent-gold);font-weight:var(--font-weight-semibold);white-space:nowrap}.set-mechanic-reminder{color:var(--color-text-muted)}.set-archetypes{border-top:1px solid var(--surface-border-subtle);flex-wrap:wrap;gap:.4rem;margin:.4rem 0 .5rem;padding-top:.5rem;display:flex}.set-archetype-pair{background:var(--surface-soft);border-radius:var(--radius-sm);border:1px solid var(--surface-border-subtle);font-size:var(--font-size-xs);white-space:nowrap;align-items:center;gap:.3rem;padding:.2rem .5rem;display:inline-flex}.set-archetype-pair:hover{background:var(--surface-hover)}.set-archetype-colors{align-items:center;gap:2px;display:flex}.archetype-mana-icon{width:16px;height:16px}.set-archetype-name{color:var(--color-text-secondary)}.set-format-note{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-2xs);width:100%;font-style:italic}.set-mechanics-loading{padding:var(--spacing-xs) 0}.set-strip-skeleton{gap:var(--spacing-xs);padding:var(--spacing-xs) 0;display:flex;overflow:hidden}.set-strip-skeleton-icon{border-radius:var(--radius-md);flex-shrink:0;width:56px;height:56px}.resume-draft-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.resume-draft-item{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.resume-draft-info{align-items:center;gap:var(--spacing-sm);flex:1;min-width:0;display:flex}.resume-draft-actions{align-items:center;gap:var(--spacing-xs);display:flex}.resume-progress-bar{background:var(--color-bg-tertiary);border-radius:2px;flex:1;min-width:60px;max-width:200px;height:4px;overflow:hidden}.import-helper-card{margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg)}.import-helper-card strong{color:var(--color-text-primary);margin-bottom:.25rem;display:block}.import-helper-card p{color:var(--color-text-secondary);margin:0}.error-message-content{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.error-actions{gap:var(--spacing-sm);margin-top:var(--spacing-sm);align-items:center;display:flex}.about-section-title{color:var(--color-accent-purple);margin-bottom:var(--spacing-sm);font-size:1.25rem}.about-subsection-title{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);margin-top:var(--spacing-sm);font-size:1rem;font-weight:600}.about-text{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-sm)}.about-text:last-child{margin-bottom:0}.about-steps{gap:var(--spacing-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);flex-direction:column;padding:0;list-style-position:inside;display:flex}.about-steps li{padding-left:var(--spacing-xs)}.about-list{padding-left:var(--spacing-md);gap:var(--spacing-xs);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-sm);flex-direction:column;display:flex}.about-list:last-child{margin-bottom:0}.about-features{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.about-feature{gap:var(--spacing-sm);align-items:flex-start;display:flex}.about-feature-icon{font-size:var(--font-size-xl);text-align:center;flex-shrink:0;width:2rem}.about-feature p{margin-top:var(--spacing-2xs)}.scoring-steps{gap:var(--spacing-sm);margin:var(--spacing-md) 0;flex-direction:column;display:flex}.scoring-step{gap:var(--spacing-md);align-items:flex-start;display:flex}.scoring-step-badge{background:linear-gradient(135deg, var(--color-accent-purple), var(--color-accent-blue));color:#fff;width:2rem;height:2rem;font-weight:var(--font-weight-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex;box-shadow:0 0 12px #8b5cf659}.scoring-step-body strong{color:var(--color-text-primary);margin-bottom:2px;font-size:.95rem;display:block}.scoring-step-body p{color:var(--color-text-muted);margin:0;font-size:.85rem;line-height:1.4}.pricing-page .page-header{text-align:center}.pricing-beta-notice{text-align:center;margin-bottom:var(--spacing-xl)}.pricing-tiers{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}.pricing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);position:relative;overflow:hidden}.pricing-card-featured{border-color:var(--color-accent-primary,var(--color-accent-purple));box-shadow:0 0 0 2px var(--color-accent-primary,var(--color-accent-purple))}.pricing-card-badge{background:var(--color-accent-primary,var(--color-accent-purple));color:#fff;text-align:center;padding:var(--spacing-2xs) var(--spacing-xs);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:600}.pricing-card-header{padding:var(--spacing-md) var(--spacing-md) 0;text-align:center}.pricing-tier-name{color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:1.1rem;font-weight:700}.pricing-price{justify-content:center;align-items:baseline;gap:var(--spacing-2xs);margin-bottom:var(--spacing-2xs);display:flex}.pricing-amount{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;line-height:1}.pricing-period{color:var(--color-text-secondary);font-size:.9rem}.pricing-annual{color:var(--color-text-tertiary,var(--color-text-muted));text-align:center;margin-bottom:0;font-size:.8rem}.pricing-card-body{padding:var(--spacing-md)}.pricing-features{margin:0 0 var(--spacing-md);gap:var(--spacing-xs);flex-direction:column;padding:0;list-style:none;display:flex}.pricing-feature{align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:.9rem;display:flex}.pricing-feature-included{color:var(--color-text-primary)}.pricing-feature-excluded{opacity:.45}.pricing-feature-highlight{font-weight:600}.pricing-check{color:var(--color-success);flex-shrink:0;font-weight:700}.pricing-dash{color:var(--color-text-muted);flex-shrink:0}.btn-block{justify-content:center;width:100%}.pricing-checkout-panel{margin-bottom:var(--spacing-xl);gap:var(--spacing-md);flex-direction:column;display:flex}.pricing-checkout-copy{max-width:48rem}.pricing-checkout-status{border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:.95rem}.pricing-checkout-status-success{background:color-mix(in srgb, var(--color-success) 16%, transparent);color:var(--color-text-primary);border:1px solid color-mix(in srgb, var(--color-success) 40%, transparent)}.pricing-checkout-status-muted{background:var(--color-surface-raised,var(--color-surface));border:1px solid var(--color-border);color:var(--color-text-secondary)}.pricing-promo-row{gap:var(--spacing-xs);flex-direction:column;display:flex}.pricing-promo-label{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.pricing-promo-controls{gap:var(--spacing-sm);align-items:center;display:flex}.pricing-promo-input{text-transform:uppercase;max-width:18rem}.pricing-promo-applied{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-raised,var(--color-surface))}.pricing-promo-applied-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xs);display:flex}.pricing-promo-applied-header .pricing-card-badge{border-radius:999px;margin-left:auto}.pricing-promo-applied-copy{color:var(--color-text-secondary);margin:0;font-size:.9rem}.pricing-auth-cta{gap:var(--spacing-sm);flex-direction:column;display:flex}.pricing-auth-cta-actions{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.pricing-whistle-table{margin:var(--spacing-md) 0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.pricing-whistle-row{padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--color-border);gap:var(--spacing-sm);grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:.9rem;display:grid}.pricing-whistle-row:last-child{border-bottom:none}.pricing-whistle-header{background:var(--color-surface-raised,var(--color-surface));text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);font-size:.8rem;font-weight:600}.pricing-whistle-total{font-weight:600}.pricing-free{color:var(--color-success);font-weight:500}.pricing-pro{color:var(--color-accent-purple);font-weight:500}.pricing-explainer{margin-bottom:var(--spacing-md)}.pricing-explainer-title{color:var(--color-accent-purple);margin-bottom:var(--spacing-sm);font-size:1.1rem}.pricing-faq{margin-bottom:var(--spacing-xl)}.pricing-faq-item{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-subtle,var(--color-border))}.pricing-faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.pricing-faq-q{color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:1rem;font-weight:600}.pricing-faq-a{margin:0}.billing-page{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-2xl)}.billing-shell{gap:var(--spacing-lg);flex-direction:column;display:flex}.billing-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.billing-hero{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);display:flex}.billing-hero-copy{max-width:720px}.billing-kicker{margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:var(--font-weight-semibold);color:var(--color-accent-gold);display:inline-block}.billing-plan-pill{gap:var(--spacing-2xs);min-width:220px;padding:var(--spacing-md);border-radius:var(--radius-lg);background:linear-gradient(#facc151f,#0f172a05);border:1px solid #f59e0b59;flex-direction:column;display:flex}.billing-plan-pill-label,.billing-detail-label,.billing-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:.75rem}.billing-panel{gap:var(--spacing-md);flex-direction:column;display:flex}.billing-panel-highlight{border-color:#8b5cf659;box-shadow:0 12px 30px #8b5cf614}.billing-panel-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.billing-status-badge,.billing-usage-chip,.billing-upgrade-tag{font-size:.8rem;font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:999px;align-items:center;padding:.35rem .65rem;display:inline-flex}.billing-status-badge{color:var(--color-success-text);background:#10b9811f}.billing-usage-chip{color:#b45309;background:#f59e0b1f}.billing-upgrade-tag{color:var(--color-accent-purple);background:#8b5cf624}.billing-detail-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.billing-detail-grid-profile{margin-bottom:var(--spacing-sm)}.billing-detail-card,.billing-stat-card{padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 82%, transparent);flex-direction:column;gap:.35rem;display:flex}.billing-detail-value,.billing-stat-value{color:var(--color-text-primary)}.billing-usage-meter{background:#94a3b829;border-radius:999px;width:100%;height:.85rem;overflow:hidden}.billing-usage-meter-fill{border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#7c3aed);height:100%}.billing-stat-row{gap:var(--spacing-sm);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.billing-actions{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.billing-inline-note{color:var(--color-text-secondary);margin:0}.billing-upgrade-headline{font-size:1.05rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}@media (max-width:900px){.pricing-tiers{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}.pricing-card-featured{order:-1}.pricing-promo-controls{flex-direction:column;align-items:stretch}.pricing-promo-input{max-width:none}.billing-grid,.billing-detail-grid,.billing-stat-row{grid-template-columns:1fr}.billing-hero{flex-direction:column}.billing-plan-pill{width:100%}}.faq-item{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-question{font-size:1.05rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.roadmap-version-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);display:flex}.roadmap-version-header.roadmap-collapsible{cursor:pointer;-webkit-user-select:none;user-select:none}.roadmap-version-header.roadmap-collapsible:hover{opacity:.85}.roadmap-version-title{margin:0;font-size:1.25rem}.roadmap-version-subtitle{color:var(--color-text-muted);margin-bottom:var(--spacing-sm);font-size:.95rem}.roadmap-toggle{color:var(--color-text-muted);margin-left:auto;font-size:.8rem}.roadmap-list{margin:0}.roadmap-list li{padding-left:var(--spacing-md);color:var(--color-text-secondary);margin-bottom:.375rem;font-size:.95rem}.roadmap-list li.roadmap-done{color:var(--color-text-muted);text-decoration:line-through}.roadmap-list li.roadmap-done:before{content:"✓";color:var(--color-success-text);text-decoration:none}.badge-outline{border:1px solid var(--color-text-muted);color:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-accent-purple);outline-offset:2px}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.text-center{text-align:center}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:.85rem}.text-lg{font-size:1.25rem}.text-xl{font-size:var(--font-size-xl)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-gold{color:var(--color-accent-gold)}.text-purple{color:var(--color-accent-purple)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.ml-sm{margin-left:var(--spacing-sm)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.cursor-pointer{cursor:pointer}.whitespace-pre-wrap{white-space:pre-wrap}.overflow-auto{overflow-y:auto}.page-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em;line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}.alert-compact{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.5s ease-out fadeIn}.set-selector-container,.analytics-page{animation:.3s ease-out fadeIn}@keyframes card-picked{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.card-grid>*{animation:.3s ease-out backwards fadeInUp}.card-grid>:first-child{animation-delay:20ms}.card-grid>:nth-child(2){animation-delay:40ms}.card-grid>:nth-child(3){animation-delay:60ms}.card-grid>:nth-child(4){animation-delay:80ms}.card-grid>:nth-child(5){animation-delay:.1s}.card-grid>:nth-child(6){animation-delay:.12s}.card-grid>:nth-child(7){animation-delay:.14s}.card-grid>:nth-child(8){animation-delay:.16s}.card-grid>:nth-child(9){animation-delay:.18s}.card-grid>:nth-child(10){animation-delay:.2s}.card-grid>:nth-child(11){animation-delay:.22s}.card-grid>:nth-child(12){animation-delay:.24s}.card-grid>:nth-child(13){animation-delay:.26s}.card-grid>:nth-child(14){animation-delay:.28s}.card-grid>:nth-child(15){animation-delay:.3s}@media (max-width:1024px) and (hover:hover){.pack-card-preview{width:240px}.card-ref-overlay{width:200px}.pack-card-preview.is-landscape{width:172px;height:240px}}@media (max-width:1024px){.card-grid{gap:var(--spacing-xs);padding:var(--spacing-xs);grid-template-columns:repeat(4,1fr)}.card-grid[data-cards="1"],.card-grid[data-cards="2"],.card-grid[data-cards="3"]{grid-template-columns:repeat(auto-fill,minmax(160px,220px));justify-content:center}.draft-sidebar{min-width:240px;max-width:300px}.logo-mark{height:2.75rem}.nav-link-active:after{display:none}}@media (max-width:900px){.steps{align-items:center;gap:var(--spacing-sm);flex-direction:column}.step{text-align:left;gap:var(--spacing-sm);flex-direction:row;max-width:100%}.step-connector{width:2px;height:16px;margin:0}.step-number{width:2rem;height:2rem;font-size:.9rem}}@media (max-width:768px){.container{padding:var(--spacing-lg) var(--spacing-sm)}.hamburger-btn{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.625rem;display:inline-flex}.header-top-controls,.header-top-controls .avatar-dropdown-wrapper{display:flex}.header-actions{display:none}.header-content{flex-direction:column;align-items:stretch;gap:0}.header-top{align-items:center;gap:var(--spacing-sm)}.header-menu{opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;max-height:0;transition:max-height .3s,opacity .2s,visibility 0s linear .3s;overflow:hidden}.menu-open .header-menu{opacity:1;visibility:visible;pointer-events:auto;max-height:500px;transition:max-height .3s,opacity .2s,visibility linear}.main-nav{border-top:1px solid var(--color-border);flex-direction:column;gap:0;width:100%}.nav-link{min-height:44px;padding:var(--spacing-sm) var(--spacing-md);box-sizing:border-box;align-items:center;width:100%;display:flex}.logo{align-items:center;min-height:44px;padding:.25rem 0;display:inline-flex}.auth-links{gap:var(--spacing-sm)}.auth-links .btn{min-height:44px}.header-auth{display:none}.auth-card{padding:var(--spacing-lg)}.draft-layout{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.mobile-draft-tabs{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);z-index:var(--z-sticky);flex-shrink:0;display:flex;position:sticky;top:0}.mobile-draft-tab{color:var(--color-text-secondary);font-size:.85rem;font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.6rem 0;transition:color .15s,border-color .15s}.mobile-draft-tab:hover{color:var(--color-text-primary)}.mobile-draft-tab-active{color:var(--color-accent-purple);border-bottom-color:var(--color-accent-purple)}.draft-main{flex:1;min-height:0;overflow-y:auto}.draft-main.mobile-tab-hidden{display:none}.draft-pool-sidebar{border-right:none;flex:1;min-height:0;overflow-y:auto}.draft-pool-sidebar.mobile-tab-hidden{display:none}.draft-coach-bar{max-height:unset;border-top:none;flex-direction:column;flex:1}.draft-coach-bar.mobile-tab-hidden{display:none}.coach-bar-right{width:100%}.mini-coach-bar,.draft-coach-bar .coach-think{display:block}.draft-sidebar{min-width:unset;max-width:unset;flex:1;min-height:0;overflow-y:auto}.draft-sidebar.mobile-tab-hidden,.sidebar-tabs{display:none}.header-content{padding:.5rem 1rem}.logo-mark{height:2.5rem}.nav-link-active:after{display:none}.card-grid{grid-template-columns:repeat(3,1fr);gap:6px;padding:6px}.card-grid[data-cards="1"],.card-grid[data-cards="2"],.card-grid[data-cards="3"]{grid-template-columns:repeat(auto-fill,minmax(140px,200px));justify-content:center}.card-grid[data-cards="4"],.card-grid[data-cards="5"],.card-grid[data-cards="6"],.card-grid[data-cards="7"],.card-grid[data-cards="8"]{justify-content:initial;grid-template-columns:repeat(3,1fr)}.stats-grid,.set-grid{grid-template-columns:1fr 1fr}.mana-row{justify-content:center}.glass,.card{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface-strong)}.pack-card-preview{display:none!important}.hero-logo{height:5rem}.hero{padding:var(--spacing-lg) 0 var(--spacing-md);gap:var(--spacing-xs)}.landing-features{flex-direction:unset;grid-template-columns:repeat(2,1fr);display:grid}.landing-feature{flex:unset}.complete-chrome-top{max-height:45vh;overflow-y:auto}.complete-scroll{padding:0 var(--spacing-sm)}.complete-chrome-bottom,.analytics-viewport{padding:var(--spacing-sm)}.footer-content{text-align:center;flex-direction:column;gap:.125rem}.archetype-detail-sections{grid-template-columns:1fr}.settings-row{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}}@media (max-width:480px){.set-grid{grid-template-columns:1fr}.hero-logo{height:4rem}.hero{padding:var(--spacing-md) 0 var(--spacing-sm)}.hero-cta{justify-content:center;width:100%}.landing-features{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.skeleton{animation:none}}.pick-review-list{flex-direction:column;gap:2px;display:flex}.pick-review-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.pick-review-header{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;transition:background-color var(--transition-fast);display:flex}.pick-review-header:hover{background-color:var(--surface-hover)}.pick-review-number{font-weight:var(--font-weight-semibold);min-width:2.5rem;color:var(--color-text-muted);font-size:.85rem}.pick-review-name{font-weight:var(--font-weight-medium);flex:1}.pick-review-mana{align-items:center;gap:2px;min-width:3rem;display:flex}.pick-review-pack{font-size:.8rem}.pick-review-expand{color:var(--color-text-muted);text-align:center;min-width:1rem;font-size:.7rem}.pick-review-pack-context{border-top:1px solid var(--color-border);padding:var(--spacing-sm);background-color:#00000026}.pack-context-header{margin-bottom:var(--spacing-xs)}.pack-context-list{flex-direction:column;gap:1px;display:flex}.pack-context-card{align-items:center;gap:var(--spacing-sm);padding:.2rem var(--spacing-xs);border-radius:var(--radius-sm);font-size:.85rem;display:flex}.pack-context-picked{border-left:3px solid var(--color-accent-gold);background-color:#fbbf2426}.pack-context-name{font-weight:var(--font-weight-medium);flex:1}.pack-context-colors{text-align:center;min-width:3rem;font-size:.8rem}.pack-context-rarity{min-width:4rem;font-size:var(--font-size-xs)}.pack-context-rating{text-align:right;min-width:2rem;font-weight:var(--font-weight-semibold)}.pick-review-analysis{border-top:1px solid var(--color-border);padding-top:var(--spacing-xs);margin-top:var(--spacing-xs)}@media (max-width:768px){.draft-sidebar{border-top:1px solid var(--color-border);padding-top:var(--spacing-xs)}.pack-card-wrapper,.card-grid-item{min-height:44px}.training-textarea{min-height:100px}.comp-tabs{flex-wrap:wrap}.comp-tab{min-width:80px;min-height:44px;padding:var(--spacing-xs) var(--spacing-md)}.picks-sidebar-section{padding:var(--spacing-xs)}.curve-container{height:60px}.set-strip-icon{width:30px;height:30px}.set-strip-item{min-width:52px}.set-detail{text-align:center;flex-direction:column}.set-detail .btn{width:100%}.set-selector-hero{padding:var(--spacing-lg) var(--spacing-sm)}.draft-header-content{flex-wrap:wrap}.draft-progress{order:1;width:100%}.draft-header-controls{width:100%;margin-left:0;margin-top:var(--spacing-xs);order:2;justify-content:space-between}.btn{min-height:44px;padding:var(--spacing-sm) var(--spacing-lg)}.btn-sm{min-height:36px}.pick-item,.deck-list-item{min-height:44px;padding:var(--spacing-xs)}.collapsible-header{min-height:44px;padding:var(--spacing-sm) 0}.timer-display{font-size:var(--font-size-base);min-width:2.5rem;padding:.15rem .5rem}.pick-review-header{min-height:44px;padding:var(--spacing-sm)}.pack-context-card{min-height:36px;padding:var(--spacing-xs)}.coach-think-row{flex-direction:column}.coach-hint-btn{width:100%}.pool-color-icon{width:18px;height:18px}.pool-sparkline{height:20px}}@media (hover:none){.pack-card-preview,.card-ref-overlay{display:none!important}}.card-preview-overlay-backdrop{z-index:var(--z-top);padding-bottom:env(safe-area-inset-bottom,0px);background:#000000b3;justify-content:center;align-items:flex-end;animation:.15s ease-out overlay-fade-in;display:flex;position:fixed;inset:0}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.card-preview-overlay-panel{background:var(--color-bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--spacing-md);align-items:center;gap:var(--spacing-sm);flex-direction:column;width:100%;max-width:360px;animation:.2s ease-out overlay-slide-up;display:flex;position:relative}@keyframes overlay-slide-up{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.card-preview-overlay-backdrop,.card-preview-overlay-panel{animation:none}}.card-preview-overlay-image{border-radius:var(--radius-md);width:100%;max-width:280px}.card-preview-overlay-actions{gap:var(--spacing-sm);justify-content:center;width:100%;display:flex}.card-preview-overlay-actions .btn{flex:1;min-width:44px;max-width:200px;min-height:44px}.card-preview-overlay-close{top:var(--spacing-sm);right:var(--spacing-sm);min-width:44px;min-height:44px;color:var(--color-text);cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute}.card-preview-overlay-close:hover{background:#fff3}@media (max-width:480px){.card-grid,.card-grid[data-cards="4"],.card-grid[data-cards="5"],.card-grid[data-cards="6"],.card-grid[data-cards="7"],.card-grid[data-cards="8"]{grid-template-columns:repeat(2,1fr);gap:6px;padding:6px}.card-flip-btn{width:28px;height:28px;font-size:var(--font-size-xs)}h1{font-size:1.75rem}h2{font-size:1.25rem}.draft-header-content h2{font-size:var(--font-size-base)}.training-panel-section{padding:var(--spacing-xs)}.training-textarea{font-size:.8rem}.draft-progress-text{font-size:.85rem}.draft-progress-count{font-size:.9rem}.coaching-toggle-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.type-row{padding:.25rem .375rem}.type-label{font-size:var(--font-size-xs)}.type-count{font-size:.95rem}.color-mana-icon{width:32px;height:32px}.color-mana-icon-lg{width:44px;height:44px}.curve-container{gap:2px;height:50px}.curve-bar-count,.curve-bar-label{font-size:.6rem}.btn{padding:var(--spacing-xs) var(--spacing-md);font-size:.9rem}.btn-lg{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-lg)}.set-strip-icon{width:26px;height:26px}.set-strip-code{font-size:.7rem}.set-strip-item{min-width:44px}.set-detail-icon{width:40px;height:40px}.steps-grid{grid-template-columns:1fr}.draft-onboarding{padding:var(--spacing-md);grid-template-columns:1fr}.draft-onboarding-actions{align-items:stretch}.resume-draft-item{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.resume-draft-info{width:100%}.resume-progress-bar{max-width:100%}.pick-item,.deck-list-item{padding:var(--spacing-2xs) var(--spacing-xs);font-size:var(--font-size-xs)}.pick-number,.deck-list-count{min-width:1.25rem;font-size:.7rem}.complete-header{padding:var(--spacing-md)}.complete-title{font-size:1.1rem}.complete-colors{gap:var(--spacing-sm)}.mana-symbol{border:2px solid;width:36px;height:36px;font-size:1.2rem}.stats-grid{grid-template-columns:1fr}.feedback-score-value{font-size:1.1rem}.feedback-analysis{font-size:var(--font-size-xs)}.alert-content{flex-direction:column;align-items:flex-start}.alert-actions{width:100%}}.analytics-viewport{max-width:1200px;padding:var(--spacing-md) var(--spacing-lg);width:100%;margin:0 auto}.analytics-scroll,.analytics-dashboard{gap:var(--spacing-lg);flex-direction:column;display:flex}.analytics-section{padding:var(--spacing-lg)}.analytics-section h3{margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.event-counts-table{border-collapse:collapse;width:100%;font-size:.9rem}.event-counts-table th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.event-counts-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border-subtle,var(--color-border))}.event-counts-table tr:last-child td{border-bottom:none}.event-count-label{color:var(--color-text-primary);font-family:monospace}.event-count-value{color:var(--color-accent-blue);font-weight:var(--font-weight-semibold);text-align:right}.not-found{text-align:center;padding:var(--spacing-xxl) var(--spacing-md)}.not-found .btn{margin-top:var(--spacing-md)}.analytics-empty{text-align:center;padding:var(--spacing-xl)}.analytics-empty h2{margin-bottom:var(--spacing-sm)}.analytics-empty .btn{margin-top:var(--spacing-md)}.analytics-nav{margin-top:var(--spacing-lg);padding:var(--spacing-md) 0}.analytics-nav a{color:var(--color-accent-purple);text-decoration:none}.analytics-nav a:hover{text-decoration:underline}.analytics-loading{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.grade-chart{gap:var(--spacing-sm);flex-direction:column;display:flex}.grade-bar-row{align-items:center;gap:var(--spacing-sm);display:flex}.grade-bar-label{width:2rem;font-weight:var(--font-weight-semibold);text-align:right;color:var(--color-text-primary)}.grade-bar-track{background:var(--surface-ink-soft);border-radius:var(--radius-sm);flex:1;height:1.5rem;overflow:hidden}.grade-bar-fill{border-radius:var(--radius-sm);height:100%;padding:0 var(--spacing-sm);transition:width var(--transition-slow);align-items:center;display:flex}.grade-bar-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff}.grade-bar-a{background:linear-gradient(90deg, var(--color-success-text), var(--color-success))}.grade-bar-b{background:linear-gradient(90deg, var(--color-info), var(--color-accent-blue))}.grade-bar-c{background:linear-gradient(90deg, var(--color-accent-gold), var(--color-warning))}.grade-bar-d{background:linear-gradient(90deg,#fb923c,#f97316)}.grade-bar-f{background:linear-gradient(90deg, var(--color-danger-medium), var(--color-danger))}.w-5{width:5%}.w-10{width:10%}.w-20{width:20%}.w-30{width:30%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}.accuracy-chart-wrapper{gap:var(--spacing-xs);display:flex}.accuracy-y-axis{flex-direction:column;justify-content:space-between;align-items:flex-end;min-width:1.5rem;padding-bottom:2.2rem;display:flex}.accuracy-y-label{color:var(--color-text-muted);font-size:.65rem;line-height:1}.accuracy-chart-inner{flex:1;min-width:0}.accuracy-chart{height:120px;padding-top:var(--spacing-sm);align-items:flex-end;gap:2px;display:flex}.accuracy-x-axis{margin-top:var(--spacing-xs);justify-content:space-around;display:flex}.accuracy-pack-label{color:var(--color-text-muted);font-size:.7rem;font-weight:var(--font-weight-medium);text-align:center;flex:1}.accuracy-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.accuracy-bar{width:100%;transition:height var(--transition-slow);cursor:default;border-radius:2px 2px 0 0}.accuracy-bar-high{background:var(--color-success-text)}.accuracy-bar-mid{background:var(--color-accent-gold)}.accuracy-bar-low{background:var(--color-danger-medium)}.accuracy-bar-label{color:var(--color-text-muted);min-height:1rem;margin-top:2px;font-size:.7rem}.h-5{height:5%}.h-10{height:10%}.h-20{height:20%}.h-30{height:30%}.h-40{height:40%}.h-50{height:50%}.h-60{height:60%}.h-70{height:70%}.h-80{height:80%}.h-90{height:90%}.h-100{height:100%}.analytics-table-wrap{overflow-x:auto}.analytics-table{border-collapse:collapse;width:100%}.analytics-table th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.85rem;font-weight:var(--font-weight-semibold)}.analytics-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--surface-border-subtle);color:var(--color-text-primary);font-size:.9rem}.analytics-table tr:hover td{background:#8b5cf60d}.analytics-record{font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.import-page{max-width:720px;padding:var(--spacing-lg) var(--spacing-md);margin:0 auto}.import-section{margin-bottom:var(--spacing-lg)}.import-section-header{margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:1.1rem}.import-textarea{width:100%;min-height:180px;padding:var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);resize:vertical;font-family:Courier New,monospace;font-size:.85rem;line-height:var(--line-height-normal)}.import-textarea:focus{border-color:var(--color-accent);outline:none}.import-preview{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-top:var(--spacing-sm);background:#8b5cf60f}.import-preview-ok{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.import-preview-warn{margin-top:var(--spacing-xs);color:var(--color-accent-gold)}.match-form{gap:var(--spacing-md);flex-direction:column;display:flex}.match-format-toggle{align-items:center;gap:var(--spacing-sm);display:flex}.match-record-inputs{gap:var(--spacing-lg);flex-wrap:wrap;align-items:flex-end;display:flex}.match-record-input{flex-direction:column;gap:4px;display:flex}.match-record-input label{font-size:.8rem}.match-record-input input[type=number]{width:72px}.match-record-input input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-accent);cursor:pointer}.import-actions{justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);display:flex}.import-analysis-page{padding:var(--spacing-lg) var(--spacing-xl);max-width:1400px;margin:0 auto}.ia-header{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex}.ia-grade-badge{font-size:3rem;font-weight:var(--font-weight-bold);text-align:center;min-width:3.5rem;line-height:1}.ia-header-info{flex:1}.ia-header-info h2{margin:0 0 4px;font-size:1.3rem}.ia-header-meta{color:var(--color-text-secondary);font-size:.85rem}.ia-header-record{color:var(--color-gold);font-weight:var(--font-weight-semibold);margin-left:var(--spacing-sm)}.ia-strategy-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);color:var(--color-accent);background:#8b5cf626;margin-top:4px;padding:2px 8px;display:inline-block}.ia-score-display{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gold);white-space:nowrap}.ia-scores{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(5,1fr);display:grid}.ia-score-card{padding:var(--spacing-sm) var(--spacing-md);text-align:center}.ia-score-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:4px}.ia-score-value{font-size:1.4rem;font-weight:var(--font-weight-bold);margin-bottom:6px}.ia-score-value.score-high{color:var(--color-success-text)}.ia-score-value.score-mid{color:var(--color-info)}.ia-score-value.score-low{color:var(--color-accent-gold)}.ia-score-value.score-bad{color:var(--color-danger-medium)}.ia-score-bar{background:var(--color-surface);border-radius:var(--radius-xs);height:6px;overflow:hidden}progress.ia-score-bar-fill{appearance:none;border-radius:var(--radius-xs);background:var(--color-surface);border:none;width:100%;height:100%;display:block}progress.ia-score-bar-fill::-webkit-progress-bar{background:var(--color-surface);border-radius:var(--radius-xs)}progress.ia-score-bar-fill::-webkit-progress-value{background:linear-gradient(90deg, var(--color-accent), var(--color-gold));border-radius:var(--radius-xs);transition:width .5s}progress.ia-score-bar-fill::-moz-progress-bar{background:linear-gradient(90deg, var(--color-accent), var(--color-gold));border-radius:var(--radius-xs)}.ia-composition{gap:var(--spacing-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;align-items:flex-end;display:flex}.ia-curve-section,.ia-colors-section,.ia-types-section{flex:1;min-width:200px}.ia-section-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.ia-type-counts{gap:var(--spacing-md);flex-wrap:wrap;font-size:.9rem;display:flex}.ia-type-item{gap:4px;display:flex}.ia-suggestions{padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.ia-suggestions h3{margin:0 0 var(--spacing-sm) 0;font-size:.9rem}.ia-suggestions ul{padding-left:var(--spacing-md);margin:0}.ia-suggestions li{margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-size:.85rem}.ia-notes{padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.ia-notes h3{margin:0 0 var(--spacing-xs) 0;font-size:.9rem}.ia-deck-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.ia-col-header{font-size:.85rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xs);color:var(--color-text-secondary)}.ia-card-row{align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-sm);transition:background var(--transition-fast);padding:3px 4px;font-size:.9rem;display:flex}.ia-card-row:hover{background:var(--surface-hover)}.ia-card-count{min-width:1.8rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.ia-card-name{flex:1}.ia-card-mana{gap:1px;display:flex}.ia-card-rating{text-align:right;min-width:1.5rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.8rem}.ia-sideboard-sep{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.ia-ai-section{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.ia-ai-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.ia-ai-header h3{margin:0}.ia-ai-text{line-height:var(--line-height-relaxed);white-space:pre-wrap;max-width:80ch;color:var(--color-text-secondary)}.ia-back-link{text-align:center;margin-top:var(--spacing-sm)}@media (max-width:768px){.import-analysis-page{padding:var(--spacing-md)}.ia-header{text-align:center;flex-direction:column}.ia-scores{grid-template-columns:repeat(2,1fr)}.ia-deck-grid{grid-template-columns:1fr}.ia-composition{flex-direction:column}}.import-cta{padding:var(--spacing-xs) var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.import-cta-text{align-items:center;gap:var(--spacing-sm);display:flex}.import-cta-text .text-secondary{font-size:.8rem}.import-badge{font-size:.7rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);background:#8b5cf633;border-radius:4px;padding:2px 8px;display:inline-block}.import-draft-item{padding:var(--spacing-sm) var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.import-draft-info{align-items:center;gap:var(--spacing-sm);display:flex}.import-draft-actions{gap:var(--spacing-xs);display:flex}.bar-h-0{height:0%}.bar-h-5{height:5%}.bar-h-10{height:10%}.bar-h-15{height:15%}.bar-h-20{height:20%}.bar-h-25{height:25%}.bar-h-30{height:30%}.bar-h-35{height:35%}.bar-h-40{height:40%}.bar-h-45{height:45%}.bar-h-50{height:50%}.bar-h-55{height:55%}.bar-h-60{height:60%}.bar-h-65{height:65%}.bar-h-70{height:70%}.bar-h-75{height:75%}.bar-h-80{height:80%}.bar-h-85{height:85%}.bar-h-90{height:90%}.bar-h-95{height:95%}.bar-h-100{height:100%}.deckbuilder-header{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);margin:var(--spacing-xs);flex-shrink:0}.deckbuilder-header-content{align-items:center;gap:var(--spacing-sm);display:flex}.deckbuilder-header-content h2{margin:0;font-size:1.1rem}.deckbuilder-header-controls{align-items:center;gap:var(--spacing-sm);margin-left:auto;display:flex}.deckbuilder-loading{justify-content:center;align-items:center;gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.deckbuilder-error{margin:var(--spacing-lg);padding:var(--spacing-lg);text-align:center}.deckbuilder-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.deckbuilder-layout{gap:var(--spacing-sm);min-height:0;padding:0 var(--spacing-xs);flex:1;display:flex;overflow:hidden}.deckbuilder-pool{flex-direction:column;flex:3;min-height:0;display:flex;overflow:hidden}.deckbuilder-deck{min-width:280px;max-width:400px;min-height:0;padding:var(--spacing-sm);flex-direction:column;flex:2;display:flex;overflow:hidden}.deck-panel-scroll{gap:var(--spacing-sm);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.deckbuilder-tabs{padding:0 var(--spacing-xs);gap:2px;display:none}.deckbuilder-tab{padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text-muted);font-size:.9rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1}.deckbuilder-tab-active{color:var(--color-text-primary);border-bottom-color:var(--color-accent-purple)}.pool-sort-controls{gap:var(--spacing-xs);padding:var(--spacing-xs);flex-shrink:0;display:flex}.sort-pill{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:.25rem .75rem;font-size:.8rem}.sort-pill:hover{border-color:var(--color-accent-purple);color:var(--color-text-primary)}.sort-pill-active{background:var(--color-accent-purple);border-color:var(--color-accent-purple);color:#fff}.pool-grid-scroll{min-height:0;padding:0 var(--spacing-xs) var(--spacing-xs);flex:1;overflow-y:auto}.pool-color-columns{gap:var(--spacing-xs);min-height:100%;display:flex}.pool-color-column{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.pool-column-header{justify-content:center;align-items:center;gap:4px;padding:4px;display:flex}.pool-column-icon{width:20px;height:20px}.pool-column-count{font-size:.8rem;font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.pool-fan-stack{flex-direction:column;padding-bottom:60%;display:flex;position:relative}.pool-fan-stack .pool-card{transition:transform .15s ease, opacity var(--transition-fast), border-color var(--transition-fast);flex-shrink:0;margin-bottom:-65%;position:relative}.pool-fan-stack .pool-card:last-child{margin-bottom:0}.pool-fan-stack .pool-card:hover{z-index:var(--z-raised);transform:translateY(-8px)}.pool-flat-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px;display:grid}.pool-card{border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition-fast), border-color var(--transition-fast);border:2px solid var(--color-border);background:var(--color-bg-tertiary);position:relative;overflow:hidden}.pool-card:hover{border-color:#8b5cf666}.pool-card-available{opacity:1}.pool-card-included{border-color:var(--color-accent-purple);box-shadow:inset 0 0 8px #8b5cf633}.pool-card-image{aspect-ratio:5/7;object-fit:contain;background:var(--surface-mid);width:100%;display:block}.pool-card-info{background:#0009;padding:2px 4px}.pool-card-name{font-size:.65rem;line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pool-card-rating{border-radius:var(--radius-xs);padding:1px 4px;font-size:.7rem;position:absolute;bottom:22px;right:2px}.pool-card-check{background:var(--color-success);color:#fff;width:18px;height:18px;font-size:.65rem;font-weight:var(--font-weight-bold);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:4px}.deck-empty{padding:var(--spacing-lg);text-align:center}.deck-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.deck-section{flex-direction:column;display:flex}.deck-section-header{font-size:.85rem;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);margin-bottom:4px;padding-bottom:4px}.deck-card-row{align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);padding:2px 4px;font-size:.85rem;display:flex}.deck-card-row:hover{background:var(--surface-hover)}.deck-card-cmc{text-align:center;min-width:1.25rem;font-size:var(--font-size-xs)}.deck-card-name{font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.deck-card-mana{gap:1px;display:flex}.deck-card-rating{text-align:right;min-width:1.5rem;font-size:.8rem;font-weight:var(--font-weight-semibold)}.deck-composition{gap:var(--spacing-xs);flex-direction:column;display:flex}.deck-colors{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.deck-color-pip{font-size:.85rem;font-weight:var(--font-weight-semibold);align-items:center;gap:4px;display:flex}.deck-mini-curve{align-items:flex-end;gap:2px;height:40px;display:flex}.deck-curve-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.deck-curve-bar-wrap{flex:1;align-items:flex-end;width:100%;display:flex}.deck-curve-bar{background:linear-gradient(to top, var(--color-accent-purple), var(--color-accent-gold));width:100%;transition:height var(--transition-slow);border-radius:2px 2px 0 0;height:0%}.deck-curve-label{color:var(--color-text-muted);margin-top:1px;font-size:.7rem}.deck-types{gap:var(--spacing-sm);flex-wrap:wrap;font-size:.8rem;display:flex}.deck-type-item{gap:2px;display:flex}.land-editor{gap:var(--spacing-xs);flex-direction:column;display:flex}.land-suggest-btn{align-self:flex-start}.land-rows{flex-direction:column;gap:4px;display:flex}.land-row{align-items:center;gap:var(--spacing-xs);padding:2px 0;display:flex}.land-icon{width:20px;height:20px}.land-name{min-width:5rem;font-size:.85rem}.land-btn{border:1px solid var(--color-border);width:26px;height:26px;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex}.land-btn:hover{background:var(--color-accent-purple);border-color:var(--color-accent-purple)}.land-count{text-align:center;min-width:1.5rem;font-weight:var(--font-weight-bold);font-size:.9rem}.deck-tips{padding:var(--spacing-xs) var(--spacing-sm);flex-direction:column;gap:4px;display:flex}.deck-tip:before{content:"•";color:var(--color-accent-gold)}.deck-analysis-overlay{width:min(420px,90vw);z-index:var(--z-overlay);animation:.3s ease-out slideInRight;position:fixed;top:0;bottom:0;right:0}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.deck-analysis{height:100%;padding:var(--spacing-md);border-left:1px solid var(--color-border);flex-direction:column;display:flex;overflow-y:auto}.deck-analysis-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.deck-analysis-body{gap:var(--spacing-md);flex-direction:column;display:flex}.deck-analysis-grade{align-items:center;gap:var(--spacing-md);justify-content:center;display:flex}.deck-grade-badge{font-size:2.5rem;font-weight:var(--font-weight-bold);line-height:1}.deck-grade-a{color:var(--color-success-text)}.deck-grade-b{color:var(--color-info)}.deck-grade-c{color:var(--color-accent-gold)}.deck-grade-d{color:var(--color-danger-medium)}.deck-axis-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.deck-axis-row{align-items:center;gap:var(--spacing-sm);display:flex}.deck-axis-label{min-width:6rem;color:var(--color-text-secondary);font-size:.85rem}.deck-axis-bar{background:var(--surface-ink-soft);border-radius:4px;flex:1;height:8px;overflow:hidden}progress.deck-axis-fill{appearance:none;background:var(--surface-ink-soft);border:none;border-radius:4px;width:100%;height:100%;display:block}progress.deck-axis-fill::-webkit-progress-bar{background:var(--surface-ink-soft);border-radius:4px}progress.deck-axis-fill::-webkit-progress-value{background:linear-gradient(90deg, var(--color-accent-purple), var(--color-accent-gold));border-radius:4px;transition:width .5s}progress.deck-axis-fill::-moz-progress-bar{background:linear-gradient(90deg, var(--color-accent-purple), var(--color-accent-gold));border-radius:4px}.deck-axis-score{text-align:right;min-width:2rem;font-size:.85rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.deck-suggestions ul{padding-left:var(--spacing-md)}.deck-suggestions li{margin-bottom:4px}.deck-ai-review{border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.deck-analysis-backdrop{z-index:var(--z-overlay);background:#0006;position:fixed;inset:0}.deck-analysis-error{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);text-align:center;flex-direction:column;display:flex}.save-status-error{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.deckbuilder-status{padding:var(--spacing-xs) var(--spacing-sm);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--spacing-sm);background:#0a0e17cc;flex-shrink:0;display:flex}.deckbuilder-status-counts{gap:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.deckbuilder-status-actions{gap:var(--spacing-xs);flex-shrink:0;display:flex}.deck-count{font-size:.85rem;font-weight:var(--font-weight-medium)}.deck-count-ok{color:var(--color-accent-gold)}.deck-count-under{color:var(--color-danger)}.deck-count-over{color:var(--color-warning)}@media (max-width:768px){.deckbuilder-tabs{display:flex}.deckbuilder-layout{flex-direction:column}.deckbuilder-pool,.deckbuilder-deck{max-width:unset;min-width:unset}.deckbuilder-hidden-mobile{display:none!important}.pool-color-columns{flex-wrap:wrap}.pool-color-column{min-width:calc(50% - 4px)}.deckbuilder-status{gap:var(--spacing-xs);flex-direction:column}.deckbuilder-status-counts{justify-content:center}.deckbuilder-status-actions{justify-content:center;width:100%}.deck-analysis-overlay{width:100vw}}@media (max-width:480px){.pool-flat-grid{grid-template-columns:repeat(3,1fr)}.pool-color-column{min-width:calc(50% - 4px)}}.draft-interstitial-backdrop{z-index:var(--z-overlay);background:#0009;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.draft-interstitial{text-align:center;padding:var(--spacing-xl);border-radius:var(--radius-xl);max-width:400px}.draft-interstitial h2{margin-bottom:var(--spacing-xs)}.draft-interstitial-actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-direction:column;align-items:center;display:flex}.pmf-survey-backdrop{z-index:var(--z-modal);padding:var(--spacing-md);background:#000000a6;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.pmf-survey-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:440px;padding:var(--spacing-xl);box-shadow:var(--shadow-lg);text-align:center;animation:.2s ease-out slideUp}.pmf-survey-modal h2{margin-bottom:var(--spacing-sm);font-size:1.25rem}.pmf-survey-question{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-size:1rem}.pmf-survey-options{gap:var(--spacing-sm);flex-direction:column;display:flex}.pmf-survey-option{text-align:left;width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}.pmf-survey-thanks{color:var(--color-text-secondary);margin:var(--spacing-md) 0;font-size:1rem}.pmf-survey-dismiss{margin-top:var(--spacing-md);font-size:.85rem}.meta-viewport{max-width:1000px;padding:var(--spacing-md) var(--spacing-lg);width:100%;margin:0 auto}.meta-loading{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.meta-skeleton-dashboard{gap:var(--spacing-lg);padding:var(--spacing-md) 0;flex-direction:column;display:flex}.skeleton-stats-row{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}.skeleton-stat-card{border-radius:var(--radius-lg);height:90px}.skeleton-archetype-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.skeleton-archetype-card{border-radius:var(--radius-lg);height:120px}.meta-skeleton-matrix{gap:var(--spacing-sm);padding:var(--spacing-md) 0;flex-direction:column;display:flex}.skeleton-matrix-header{border-radius:var(--radius-md);height:2rem;margin-bottom:var(--spacing-xs)}.skeleton-matrix-row{border-radius:var(--radius-md);height:2.5rem}.meta-skeleton-cards{padding:var(--spacing-md) 0}.skeleton-cards-columns{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.skeleton-cards-col{gap:var(--spacing-xs);flex-direction:column;display:flex}.skeleton-card-row{border-radius:var(--radius-md);height:2.25rem}.meta-dashboard{gap:var(--spacing-lg);flex-direction:column;display:flex}.meta-empty-state{border:1px solid var(--color-border);background:radial-gradient(circle at top, color-mix(in srgb, var(--pillar-standard) 16%, transparent), transparent 58%), var(--color-surface);text-align:center;padding:clamp(1.5rem,4vw,2.5rem)}.meta-empty-state-copy{align-items:center;gap:var(--spacing-sm);flex-direction:column;max-width:40rem;margin:0 auto;display:flex}.meta-empty-state-eyebrow{font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--pillar-standard);margin:0}.meta-empty-state h2,.meta-empty-state p{margin:0}.meta-freshness-row{align-items:center;gap:var(--spacing-sm);display:flex}.meta-tab-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid #3b82f626;gap:0;margin-bottom:1.5rem;display:flex;overflow-x:auto}.meta-tab-bar::-webkit-scrollbar{display:none}.meta-tab{color:#ffffff80;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.25rem;font-family:inherit;font-size:.95rem;position:relative;top:1px}.meta-tab:hover{color:#fffc}.meta-tab.active{color:var(--pillar-standard);border-bottom-color:var(--pillar-standard)}.tab-panel-hidden{display:none}.meta-section{padding:var(--spacing-lg)}.meta-health-section{padding:var(--spacing-md)}.meta-insights-card{border-left:3px solid var(--color-accent-blue)}.meta-insights-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.meta-insights-header h3{flex:1;margin:0}.meta-insights-header i{color:var(--color-accent-blue);font-size:1.2rem}.meta-insights-list{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.meta-insights-list li{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-card);border-radius:var(--radius-sm);line-height:var(--line-height-normal)}.meta-insights-list li strong{color:var(--color-accent-blue)}.meta-insights-skeleton{gap:var(--spacing-sm);flex-direction:column;display:flex}.skeleton-line{border-radius:var(--radius-sm);width:90%;height:1rem}.skeleton-line-short{width:65%}.meta-insights-unavailable{opacity:.7}.meta-insights-unavailable p{margin:0}.brewer-loading-decklist{padding:var(--spacing-xl) 0;text-align:center}.brewing-tools-cta{background:linear-gradient(135deg,#8b5cf61a,#3b82f60d);border:1px solid #8b5cf64d}.brewing-tools-cta h3{margin-bottom:var(--spacing-sm);color:var(--color-accent-purple)}.brewing-tools-cta p{margin-bottom:var(--spacing-md)}.brewing-actions{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.brewing-actions .btn{align-items:center;gap:var(--spacing-xs);flex:1;justify-content:center;min-width:200px;display:flex}.brewing-actions .btn i{font-size:1.1rem}.archetype-actions{gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.archetype-actions .btn{align-items:center;gap:var(--spacing-xs);flex:1;justify-content:center;min-width:200px;display:flex}.archetype-actions .btn i{font-size:1.1rem}.strategic-insights-section{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.strategy-insight{border-left:4px solid var(--color-accent-gold);background:linear-gradient(135deg,#fbbf2414,#3b82f60d)}.strategy-insight h3{margin-bottom:var(--spacing-sm);color:var(--color-accent-gold);font-size:1.1rem}.strategy-insight .text-secondary,.strategy-advice{margin-bottom:var(--spacing-md)}.strategy-advice h4{margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.9rem}.advice-list{margin:0;padding:0;list-style:none}.advice-list li{padding:var(--spacing-xs) 0;padding-left:var(--spacing-md);position:relative}.advice-list li:before{content:"→";color:var(--color-accent-gold);font-weight:700;position:absolute;left:0}.strategy-cta{justify-content:flex-start;display:flex}.strategy-cta .btn{align-items:center;gap:var(--spacing-xs);display:flex}.meta-hero-section{padding:var(--spacing-xl) var(--spacing-lg);margin-bottom:var(--spacing-lg);text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,#8b5cf60d 0%,#3b82f60d 100%)}.meta-hero-section h2{margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:1.75rem}.meta-hero-section p{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto}.meta-hero-actions{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.meta-hero-actions .btn{align-items:center;gap:var(--spacing-xs);justify-content:center;min-width:200px;display:flex}.meta-hero-actions .btn i{font-size:var(--font-size-lg)}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.meta-brew-cta-row{gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(135deg,#8b5cf60d 0%,#3b82f60d 100%);flex-wrap:wrap;align-items:center;display:flex}.meta-brew-cta-row .btn{align-items:center;gap:var(--spacing-xs);display:flex}.meta-brew-cta-row .btn i{font-size:.9rem}.freshness-indicator{font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.freshness-fresh{color:var(--color-success-text,#10b981)}.freshness-aging{color:var(--color-accent-gold)}.freshness-stale{color:var(--color-danger-text,#ef4444)}.freshness-historical{color:var(--color-text-muted);font-style:italic}.meta-section-toggle{margin-bottom:var(--spacing-md)}.section-toggle-btn{color:var(--color-text-primary);cursor:pointer;align-items:center;gap:var(--spacing-sm);width:100%;font-size:inherit;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-family:inherit;display:flex}.section-toggle-btn:hover{color:var(--color-accent-purple)}.section-toggle-btn h3{margin:0}.section-toggle-btn span:first-child{font-size:var(--font-size-base);color:var(--color-text-muted);transition:color var(--transition-fast)}.section-toggle-btn:hover span:first-child{color:var(--color-accent-purple)}.meta-quick-actions{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.meta-quick-actions .btn{align-items:center;gap:var(--spacing-xs);flex:1;justify-content:center;min-width:180px;display:flex}.meta-quick-actions .btn i{font-size:var(--font-size-base)}.format-detected{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);display:flex}.format-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent-purple);background:#8b5cf633;border:1px solid #8b5cf666}.meta-tier-list{gap:var(--spacing-md);flex-direction:column;display:flex}.meta-tier-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.meta-tier-header{font-size:.9rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.meta-archetype-row{gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--color-border);transition:all var(--transition-fast);background:linear-gradient(#3b82f60a,#ffffff03),#ffffff05;flex-direction:column;display:flex}.meta-archetype-row:hover{background:linear-gradient(#8b5cf614,#ffffff05),#8b5cf60d;border-color:#8b5cf64d}.meta-archetype-row--clickable{cursor:pointer}.meta-archetype-header-row{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);display:flex}.meta-archetype-identity{align-items:flex-start;gap:var(--spacing-sm);min-width:0;display:flex}.meta-archetype-rank{min-width:2.5rem;height:2.5rem;padding:0 var(--spacing-xs);border-radius:var(--radius-pill);color:var(--color-info);font-size:.9rem;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;background:#3b82f61f;border:1px solid #3b82f633;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.meta-archetype-title-block{flex-direction:column;gap:.35rem;min-width:0;display:flex}.meta-archetype-title{align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.archetype-name-text{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-base);text-overflow:ellipsis;white-space:nowrap;max-width:16rem;overflow:hidden}.archetype-type-badge{font-size:.7rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-xl);color:var(--color-info);background:#3b82f633;padding:2px 8px;display:inline-block}.meta-archetype-meta-info{font-size:var(--font-size-sm);flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.meta-colors{font-weight:var(--font-weight-semibold)}.meta-inline-separator{color:var(--color-text-tertiary)}.meta-archetype-cards{align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-sm);padding-top:var(--spacing-xs);border-top:1px solid var(--surface-border-subtle);display:flex}.core-cards-label{font-weight:var(--font-weight-semibold);min-width:4.5rem;padding-top:.35rem}.core-cards-list{color:var(--color-text-secondary);flex-wrap:wrap;gap:.45rem;display:flex}.core-card-chip{border-radius:var(--radius-pill);color:var(--color-text-secondary);background:#94a3b814;border:1px solid #94a3b81f;align-items:center;padding:.35rem .6rem;line-height:1.2;display:inline-flex}.meta-archetype-cmc{font-size:.8rem}.meta-tier-toggle{margin:var(--spacing-sm) 0}.tier-toggle-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;width:100%;display:flex}.tier-toggle-btn:hover{color:var(--color-text-primary);background:#8b5cf61a;border-color:#8b5cf64d}.meta-sleeper-badge{font-size:.65rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-xl);color:var(--color-success-text);margin-left:var(--spacing-xs);background:#10b98133;padding:1px 6px;display:inline-block}.meta-archetype-colors{color:var(--color-text-muted);min-width:3rem;font-size:.8rem}.meta-share-bar{background:var(--surface-ink-soft);border-radius:4px;flex:1;min-width:80px;height:8px;overflow:hidden}.meta-share-fill{background:linear-gradient(90deg, var(--color-accent-purple), var(--color-accent-blue));border-radius:4px;height:100%;transition:width .5s}.meta-share-label{font-size:.8rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:right;font-variant-numeric:tabular-nums;min-width:3rem}.meta-archetype-stats{gap:var(--spacing-sm);justify-content:flex-end;align-items:center;min-width:8rem;display:flex}.meta-archetype-stats-grid{flex-shrink:0;grid-template-columns:repeat(2,minmax(5.5rem,auto));gap:.5rem;display:grid}.meta-archetype-stat-pill{border-radius:var(--radius-md);background:#0f172a66;border:1px solid #94a3b81f;flex-direction:column;align-items:flex-end;gap:.1rem;padding:.55rem .75rem;display:flex}.meta-archetype-stat-label{color:var(--color-text-muted);font-size:.7rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em}.meta-archetype-stat-value{color:var(--color-text-primary);font-size:1rem;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.matchup-matrix-wrap{border-radius:var(--radius-md);overflow-x:auto}.matchup-matrix{border-collapse:collapse;width:100%;font-size:.8rem}.matchup-matrix th,.matchup-matrix td{padding:var(--spacing-xs);text-align:center;border:1px solid var(--color-border);min-width:3.5rem}.matchup-header-cell{font-size:.7rem;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);writing-mode:vertical-rl;text-orientation:mixed;max-width:2rem;min-height:3rem;padding:var(--spacing-sm) var(--spacing-xs);overflow-wrap:break-word;word-break:break-word;transform:rotate(180deg)}.matchup-row-header{text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;padding-left:var(--spacing-sm)}.matchup-cell{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;cursor:default;transition:background var(--transition-fast)}.matchup-mirror{color:var(--color-text-muted);background:#94a3b81a}.matchup-favored{color:var(--color-success-text);background:#10b98126}.matchup-even{color:var(--color-text-secondary);background:#94a3b814}.matchup-unfavored{color:var(--color-danger-text);background:#ef444426}.meta-cards-section{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.meta-cards-column{gap:var(--spacing-xs);flex-direction:column;display:flex}.meta-empty-state{padding:var(--spacing-sm);border-radius:var(--radius-sm);background:#94a3b80d;border:1px dashed #94a3b859;flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.meta-empty-icon{font-size:1.2rem}.meta-empty-title{color:var(--color-text-strong);font-weight:600}.meta-empty-action{margin-top:.25rem}.meta-card-list{flex-direction:column;gap:2px;display:flex}.meta-card-row{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast);flex-wrap:wrap;font-size:.85rem;display:flex}.meta-card-row:hover{background:#8b5cf60d}.meta-card-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.meta-card-usage{font-weight:var(--font-weight-semibold);color:var(--color-accent-gold);text-align:right;font-variant-numeric:tabular-nums;min-width:3rem}.meta-card-copies{font-size:var(--font-size-xs);color:var(--color-text-muted);min-width:4rem}.meta-card-archetypes{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:10rem;overflow:hidden}.modal-backdrop{z-index:var(--z-modal);padding:var(--spacing-md);background:#000000b3;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:800px;max-height:90dvh;box-shadow:var(--shadow-lg);animation:.2s ease-out slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-header h2{margin:0;font-size:1.25rem}.modal-close{font-size:var(--font-size-2xl);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);width:2rem;height:2rem;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.modal-close:hover{color:var(--color-text-primary);background:#8b5cf61a}.modal-body{padding:var(--spacing-md)}.onboarding-modal{max-width:480px;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md);text-align:center;position:relative}.onboarding-skip{top:var(--spacing-sm);right:var(--spacing-sm);color:var(--color-text-muted);position:absolute}.onboarding-slide{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0 var(--spacing-md);flex-direction:column;display:flex}.onboarding-icon{font-size:3rem;line-height:1}.onboarding-title{font-size:1.4rem;font-weight:var(--font-weight-bold);margin:0}.onboarding-body{color:var(--color-text-secondary);max-width:36ch;margin:0 auto;font-size:.95rem;line-height:1.6}.onboarding-nav{padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-subtle,var(--color-border));justify-content:space-between;align-items:center;display:flex}.onboarding-dots{gap:var(--spacing-xs);display:flex}.onboarding-dot{background:var(--color-border);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:background .15s,transform .15s}.onboarding-dot-active{background:var(--color-accent-purple);transform:scale(1.25)}.onboarding-next{min-width:7rem}.archetype-detail{gap:var(--spacing-md);flex-direction:column;display:flex}.archetype-detail h3{color:var(--color-accent-purple);margin:0}.archetype-detail-sections{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.archetype-section{gap:var(--spacing-xs);flex-direction:column;display:flex}.archetype-section h4{font-size:.9rem;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.archetype-decklist{grid-column:1/-1}.key-cards-list,.matchup-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.key-cards-list li,.matchup-list li{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);padding:4px 8px;font-size:.85rem}.archetype-matchup-favored{color:var(--color-accent-gold)}.archetype-matchup-unfavored{color:var(--color-text-muted)}.decklist{background:var(--color-bg-tertiary);max-height:400px;padding:var(--spacing-xs);border-radius:var(--radius-sm);flex-direction:column;gap:2px;display:flex;overflow-y:auto}.decklist-entry{align-items:center;gap:var(--spacing-xs);padding:2px 4px;font-size:.85rem;display:flex}.decklist-count{font-weight:var(--font-weight-semibold);color:var(--color-text-muted);min-width:2rem}.decklist-name{color:var(--color-text-primary);flex:1}.decklist-mana{font-size:var(--font-size-xs)}.analyzer-page{max-width:1000px;padding:var(--spacing-md) var(--spacing-lg);width:100%;margin:0 auto}.analyzer-input{gap:var(--spacing-sm);padding:var(--spacing-md);flex-direction:column;display:flex}.analyzer-textarea{width:100%;min-height:180px;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);resize:vertical;font-family:Courier New,monospace;font-size:.85rem;line-height:var(--line-height-normal);transition:border-color var(--transition-base);background:#0a0e1799}.analyzer-textarea:focus{border-color:var(--color-accent-purple);outline:none}.analyzer-textarea::placeholder{color:var(--color-text-muted)}.analyzer-textarea-small{min-height:100px}.analyzer-loading{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.analyzer-results,.analyzer-scroll{gap:var(--spacing-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.analyzer-error{padding:var(--spacing-sm);border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef44444d}.text-danger{color:var(--color-danger-text)}.matchup-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.matchup-projection{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);display:flex}.matchup-header{align-items:center;gap:var(--spacing-sm);min-width:10rem;display:flex}.matchup-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.matchup-meta-share{font-size:var(--font-size-xs);color:var(--color-text-muted)}.matchup-bar{background:var(--surface-ink-soft);border-radius:4px;flex:1;height:8px;overflow:hidden}.matchup-bar-fill{border-radius:4px;height:100%;transition:width .5s}.matchup-slight-plus{color:var(--color-success-text);background:#10b9814d}.matchup-slight-minus{color:var(--color-danger-text);background:#ef44444d}.matchup-unknown{color:var(--color-text-muted);background:#94a3b814}.matchup-wr{font-size:.8rem;font-weight:var(--font-weight-semibold);text-align:right;font-variant-numeric:tabular-nums;min-width:3rem}.strengths-weaknesses{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.sw-column{gap:var(--spacing-xs);flex-direction:column;display:flex}.sw-heading{font-size:.85rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.sw-heading-strength{color:var(--color-success-text)}.sw-heading-weakness{color:var(--color-danger-text)}.sw-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sw-list li{padding-left:var(--spacing-sm);position:relative}.sw-list li:before{position:absolute;left:0}.strength-item{color:var(--color-text-secondary)}.strength-item:before{content:"+";color:var(--color-success-text)}.weakness-item{color:var(--color-text-secondary)}.weakness-item:before{content:"-";color:var(--color-danger-text)}.sideboard-analysis{gap:var(--spacing-md);flex-direction:column;display:flex}.sideboard-categories{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.sideboard-category{padding:var(--spacing-sm);border-radius:var(--radius-md);background:var(--surface-soft);border:1px solid var(--color-border)}.sideboard-category-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.sideboard-category-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:.85rem}.sideboard-category-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-accent-gold)}.sideboard-targets{font-size:var(--font-size-xs);color:var(--color-text-muted)}.sideboard-gaps{padding:var(--spacing-sm);border-radius:var(--radius-md);background:#ef44440d;border:1px solid #ef444433}.sideboard-gap-list{gap:var(--spacing-xs);margin:var(--spacing-xs) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.sideboard-gap{border-radius:var(--radius-xl);color:var(--color-danger-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:#ef444426;padding:2px 8px;display:inline-block}.sideboard-gap:before{content:none}.sideboard-suggestions{gap:var(--spacing-xs);flex-direction:column;display:flex}.sideboard-suggestion-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sideboard-suggestion{padding:var(--spacing-xs) var(--spacing-sm);border-left:3px solid var(--color-accent-blue);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-text-secondary);background:#3b82f60d;font-size:.85rem}.sideboard-suggestion:before{content:none}.ai-review-text{white-space:pre-wrap;color:var(--color-text-secondary);font-size:.9rem;line-height:1.6}.brewer-page{max-width:1000px;min-height:0;padding:var(--spacing-md) var(--spacing-lg);flex-direction:column;flex:1;width:100%;margin:0 auto;display:flex;overflow-y:auto}.brewer-goals{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;display:flex}.brewer-actions{gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;display:flex}.brewer-target-list{gap:var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);max-height:500px;padding:var(--spacing-xs);flex-direction:column;display:flex;overflow-y:auto}.brewer-target-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);display:flex}.brewer-target-item:hover{background:#8b5cf614}.brewer-checkbox{width:18px;height:18px;accent-color:var(--color-accent-purple);cursor:pointer;flex-shrink:0}.brewer-target-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.brewer-target-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:.9rem}.brewer-target-colors{font-size:var(--font-size-xs);color:var(--color-text-muted)}.brewer-target-stats{gap:var(--spacing-xs);font-size:var(--font-size-xs);align-items:center;display:flex}.brewer-generate{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);display:flex}.brewer-nav{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.brew-ideas{gap:var(--spacing-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.brew-ideas-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.brew-idea-card{padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--surface-soft);border:1px solid var(--color-border);gap:var(--spacing-sm);transition:all var(--transition-base);flex-direction:column;display:flex}.brew-idea-card:hover{border-color:var(--color-border-focus);box-shadow:var(--glow-purple)}.brew-idea-header{gap:var(--spacing-xs);flex-direction:column;display:flex}.brew-idea-name{font-size:1.1rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.brew-idea-colors{color:var(--color-text-muted);font-size:.8rem}.brew-idea-strategy{font-size:.7rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-xl);color:var(--color-accent-purple);background:#8b5cf626;padding:2px 8px;display:inline-block}.brew-idea-rationale{color:var(--color-text-secondary);font-size:.85rem;line-height:1.6}.brew-idea-core{color:var(--color-text-muted);font-size:.8rem;line-height:var(--line-height-normal)}.brew-idea-weakness{color:var(--color-danger-text);font-size:.8rem;line-height:var(--line-height-normal)}.brew-idea-matchups{gap:var(--spacing-xs);font-size:var(--font-size-xs);flex-wrap:wrap;display:flex}.deck-editor-layout{gap:var(--spacing-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.deck-editor-content{padding:var(--spacing-md)}.deck-editor-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.deck-editor-entry{align-items:center;gap:var(--spacing-sm);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);transition:background var(--transition-fast);font-size:.85rem;display:flex}.deck-editor-entry:hover{background:#8b5cf60d}.brew-notes{padding:var(--spacing-md);color:var(--color-text-secondary);white-space:pre-wrap;font-size:.85rem;line-height:1.6}@media (max-width:768px){.meta-viewport,.analyzer-page,.brewer-page{padding:var(--spacing-sm)}.meta-cards-section,.strengths-weaknesses,.sideboard-categories{grid-template-columns:1fr}.matchup-matrix-wrap{font-size:.7rem}.meta-archetype-row{padding:var(--spacing-sm)}.meta-archetype-header-row{flex-direction:column}.meta-archetype-identity{width:100%}.archetype-name-text{white-space:normal;max-width:none}.meta-archetype-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.meta-archetype-stat-pill{align-items:flex-start}.matchup-header{min-width:7rem}.brew-ideas-grid{grid-template-columns:1fr}.brewer-target-list{max-height:400px}}@media (max-width:480px){.meta-archetype-cards{gap:var(--spacing-xs);flex-direction:column}.core-cards-label{min-width:0;padding-top:0}.meta-archetype-stats-grid{grid-template-columns:1fr}.matchup-header{flex:1;min-width:auto}.brew-ideas-grid{grid-template-columns:1fr}}.profile-section{padding:var(--spacing-lg) 0;border-bottom:1px solid var(--color-border)}.profile-section:last-child{border-bottom:none}.profile-section-title{font-size:1.1rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2xs)}.profile-section-desc{color:var(--color-text-muted);margin-bottom:var(--spacing-sm);font-size:.85rem}.profile-field-hint{color:var(--color-text-muted);margin-top:var(--spacing-2xs);font-size:.8rem;display:block}.profile-danger-zone{border-radius:var(--radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-lg);background:#ef444408;border:1px solid #ef44444d}.profile-danger-zone .profile-section-title{color:var(--color-danger-text)}.profile-checkbox-label{align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;display:flex}.profile-checkbox-label input[type=checkbox]{accent-color:var(--color-danger);width:1rem;height:1rem}.auth-success{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-success-bright);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);background:#22c55e1f;border:1px solid #22c55e66}.auth-success-inline{color:var(--color-success-bright)}.profile-page .auth-card{max-width:560px}.profile-page .auth-header{text-align:left}.profile-page .auth-header h1{font-size:var(--font-size-xl)}.profile-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-wrap:wrap;display:flex}.settings-page .auth-card{max-width:560px}.settings-page .auth-header{text-align:left}.settings-page .auth-header h1{font-size:var(--font-size-xl)}.settings-row{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.settings-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.settings-row-label{font-size:.9rem;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.settings-row-desc{color:var(--color-text-muted);font-size:.8rem}.settings-row-control{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.settings-saved-indicator{font-size:var(--font-size-xs);color:var(--color-success-bright);font-weight:var(--font-weight-medium);white-space:nowrap}.settings-api-key-row{gap:var(--spacing-xs);align-items:center;display:flex}.settings-api-key-row .auth-input{flex:1}.settings-show-btn{white-space:nowrap;flex-shrink:0}.brew-load-section{margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.brew-load-section label{margin-bottom:var(--spacing-xs);font-size:.9rem;display:block}.brew-load-select{width:100%;padding:var(--spacing-xs);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.9rem}.card-search-bar{margin-bottom:var(--spacing-md);position:relative}.card-search-input{background:var(--color-bg-secondary);border-radius:var(--radius-lg);width:100%;color:var(--color-text-primary);box-sizing:border-box;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border:2px solid #94a3b826;padding:.75rem 1rem .75rem 2.5rem;font-size:.95rem}.card-search-input::placeholder{color:var(--color-text-muted);opacity:.7}.card-search-input:hover{background:var(--color-bg-tertiary);border-color:#94a3b840}.card-search-input:focus{border-color:var(--color-accent);background:var(--color-bg-tertiary);outline:none;box-shadow:0 0 0 3px #8b5cf633,0 0 12px #8b5cf61a}.card-search-bar:before{content:"🔍";opacity:.5;z-index:var(--z-raised);pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.card-search-dropdown{margin-top:var(--spacing-2xs);background:var(--color-bg-secondary);border-radius:var(--radius-md);max-height:300px;z-index:var(--z-raised);border:1px solid #94a3b826;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0006,0 0 0 1px #8b5cf61a}.card-search-result{cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid #94a3b80f;padding:.6rem .85rem}.card-search-result:last-child{border-bottom:none}.card-search-result:hover{background:#8b5cf614}.card-search-result-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:.15rem}.card-search-result-type{color:var(--color-text-muted);letter-spacing:.01em;font-size:.8rem}.card-search-no-results{padding:var(--spacing-md);text-align:center;color:var(--color-text-muted);font-size:.9rem}.deck-editor-content{gap:var(--spacing-md);flex-direction:column;display:flex}.deck-editor-header{padding:var(--spacing-md)}.deck-name-input{width:100%;padding:var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1.1rem;font-weight:var(--font-weight-medium)}.deck-name-input:focus{border-color:var(--color-accent);outline:none}.deck-validation-panel{padding:var(--spacing-md);background:#ef44441a;border:1px solid #ef44444d}.deck-validation-error{color:var(--color-danger-text);margin-bottom:var(--spacing-2xs);font-size:.9rem}.deck-validation-error:last-child{margin-bottom:0}.deck-stats{gap:var(--spacing-lg);padding:var(--spacing-md);display:flex}.deck-stat{align-items:center;gap:var(--spacing-xs);display:flex}.deck-stat-label{color:var(--color-text-muted);font-size:.9rem}.deck-stat-value{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:1.1rem}.deck-editor-list{padding:var(--spacing-md)}.deck-section{margin-bottom:var(--spacing-md)}.deck-section:last-child{margin-bottom:0}.deck-section-header{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.deck-section-count{color:var(--color-text-muted);font-size:.9rem;font-weight:400}.deck-entry{padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.deck-entry-header{align-items:center;gap:var(--spacing-xs);margin-bottom:.15rem;display:flex}.deck-entry-count{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.deck-entry-name{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.deck-entry-details{margin-bottom:var(--spacing-xs)}.deck-entry-controls{gap:var(--spacing-2xs);display:flex}.btn-icon{padding:var(--spacing-2xs) var(--spacing-xs);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:.85rem}.btn-icon:hover{background:var(--color-bg-secondary);border-color:var(--color-accent);color:var(--color-text-primary)}.btn-icon:active{transform:scale(.95)}.deck-editor-actions{padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.deck-editor-actions button{align-self:flex-end}@media (max-width:768px){.deck-stats{gap:var(--spacing-sm);flex-direction:column}.card-search-dropdown{max-height:200px}.card-search-input{min-height:44px;padding:.8rem 1rem .8rem 2.5rem;font-size:1rem}.card-search-result{min-height:44px;padding:.7rem .85rem}.deck-entry-controls{flex-wrap:wrap}}.meta-chat-widget{z-index:var(--z-modal);position:fixed;bottom:2rem;right:2rem}.meta-chat-inline{padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--spacing-lg);flex-direction:column;gap:1rem;display:flex}.meta-chat-inline h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.meta-chat-inline .meta-chat-form{gap:.5rem;display:flex}.meta-chat-inline .meta-chat-form .form-input{flex:1}.meta-chat-trigger{background:var(--color-accent);color:#fff;font-size:.95rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:2rem;padding:.75rem 1.5rem;box-shadow:0 4px 12px #8a2be24d}.meta-chat-trigger:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 6px 16px #8a2be266}.meta-chat-trigger.active{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.meta-chat-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;width:360px;height:500px;display:none;position:fixed;bottom:6rem;right:2rem;overflow:hidden;box-shadow:0 8px 24px #0003}.meta-chat-panel.open{display:flex}.meta-chat-header{padding:var(--spacing-sm);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;display:flex}.meta-chat-header h3{color:var(--color-text-primary);margin:0;font-size:1.1rem}.meta-chat-close{color:var(--color-text-secondary);font-size:var(--font-size-xl);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:flex}.meta-chat-close:hover{color:var(--color-text-primary)}.meta-chat-messages{padding:var(--spacing-sm);flex-direction:column;flex:1;gap:.75rem;display:flex;overflow-y:auto}.meta-chat-welcome{text-align:center;padding:var(--spacing-lg) var(--spacing-sm)}.welcome-text{color:var(--color-text-secondary);margin-bottom:1.5rem}.example-questions{gap:var(--spacing-xs);flex-direction:column;display:flex}.example-question{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;text-align:left;transition:all var(--transition-fast);padding:.75rem 1rem;font-size:.9rem}.example-question:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent)}.message-list{flex-direction:column;gap:.75rem;display:flex}.meta-chat-message{border-radius:var(--radius-sm);max-width:85%;padding:.75rem}.meta-chat-message.user{background:var(--color-accent);color:#fff;align-self:flex-end;margin-left:auto}.meta-chat-message.assistant{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);align-self:flex-start}.message-content{font-size:.9rem;line-height:1.4}.typing-indicator{gap:var(--spacing-2xs);align-items:center;display:flex}.typing-indicator span{background:var(--color-text-secondary);border-radius:50%;width:.5rem;height:.5rem;animation:1.4s infinite typing}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-.5rem)}}.meta-chat-error{background:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-sm);padding:.75rem;font-size:.9rem}.meta-chat-input{padding:var(--spacing-sm);border-top:1px solid var(--color-border);background:var(--color-bg-secondary);gap:var(--spacing-xs);display:flex}.meta-chat-input textarea{padding:var(--spacing-xs);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);resize:none;flex:1;font-family:inherit;font-size:.9rem}.meta-chat-input textarea:focus{border-color:var(--color-accent);outline:none}.send-button{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast);border:none}.send-button:hover:not(:disabled){background:var(--color-accent-hover)}.send-button:disabled{opacity:.5;cursor:not-allowed}.meta-brew-suggestions .modal-body{max-height:70dvh;overflow-y:auto}.modal-brew-ideas-grid{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}.meta-brew-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.brew-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.brew-card-header h3{color:var(--color-text-primary);margin:0;font-size:1.25rem}.brew-colors{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.85rem;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);padding:.25rem .75rem}.brew-strategy{margin-bottom:1rem;font-size:.95rem}.brew-core-cards,.brew-rationale{margin-bottom:1rem}.brew-core-cards h4,.brew-rationale h4{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-size:.9rem}.brew-core-cards ul{margin:0;padding-left:1.5rem}.brew-core-cards li{color:var(--color-text-primary);margin-bottom:var(--spacing-2xs);font-size:.9rem}.brew-rationale p{font-size:.9rem;line-height:var(--line-height-normal);color:var(--color-text-primary)}.brew-actions{border-top:1px solid var(--color-border);gap:.75rem;padding-top:1rem;display:flex}.meta-brew-error{padding:var(--spacing-md);text-align:center}.ia-archetype-badge{color:var(--color-primary);background:#3b82f626}.ia-meta-positioning{margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.ia-meta-pos-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.ia-meta-pos-header h3{font-size:var(--font-size-base);margin:0}.ia-meta-grade-badge{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);border-radius:var(--radius-sm);padding:4px 12px}.ia-meta-stats{gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.ia-meta-stat{flex-direction:column;display:flex}.ia-meta-stat-value{font-size:1.1rem;font-weight:var(--font-weight-semibold);color:var(--color-text)}.ia-meta-stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.ia-meta-section{margin-top:2rem}.ia-meta-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.deck-performance{padding:var(--spacing-sm) 0}.perf-archetype{background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin-bottom:1rem;padding:.75rem;font-size:.95rem}.perf-stats{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem;display:grid}.perf-stat{padding:var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:center}.perf-stat.stat-green{border-color:var(--color-success)}.perf-stat.stat-yellow{border-color:var(--color-warning)}.perf-stat.stat-red{border-color:var(--color-danger)}.perf-stat-value{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2xs);display:block}.perf-stat-label{color:var(--color-text-secondary);font-size:.85rem;display:block}.perf-matchups{margin-bottom:1.5rem}.perf-matchups h4{font-size:var(--font-size-base);color:var(--color-text-primary);margin-bottom:1rem}.matchup-table{flex-direction:column;gap:.75rem;display:flex}.matchup-row{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);grid-template-columns:1.5fr 2fr auto auto;grid-template-areas:"opponent bar wr assessment""explanation explanation explanation explanation";align-items:center;gap:.75rem;padding:.75rem;display:grid}.matchup-opponent{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);grid-area:opponent}.matchup-bar-container{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);grid-area:bar;height:1.25rem;overflow:hidden}progress.matchup-bar{appearance:none;background:#94a3b826;border:none;border-radius:4px;width:100%;height:100%;display:block}progress.matchup-bar::-webkit-progress-bar{background:#94a3b826;border-radius:4px}progress.matchup-bar::-webkit-progress-value{transition:width var(--transition-slow);border-radius:4px}progress.matchup-bar::-moz-progress-bar{border-radius:4px}progress.matchup-bar.matchup-favored::-webkit-progress-value{background:var(--color-success)}progress.matchup-bar.matchup-favored::-moz-progress-bar{background:var(--color-success)}progress.matchup-bar.matchup-slight-plus::-webkit-progress-value{background:var(--color-success-faint)}progress.matchup-bar.matchup-slight-plus::-moz-progress-bar{background:var(--color-success-faint)}progress.matchup-bar.matchup-even::-webkit-progress-value{background:var(--color-accent-gold)}progress.matchup-bar.matchup-even::-moz-progress-bar{background:var(--color-accent-gold)}progress.matchup-bar.matchup-slight-minus::-webkit-progress-value{background:var(--color-danger-text)}progress.matchup-bar.matchup-slight-minus::-moz-progress-bar{background:var(--color-danger-text)}progress.matchup-bar.matchup-unfavored::-webkit-progress-value{background:var(--color-danger)}progress.matchup-bar.matchup-unfavored::-moz-progress-bar{background:var(--color-danger)}.matchup-wr{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:right;grid-area:wr}.matchup-assessment{font-size:.85rem;font-weight:var(--font-weight-semibold);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-sm);text-align:center;grid-area:assessment;min-width:80px}.matchup-assessment.matchup-favored{color:var(--color-success);background:#22c55e26}.matchup-assessment.matchup-slight-plus{color:var(--color-success-text);background:#86efac26}.matchup-assessment.matchup-even{color:var(--color-warning);background:#fbbf2426}.matchup-assessment.matchup-slight-minus{color:var(--color-danger);background:#fca5a526}.matchup-assessment.matchup-unfavored{color:var(--color-danger);background:#ef444426}.matchup-explanation{grid-area:explanation;padding-top:.5rem;font-size:.85rem}.perf-strengths,.perf-weaknesses{margin-bottom:1rem}.perf-strengths h4,.perf-weaknesses h4{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-size:.95rem}.perf-strengths ul,.perf-weaknesses ul{margin:0;padding-left:1.5rem}.perf-strengths li,.perf-weaknesses li{color:var(--color-text-primary);margin-bottom:var(--spacing-2xs);font-size:.9rem}.perf-confidence{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1rem}.perf-actions{border-top:1px solid var(--color-border);gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}@media (max-width:768px){.meta-chat-widget{bottom:1rem;right:1rem}.meta-chat-panel{width:calc(100vw - 2rem);height:60dvh;bottom:5rem;right:1rem}.modal-brew-ideas-grid,.perf-stats{grid-template-columns:1fr}.matchup-row{gap:var(--spacing-xs);grid-template-columns:1fr;grid-template-areas:"opponent""bar""wr""assessment""explanation"}.matchup-bar-container{width:100%}.matchup-wr,.matchup-assessment{text-align:left}.perf-actions{flex-direction:column}}.form-hidden{display:none}.email-verify-banner{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background:#fbbf241a;border:1px solid #fbbf2459;flex-wrap:wrap;display:flex}.email-verify-banner-text{color:var(--color-accent-gold);flex:1;font-size:.9rem}.email-verify-banner-btn{color:var(--color-accent-gold);white-space:nowrap;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);background:#fbbf2426;border:1px solid #fbbf2466;padding:.3rem .8rem;font-size:.85rem}.email-verify-banner-btn:hover:not(:disabled){background:#fbbf2440}.email-verify-banner-btn:disabled{opacity:.5;cursor:not-allowed}.email-verify-banner-sent{color:var(--color-success-bright);font-size:.9rem;font-weight:var(--font-weight-semibold)}.verify-email-title{margin-bottom:var(--spacing-sm)}.verify-email-success{color:var(--color-success-bright);font-size:var(--font-size-base)}.verify-email-error{color:var(--color-danger-medium);font-size:var(--font-size-base)}.reset-sent-msg{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.forgot-password-link{color:var(--color-text-muted);transition:color var(--transition-fast);font-size:.9rem;text-decoration:none}.forgot-password-link:hover{color:var(--color-accent-purple)}.changelog-wrapper{max-width:800px;padding:var(--spacing-xl) var(--spacing-md);margin:0 auto}.changelog-content{line-height:var(--line-height-relaxed)}.changelog-content h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);color:var(--color-text-primary);background:linear-gradient(135deg, var(--color-accent-purple), var(--color-accent-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.changelog-content h2{font-size:var(--font-size-xl);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--color-text-primary);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-border)}.changelog-content h3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--color-accent-purple);font-size:1.25rem}.changelog-content p{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.changelog-content .changelog-section-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-top:var(--spacing-md)}.changelog-content li{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-xs);color:var(--color-text-secondary)}.changelog-content .changelog-divider{margin:var(--spacing-xl) 0;border:none;border-top:1px solid var(--color-border);opacity:.5}.changelog-content a{color:var(--color-accent-purple);transition:color var(--transition-fast);text-decoration:none}.changelog-content a:hover{color:var(--color-accent-gold);text-decoration:underline}@media (max-width:768px){.changelog-wrapper{padding:var(--spacing-md)}.changelog-content h1{font-size:1.75rem}.changelog-content h2{font-size:1.25rem}}.commander-selector-page{min-height:80vh;padding:var(--spacing-lg) var(--spacing-md)}.commander-selector-container{max-width:800px;margin:0 auto}.commander-selector-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.commander-selector-subtitle{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.popular-commanders-section{margin-bottom:var(--spacing-lg)}.popular-commanders-heading{font-size:1.1rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.popular-commander-info{padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-sm);flex-direction:column;gap:2px;display:flex}.popular-commander-name{font-weight:var(--font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;line-height:1.3;overflow:hidden}.popular-commander-tagline{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.7rem;line-height:1.3;display:-webkit-box;overflow:hidden}.popular-commander-meta{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.popular-commander-identity{gap:2px;display:flex}.identity-pip-sm{width:14px;height:14px}.popular-commander-bracket{background:var(--color-surface-3);border-radius:var(--radius-xs);color:var(--text-tertiary);font-size:.65rem;font-weight:var(--font-weight-medium);padding:1px 5px}.commander-search-section{margin-bottom:var(--spacing-lg)}.commander-search-bar{margin-bottom:var(--spacing-sm);align-items:center;gap:.5rem;display:flex}.commander-search-bar .commander-search-input{flex:1}.commander-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);outline:none;transition:border-color .15s}.commander-search-input:focus{border-color:var(--color-accent)}.commander-search-input::placeholder{color:var(--text-tertiary)}.commander-color-filters{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);display:flex}.color-filter-pill{border:2px solid var(--color-border);background:var(--color-surface-2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:4px;transition:all .15s;display:flex}.color-filter-pill:hover{border-color:var(--color-text-secondary)}.color-filter-pill.active{border-color:var(--color-accent);background:var(--color-surface-3);box-shadow:0 0 0 2px rgba(var(--accent-rgb,99, 102, 241), .2)}.color-filter-icon{width:20px;height:20px}.commander-search-loading,.commander-search-error{padding:var(--spacing-sm);text-align:center;color:var(--color-text-secondary)}.commander-search-error{color:var(--danger)}.commander-search-results{gap:var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--surface-1);flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.commander-result-card{gap:var(--spacing-sm);padding:var(--spacing-sm);border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;color:var(--color-text-primary);background:0 0;width:100%;transition:background .1s;display:flex}.commander-result-card:hover{background:var(--color-surface-2)}.commander-result-card:last-child{border-bottom:none}.commander-result-image{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:60px;height:84px}.commander-result-info{flex-direction:column;gap:2px;min-width:0;display:flex}.commander-result-name{font-weight:var(--font-weight-semibold);font-size:.95rem}.commander-result-type{color:var(--color-text-secondary);font-size:.8rem}.commander-result-meta{align-items:center;gap:var(--spacing-sm);color:var(--text-tertiary);font-size:.8rem;display:flex}.commander-result-cost{font-family:var(--font-mono)}.commander-result-identity{gap:2px;display:flex}.identity-pip{width:16px;height:16px}.identity-pip-lg{width:22px;height:22px}.commander-partner-badge{background:var(--color-accent);color:#fff;border-radius:var(--radius-pill);font-size:.7rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.03em;padding:1px 6px}.commander-selected-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.commander-selected-heading{font-size:1.1rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.commander-selected-cards{gap:var(--spacing-md);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.selected-commander-card{gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:360px;display:flex;position:relative}.selected-commander-image{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:80px;height:112px}.selected-commander-info{flex-direction:column;gap:2px;display:flex}.selected-commander-name{font-weight:var(--font-weight-semibold);font-size:.95rem}.selected-commander-type{color:var(--color-text-secondary);font-size:.8rem}.selected-commander-meta{align-items:center;gap:var(--spacing-sm);margin-top:auto;display:flex}.selected-commander-cost{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.85rem}.selected-commander-identity{gap:2px;display:flex}.selected-commander-remove{background:var(--color-surface-3);width:24px;height:24px;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;transition:all .1s;display:flex;position:absolute;top:4px;right:4px}.selected-commander-remove:hover{background:var(--danger);color:#fff}.commander-combined-identity{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);display:flex}.combined-identity-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:var(--font-weight-medium)}.partner-search-section{margin-top:var(--spacing-sm);padding:var(--spacing-sm);border-top:1px solid var(--color-border)}.partner-search-section h3{font-size:.95rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.bracket-selector-section{margin-bottom:var(--spacing-lg)}.bracket-selector-heading{font-size:1.1rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.bracket-pills{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.bracket-pill{padding:var(--spacing-xs) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);cursor:pointer;min-width:80px;color:var(--color-text-primary);flex-direction:column;align-items:center;transition:all .15s;display:flex}.bracket-pill:hover{border-color:var(--color-text-secondary)}.bracket-pill.selected{border-color:var(--color-accent);background:var(--color-surface-3)}.bracket-number{font-size:1.25rem;font-weight:var(--font-weight-bold)}.bracket-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.bracket-description{color:var(--color-text-secondary);font-size:.85rem;line-height:1.4}.commander-start-section{text-align:center;padding:var(--spacing-lg) 0}.commander-start-btn{padding:var(--spacing-sm) var(--spacing-xl);font-size:1.1rem}@media (max-width:640px){.commander-selector-title{font-size:var(--font-size-xl)}.popular-commanders-grid{grid-template-columns:repeat(2,1fr)}.bracket-pills{grid-template-columns:repeat(3,1fr);display:grid}.selected-commander-card{max-width:100%}.commander-selected-cards{flex-direction:column}}.popular-commanders{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.popular-commanders-header{text-align:center;margin-bottom:var(--spacing-md)}.popular-commanders-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)}.popular-commanders-subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0}.popular-commanders-grid{gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr);display:grid}.popular-commander-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;font:inherit;color:inherit;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.popular-commander-card:hover{border-color:var(--color-accent-purple);box-shadow:var(--glow-purple);transform:translateY(-4px)}.popular-commander-card:focus-visible{outline:2px solid var(--color-accent-purple);outline-offset:2px}.popular-commander-card.loading{pointer-events:none;opacity:.7}.popular-commander-image-wrap{aspect-ratio:626/457;background:var(--color-bg-secondary);width:100%;position:relative;overflow:hidden}.popular-commander-image{object-fit:cover;width:100%;height:100%;display:block}.popular-commander-overlay{padding:var(--spacing-xs) .75rem;background:linear-gradient(#0000,#000000d9);position:absolute;bottom:0;left:0;right:0}.popular-commander-archetype{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-accent-gold);text-transform:uppercase;letter-spacing:.05em}.popular-commander-loading{background:#0a0e1799;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.popular-commander-spinner{border:3px solid #8b5cf64d;border-top-color:var(--color-accent-purple);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.popular-commander-info{padding:var(--spacing-xs) .75rem;justify-content:space-between;align-items:center;gap:var(--spacing-xs);display:flex}.popular-commander-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.popular-commander-colors{flex-shrink:0;gap:2px;display:flex}.popular-commander-colors .identity-pip{width:16px;height:16px}@media (max-width:1023px){.popular-commanders-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.popular-commanders-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.popular-commanders-title{font-size:var(--font-size-xl)}.popular-commander-name{font-size:var(--font-size-xs)}}@media (max-width:768px){.auth-input,.textarea-input,.import-textarea,.analyzer-textarea,.training-textarea,.settings-timer-select{font-size:var(--font-size-base)}}@media (max-width:768px){.meta-chat-widget{bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.meta-chat-panel{bottom:calc(5rem + env(safe-area-inset-bottom,0px))}.btn-danger-icon{min-width:44px;min-height:44px}.btn-sm{min-height:44px}.hamburger-btn{min-width:44px;min-height:44px}.email-verify-banner-btn{min-height:44px;padding:.5rem 1rem}.settings-gear-btn,.toggle-btn{min-width:44px;min-height:44px}}.card-grid-item:active{opacity:.85;transform:scale(.96)}@media (max-width:768px){.complete-chrome-bottom{gap:var(--spacing-xs);flex-wrap:wrap}.complete-chrome-bottom .btn{flex:1 1 calc(50% - var(--spacing-xs));min-width:0}}@media (max-width:480px){.pick-review-header{flex-wrap:wrap}.pick-review-name{flex:100%;order:-1}}@media (max-width:768px){.import-draft-item{gap:var(--spacing-xs);flex-wrap:wrap}.settings-key-row{gap:var(--spacing-xs);flex-direction:column}.settings-key-row .auth-input{width:100%}.email-verify-banner{justify-content:center;gap:var(--spacing-xs);flex-wrap:wrap}}@media (max-width:480px){.leave-dialog-actions{gap:var(--spacing-xs);flex-direction:column}.leave-dialog-actions .btn{width:100%}}@media (max-width:768px){.card,.analytics-section,.profile-danger-zone{padding:var(--spacing-md)}}.footer-link,.forgot-password-link,.auth-footer a{padding:var(--spacing-xs) 0;display:inline-block}.changelog-content{overflow-wrap:break-word;word-break:break-word}@media (max-width:768px){.accuracy-chart-inner{-webkit-overflow-scrolling:touch;overflow-x:auto}.accuracy-chart{min-width:400px}}.cmdr-editor{flex-direction:column;gap:1.5rem;max-width:1240px;margin:0 auto;padding:1.5rem;display:flex}.cmdr-authoring-page{flex-direction:column;gap:1.5rem;max-width:1240px;margin:0 auto;padding:2rem 1.5rem;display:flex}.cmdr-authoring-loading{justify-content:center;align-items:center;min-height:420px}.cmdr-authoring-header{flex-direction:column;gap:.45rem;display:flex}.cmdr-authoring-breadcrumb{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;display:flex}.cmdr-authoring-title{letter-spacing:-.02em;color:var(--color-text-primary);margin:0;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.05}.cmdr-authoring-subtitle{max-width:760px;font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;line-height:1.6}.cmdr-authoring-progress{gap:.5rem;display:flex}.cmdr-authoring-progress-step{background:var(--color-border);border-radius:9999px;flex:1;height:.375rem}.cmdr-authoring-progress-step.is-complete{background:#fbbf2473}.cmdr-authoring-progress-step.is-active{background:var(--color-accent-gold)}.cmdr-authoring-surface{border:1px solid var(--color-border);background:linear-gradient(180deg, #ffffff0a, #ffffff05), var(--color-surface);box-shadow:var(--shadow-md);border-radius:1rem;padding:1.5rem}.cmdr-authoring-surface--spacious{padding:1.75rem}.cmdr-section{flex-direction:column;gap:.625rem;display:flex}.cmdr-section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em}.cmdr-section-helper{color:var(--color-text-muted);margin:-.15rem 0 0;font-size:.9rem;line-height:1.5}.cmdr-field-stack{flex-direction:column;gap:1rem;display:flex}.cmdr-authoring-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.cmdr-section-gap-lg{margin-top:1.5rem}.cmdr-zone{background:linear-gradient(135deg,#8b5cf60f,#3b82f60a);border:1px solid #8b5cf633;border-radius:.75rem;padding:1.25rem 1.5rem}.cmdr-zone-header{margin-bottom:.625rem}.cmdr-zone-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent-purple,#8b5cf6);text-transform:uppercase;letter-spacing:.1em;margin:0}.cmdr-zone-cards{flex-direction:column;gap:.5rem;display:flex}.cmdr-zone-card{align-items:center;gap:.625rem;padding:.5rem 0;display:flex}.cmdr-zone-name{font-size:1.2rem;font-weight:var(--font-weight-bold,700);color:var(--color-text-primary);letter-spacing:-.01em}.cmdr-zone-identity{gap:.3rem;display:flex}.cmdr-zone-identity .identity-pip{width:22px;height:22px}.cmdr-zone-partner{opacity:.8}.cmdr-selection-media{object-fit:cover;border-radius:.35rem;flex-shrink:0;width:4.5rem;height:3.5rem}.cmdr-selection-media-stack{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.cmdr-selection-media-stack.has-partner{gap:.35rem}.cmdr-selection-media-partner{opacity:.96;width:4rem;height:3rem}.cmdr-selection-copy{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.cmdr-selection-subline{color:var(--color-text-secondary);font-size:.85rem}.cmdr-stats-bar{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:.625rem;gap:0;padding:0;display:flex;overflow:hidden}.cmdr-stat{border-right:1px solid var(--color-border);flex-direction:column;flex:1;align-items:center;padding:.75rem 1rem;display:flex}.cmdr-stat:last-child{border-right:none}.cmdr-stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.15rem;font-size:.65rem}.cmdr-stat-value{font-size:1.35rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.cmdr-meta-section{flex-direction:column;gap:.625rem;display:flex}.cmdr-deck-name-input{background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:1.05rem;font-weight:var(--font-weight-medium,500);box-sizing:border-box;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border:2px solid #94a3b826;border-radius:.5rem;padding:.7rem .85rem}.cmdr-deck-name-input::placeholder{color:var(--color-text-muted);opacity:.6;font-weight:400}.cmdr-deck-name-input:hover{background:var(--color-bg-tertiary);border-color:#94a3b840}.cmdr-deck-name-input:focus{border-color:var(--color-primary);background:var(--color-bg-tertiary);outline:none;box-shadow:0 0 0 3px #6c5ce733}.cmdr-deck-notes{background:var(--color-bg-secondary);color:var(--color-text-primary);resize:vertical;box-sizing:border-box;min-height:2.5rem;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border:2px solid #94a3b826;border-radius:.5rem;padding:.6rem .85rem;font-size:.9rem}.cmdr-deck-notes::placeholder{color:var(--color-text-muted);opacity:.6}.cmdr-deck-notes:hover{background:var(--color-bg-tertiary);border-color:#94a3b840}.cmdr-deck-notes:focus{border-color:var(--color-primary);background:var(--color-bg-tertiary);outline:none;box-shadow:0 0 0 3px #6c5ce733}.cmdr-search-section{position:relative}.cmdr-search-row{align-items:flex-start;gap:.5rem;display:flex}.cmdr-search-row-input{flex:1}.cmdr-search-section:before{content:"🔍";opacity:.45;z-index:var(--z-raised);pointer-events:none;font-size:.9rem;position:absolute;top:.7rem;left:.85rem}.cmdr-search-input{background:var(--color-bg-secondary);width:100%;color:var(--color-text-primary);box-sizing:border-box;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border:2px solid #94a3b826;border-radius:.625rem;padding:.75rem 1rem .75rem 2.5rem;font-size:.95rem}.cmdr-search-input::placeholder{color:var(--color-text-muted);opacity:.6}.cmdr-search-input:hover{background:var(--color-bg-tertiary);border-color:#94a3b840}.cmdr-search-input:focus{border-color:var(--color-primary);background:var(--color-bg-tertiary);outline:none;box-shadow:0 0 0 3px #6c5ce733,0 0 16px #6c5ce714}.cmdr-search-loading{color:var(--color-text-secondary);padding:.5rem .75rem;font-size:.85rem}.cmdr-search-error{color:var(--color-error);padding:.5rem .75rem;font-size:.85rem}.cmdr-search-results{background:var(--color-bg-secondary);max-height:300px;z-index:var(--z-raised);border:1px solid #94a3b826;border-top:none;border-radius:0 0 .625rem .625rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.cmdr-search-result{cursor:pointer;color:var(--color-text-primary);text-align:left;width:100%;transition:background var(--transition-fast);background:0 0;border:none;border-bottom:1px solid #94a3b80a;align-items:center;gap:.625rem;padding:.625rem .85rem;font-size:.9rem;display:flex}.cmdr-search-result:last-child{border-bottom:none}.cmdr-search-result:hover{background:#8b5cf614}.cmdr-search-result-media{object-fit:cover;border-radius:.25rem;flex-shrink:0;width:3rem;height:2.5rem}.cmdr-search-result-copy{min-width:0}.cmdr-search-result-pips{margin-top:.2rem}.cmdr-result-name{font-weight:var(--font-weight-semibold,600);flex:1}.cmdr-result-cost{color:var(--color-text-secondary);white-space:nowrap;font-size:.8rem}.cmdr-result-type{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.75rem;overflow:hidden}.cmdr-actions{justify-content:flex-end;gap:.75rem;display:flex}.cmdr-actions-stretch .btn{flex:1}.cmdr-save-error{color:var(--color-error);font-size:.875rem;font-weight:var(--font-weight-medium,500);background:#e74c3c14;border:1px solid #e74c3c33;border-radius:.5rem;padding:.625rem 1rem}.cmdr-save-success{color:var(--color-success);font-size:.875rem;font-weight:var(--font-weight-medium,500);background:#2ecc7114;border:1px solid #2ecc7133;border-radius:.5rem;padding:.625rem 1rem}.cmdr-category-tabs{background:var(--color-bg-tertiary);border:1px solid #94a3b80f;border-radius:.5rem;flex-wrap:wrap;gap:.25rem;padding:.3rem;display:flex}.cmdr-tab{color:var(--color-text-secondary);cursor:pointer;font-size:.82rem;font-weight:var(--font-weight-medium,500);background:0 0;border:none;border-radius:.375rem;min-height:2rem;padding:.45rem .85rem;transition:background .15s,color .15s,box-shadow .15s}.cmdr-tab:hover{background:var(--surface-hover);color:var(--color-text-primary)}.cmdr-tab.active{color:#fff;background:#5b3aa8;box-shadow:0 1px 4px #6c5ce74d}.cmdr-chip-row-wrap,.cmdr-chip-row-stretch{margin-top:.15rem}.cmdr-tab-stretch{flex:1}.cmdr-card-list{flex-direction:column;gap:2px;min-height:200px;display:flex}.cmdr-card-item{background:var(--color-bg-secondary);transition:background var(--transition-fast);border-radius:.375rem;align-items:center;gap:.5rem;min-height:2.25rem;padding:.5rem .75rem;display:flex}.cmdr-card-item:nth-child(odd){background:var(--color-bg-tertiary)}.cmdr-card-item:hover{background:#8b5cf60d}.cmdr-card-count{font-weight:var(--font-weight-bold,700);text-align:center;min-width:1.5rem;color:var(--color-accent-purple,#8b5cf6);font-size:.9rem}.cmdr-card-name{color:var(--color-text-primary);font-size:.88rem;font-weight:var(--font-weight-medium,500);flex:1}.cmdr-card-cost{color:var(--color-text-muted);white-space:nowrap;font-family:monospace;font-size:.8rem}.cmdr-card-category-select{background:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--transition-fast);border:1px solid #94a3b81f;border-radius:.25rem;padding:.2rem .35rem;font-size:.7rem}.cmdr-card-category-select:hover{border-color:#94a3b840}.cmdr-card-category-select:focus{border-color:var(--color-primary);outline:none}.cmdr-card-controls{gap:.2rem;display:flex}.cmdr-card-btn{width:1.75rem;height:1.75rem;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #94a3b81f;border-radius:.3rem;justify-content:center;align-items:center;font-size:.85rem;display:flex}.cmdr-card-btn:hover{color:var(--color-text-primary);background:#8b5cf61f;border-color:#8b5cf64d}.cmdr-empty-list{text-align:center;color:var(--color-text-muted);padding:3rem 2rem;font-size:.9rem}.cmdr-build-page{min-height:80vh;padding:1rem}.cmdr-build-error{text-align:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;max-width:500px;margin:4rem auto;padding:2rem}.cmdr-build-error p{color:var(--color-text-secondary);margin-bottom:1rem}.cmdr-landing{width:100%;overflow-x:hidden}.cmdr-hero{text-align:center;padding:var(--spacing-xxl) var(--spacing-sm) var(--spacing-xl);justify-content:center;align-items:center;min-height:380px;display:flex;position:relative;overflow:hidden}.cmdr-hero-bg{background:radial-gradient(ellipse 80% 60% at 50% 30%, #fbbf241f, transparent), radial-gradient(ellipse 60% 50% at 70% 70%, #8b5cf614, transparent), linear-gradient(180deg, var(--color-bg-primary), var(--color-bg-secondary));z-index:var(--z-base);position:absolute;inset:0}.cmdr-hero-content{z-index:var(--z-raised);align-items:center;gap:var(--spacing-sm);flex-direction:column;max-width:640px;display:flex;position:relative}.cmdr-hero-title{font-size:clamp(1.75rem, 5vw, var(--font-size-3xl));font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);letter-spacing:-.02em;margin:0}.cmdr-hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:var(--line-height-normal);max-width:520px;margin:0}.cmdr-hero-actions{margin-top:var(--spacing-xs);flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.cmdr-hero-cta{min-width:180px}.cmdr-hero-secondary-actions{margin-top:var(--spacing-xs);align-items:center;gap:.75rem;display:flex}.cmdr-hero-link{color:var(--color-text-muted);font-size:var(--font-size-sm);transition:color var(--transition-fast);text-decoration:none}.cmdr-hero-link:hover{color:var(--color-accent-purple)}.cmdr-hero-divider{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.cmdr-features{padding:var(--spacing-lg) var(--spacing-sm);width:min(100%,1120px);margin:0 auto}.cmdr-features-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.cmdr-feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);text-align:center;transition:border-color var(--transition-base), box-shadow var(--transition-base)}.cmdr-feature-card:hover{border-color:var(--color-border-focus);box-shadow:var(--shadow-md)}.cmdr-feature-icon{margin-bottom:.75rem;font-size:2rem}.cmdr-feature-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.cmdr-feature-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-normal);margin:0}.cmdr-section-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.cmdr-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.cmdr-section-link{font-size:var(--font-size-sm);color:var(--color-accent-purple);transition:color var(--transition-fast);text-decoration:none}.cmdr-section-link:hover{color:var(--color-accent-hover)}.cmdr-popular{padding:var(--spacing-md) var(--spacing-sm) var(--spacing-lg);width:min(100%,1360px);margin:0 auto}.cmdr-popular-scroll{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch;gap:1rem;display:grid}.cmdr-popular-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.cmdr-popular-card:hover{border-color:var(--color-accent-purple);box-shadow:var(--shadow-md);transform:translateY(-3px)}.cmdr-popular-image-wrap{aspect-ratio:4/3;background:var(--color-bg-secondary);width:100%;position:relative;overflow:hidden}.cmdr-popular-image{object-fit:cover;width:100%;height:100%;transition:transform .25s}.cmdr-popular-card:hover .cmdr-popular-image{transform:scale(1.06)}.cmdr-popular-overlay{padding:var(--spacing-2xs) var(--spacing-xs);background:linear-gradient(#0000,#000000bf);position:absolute;bottom:0;left:0;right:0}.cmdr-popular-archetype{font-size:var(--font-size-xs);color:var(--color-accent-gold);font-weight:var(--font-weight-medium)}.cmdr-popular-info{padding:var(--spacing-xs) .75rem;justify-content:space-between;align-items:center;gap:var(--spacing-xs);display:flex}.cmdr-popular-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.cmdr-popular-colors{flex-shrink:0;align-items:center;gap:2px;display:flex}.cmdr-popular-colors .identity-pip-sm{width:14px;height:14px}.cmdr-your-decks{padding:0 var(--spacing-sm) var(--spacing-xl);width:min(100%,1360px);margin:0 auto}.cmdr-your-decks-empty{text-align:center;padding:var(--spacing-md) 0}.cmdr-your-decks-empty-text{color:var(--color-text-muted);margin:0}.cmdr-your-decks-auth{text-align:center;padding:var(--spacing-md) 0}.cmdr-auth-text{color:var(--color-text-muted);margin:0 0 var(--spacing-sm) 0}.cmdr-list-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.cmdr-list-error{color:var(--color-error);text-align:center;padding:var(--spacing-lg) var(--spacing-sm)}.cmdr-deck-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.cmdr-deck-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;flex-direction:column;gap:.5rem;height:100%;padding:1rem 1.25rem;transition:border-color .2s;display:flex}.cmdr-deck-card:hover{border-color:var(--color-primary)}.cmdr-deck-card-link{min-width:0;color:inherit;flex-direction:column;flex:1;gap:.5rem;text-decoration:none;display:flex}.cmdr-deck-card-header{justify-content:space-between;align-items:flex-start;display:flex}.cmdr-deck-card-name{font-size:1.05rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);min-width:0}.cmdr-deck-card-cmdr{color:var(--color-text-secondary);font-size:.9rem}.cmdr-deck-card-partner{color:var(--color-text-secondary);font-size:.85rem}.cmdr-deck-card-identity{align-items:center;gap:.2rem;display:flex}.cmdr-deck-card-identity .identity-pip{width:16px;height:16px}.cmdr-deck-card-meta{color:var(--color-text-secondary);flex-wrap:wrap;gap:1rem;font-size:.8rem;display:flex}.cmdr-deck-card-date{color:var(--color-text-muted);margin-top:auto;font-size:.8rem}.cmdr-deck-card-actions{gap:.5rem;margin-top:.25rem;display:flex}.cmdr-deck-card-actions .btn{font-size:.85rem}@media (max-width:1100px){.cmdr-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.cmdr-list-empty{text-align:center;color:var(--color-text-secondary);padding:4rem 2rem}.cmdr-list-empty p{margin-bottom:1rem}.cmdr-list-auth-required{text-align:center;padding:4rem 2rem}.cmdr-list-auth-required p{color:var(--color-text-secondary);margin-bottom:1rem}.cmdr-import-page{max-width:720px;margin:0 auto;padding:2rem 1.5rem}.cmdr-import-container{flex-direction:column;gap:1rem;display:flex}.cmdr-import-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.cmdr-import-title{font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0}.cmdr-import-input-section{margin:.5rem 0}.cmdr-import-error{border-radius:var(--radius-md);color:var(--color-danger-text);background:#dc323226;border:1px solid #dc32324d;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.cmdr-import-preview{border-radius:var(--radius-md);background:#ffd70014;border:1px solid #ffd70026;padding:.75rem 1rem}.cmdr-import-preview-warnings{margin-top:.5rem}.cmdr-import-actions{gap:.75rem;margin-top:.5rem;display:flex}.cmdr-import-result{border-radius:var(--radius-md);background:var(--surface-soft);border:1px solid var(--surface-border-subtle);padding:1.25rem}.cmdr-import-result-title{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.2rem}.cmdr-import-summary{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.cmdr-import-summary-row{align-items:center;gap:.5rem;display:flex}.cmdr-import-warnings,.cmdr-import-not-found{border-radius:var(--radius-md);background:#dcaa1e14;border:1px solid #dcaa1e33;margin:1rem 0;padding:.75rem 1rem}.cmdr-import-warnings-title{color:var(--color-text-primary);margin:0 0 .5rem;font-size:.95rem}.cmdr-import-warning-item{color:var(--color-text-secondary);padding:.15rem 0;font-size:.85rem}.cmdr-import-not-found{background:#dc323214;border-color:#dc323233}.cmdr-import-help{color:var(--color-text-secondary);margin-top:1.5rem}.cmdr-import-help summary{cursor:pointer;font-size:.9rem}.cmdr-import-help-content{margin-top:.5rem;font-size:.85rem}.cmdr-import-help-content p{margin:.25rem 0}.cmdr-import-help-content code{background:var(--surface-hover);border-radius:var(--radius-xs);padding:.1rem .3rem;font-size:.82rem}.text-warning{color:var(--color-warning)}.cmdr-import-commanders{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.cmdr-import-commander-card{border-radius:var(--radius-md);background:var(--surface-soft);border:1px solid var(--surface-border-subtle);flex-direction:column;align-items:center;gap:.35rem;min-width:180px;padding:.75rem;display:flex}.cmdr-import-commander-img{border-radius:var(--radius-md);width:200px}.cmdr-import-commander-placeholder{border-radius:var(--radius-md);background:var(--surface-hover);text-align:center;justify-content:center;align-items:center;width:200px;height:280px;padding:1rem;display:flex}.cmdr-import-categories{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.cmdr-import-category{border-radius:var(--radius-sm);background:#ffffff05;padding:.5rem}.cmdr-import-category-title{color:var(--color-text-primary);margin:0 0 .4rem;font-size:.9rem;font-weight:600}.cmdr-import-card-list{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.cmdr-import-warnings-list{margin:.25rem 0 0 1.25rem;padding:0;font-size:.85rem;list-style:outside}.cmdr-analysis-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.cmdr-analysis-meta{align-items:center;gap:.75rem;display:flex}.cmdr-analysis-strategy{background:var(--color-surface-2);text-transform:capitalize;color:var(--color-text-primary);border-radius:1rem;padding:.25rem .75rem;font-size:.85rem}.cmdr-analysis-bracket{background:var(--color-surface-2);color:var(--color-text-primary);border-radius:1rem;padding:.25rem .75rem;font-size:.85rem}.cmdr-category-breakdown{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1rem}.cmdr-category-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.25rem;display:grid}.cmdr-cat-row{align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.85rem;display:flex}.cmdr-cat-label{color:var(--color-text-secondary);flex:1}.cmdr-cat-count{font-weight:var(--font-weight-semibold);text-align:right;min-width:1.5rem}.cmdr-cat-ok{color:var(--color-success)}.cmdr-cat-low{color:var(--color-warning)}.cmdr-cat-high{color:var(--info-color,#2196f3)}.cmdr-cat-target{color:var(--color-text-secondary);font-size:var(--font-size-xs);min-width:2.5rem}.cmdr-bracket-signals{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1rem}.cmdr-bracket-signals ul{padding-left:1.25rem;list-style:outside}.cmdr-bracket-signals li{margin-bottom:.25rem}.cmdr-coaching-panel{max-width:720px}.cmdr-coaching-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:.75rem}.cmdr-threat-archenemy{color:var(--color-error)}.cmdr-threat-medium{color:var(--color-accent-gold)}.cmdr-coaching-analysis{max-height:60vh;padding-right:.5rem;overflow-y:auto}.cmdr-coaching-text p{color:var(--color-text-secondary);margin-bottom:.75rem;line-height:1.6}.cmdr-coaching-section{margin-bottom:1rem}.cmdr-coaching-section-title{color:var(--color-text-primary);margin-bottom:.375rem;font-size:.95rem;font-weight:600}@media (max-width:640px){.cmdr-editor,.cmdr-authoring-page{padding:1rem}.cmdr-stats-bar{flex-direction:column}.cmdr-stat{border-right:none;border-bottom:1px solid var(--color-border)}.cmdr-stat:last-child{border-bottom:none}.cmdr-category-tabs{gap:.125rem}.cmdr-tab{padding:.3rem .5rem;font-size:.8rem}.cmdr-authoring-grid{grid-template-columns:1fr}.cmdr-search-row{flex-direction:column}.cmdr-search-row .btn{width:100%}.cmdr-selection-media{width:4rem;height:3rem}.cmdr-selection-media-partner{width:3.25rem;height:2.5rem}.cmdr-selection-media-stack{align-self:flex-start}.cmdr-list-actions{gap:.375rem}.cmdr-deck-grid{grid-template-columns:1fr}.cmdr-hero{padding:var(--spacing-lg) var(--spacing-sm) var(--spacing-md);min-height:280px}.cmdr-hero-subtitle{font-size:var(--font-size-base)}.cmdr-hero-actions{flex-direction:column;width:100%}.cmdr-hero-actions .btn{width:100%}.cmdr-features{padding:var(--spacing-sm)}.cmdr-features-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.cmdr-popular-scroll{grid-template-columns:repeat(2,1fr);gap:.75rem}.cmdr-popular{padding:var(--spacing-sm)}.cmdr-your-decks{padding:0 var(--spacing-sm) var(--spacing-lg)}.cmdr-analysis-header-row{flex-direction:column;align-items:flex-start}.cmdr-coaching-header-row{flex-direction:column;gap:.75rem}.cmdr-category-grid{grid-template-columns:1fr}}.strategy-selector-section{background:var(--glass-bg,#ffffff08);border:1px solid var(--color-border);border-radius:.75rem;margin-top:1.5rem;padding:1.25rem}.strategy-selector-heading{color:var(--color-text-primary);margin-bottom:.75rem;font-size:1.1rem}.strategy-select{border:1px solid var(--color-border);background:var(--input-bg,#1a1a2e);width:100%;color:var(--color-text-primary);cursor:pointer;border-radius:.5rem;padding:.625rem 1rem;font-size:.95rem}.strategy-select:focus{border-color:var(--accent-color,#6c63ff);outline:none;box-shadow:0 0 0 2px #6c63ff40}.commander-brew-btn{background:linear-gradient(135deg, var(--accent-color,#6c63ff), #9b59b6);border:none}.commander-brew-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.commander-start-section{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.cmdr-brew-page{max-width:1120px;margin:0 auto;padding:2rem 1.5rem}.cmdr-brew-loading{text-align:center;padding:4rem 2rem}.cmdr-brew-loading .loading-spinner{margin:0 auto 1.5rem}.cmdr-brew-loading-text{color:var(--color-text-secondary);font-size:var(--font-size-base)}.cmdr-authoring-note{text-align:center}.cmdr-brew-elapsed{color:var(--text-tertiary,#666);margin-top:.5rem;font-size:.85rem}.cmdr-brew-error{text-align:center;background:var(--glass-bg,#ffffff08);border:1px solid var(--danger-color,#e74c3c);border-radius:.75rem;padding:3rem 2rem}.cmdr-brew-error p{color:var(--danger-color,#e74c3c);margin-bottom:1rem}.cmdr-brew-header{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.cmdr-brew-images{gap:.75rem;display:flex}.cmdr-brew-commander-img{border-radius:.5rem;width:120px;box-shadow:0 2px 8px #0000004d}.cmdr-brew-partner-img{opacity:.95}.cmdr-brew-title-row{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.cmdr-brew-title{font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0}.cmdr-brew-partner-title{color:var(--color-text-secondary);margin:0;font-size:1.2rem}.cmdr-brew-identity{align-items:center;gap:.25rem;display:flex}.cmdr-brew-identity img{width:20px;height:20px}.cmdr-brew-card-count{color:var(--color-text-secondary);font-size:.9rem}.cmdr-brew-stats-bar{margin-bottom:1.5rem}.cmdr-brew-strategy{background:var(--glass-bg,#ffffff08);border:1px solid var(--color-border);border-radius:.75rem;margin-bottom:2rem;padding:1.25rem}.cmdr-brew-strategy h2{color:var(--accent-color,#6c63ff);margin-bottom:.75rem;font-size:1.1rem}.cmdr-brew-strategy p{color:var(--color-text-secondary);line-height:1.6}.cmdr-brew-export-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.cmdr-brew-export-bar .btn{padding:.4rem .75rem;font-size:.85rem}.cmdr-brew-copy-feedback{color:var(--color-success);margin-left:.5rem;font-size:.85rem}.cmdr-brew-decklist{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.cmdr-brew-category{background:var(--glass-bg,#ffffff08);border:1px solid var(--color-border);border-radius:.5rem;padding:1rem}.cmdr-brew-category-header{color:var(--accent-color,#6c63ff);border-bottom:1px solid var(--color-border);margin-bottom:.5rem;padding-bottom:.375rem;font-size:.95rem}.cmdr-brew-card-list{margin:0;padding:0;list-style:none}.cmdr-brew-card-item{color:var(--color-text-primary);justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.9rem;display:flex}.cmdr-brew-card-name{flex:1}.cmdr-brew-card-mana{align-items:center;gap:1px;margin-left:.5rem;display:flex}.cmdr-brew-warnings{border:1px solid var(--danger-color,#e74c3c);background:#e74c3c1a;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.cmdr-brew-warnings-header{color:var(--danger-color,#e74c3c);font-size:.95rem;font-weight:var(--font-weight-semibold);justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.cmdr-brew-warnings-dismiss{color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);background:0 0;border:none;padding:.25rem;line-height:1}.cmdr-brew-warnings-dismiss:hover{color:var(--color-text-primary)}.cmdr-brew-warnings ul{padding-left:1.25rem;list-style:outside}.cmdr-brew-warnings li{color:var(--color-text-secondary);margin-bottom:.25rem;font-size:.85rem}.cmdr-brew-error-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.cmdr-brew-result{animation:.3s ease-in fadeIn}.cmdr-brew-actions{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.cmdr-brew-notes{background:var(--glass-bg,#ffffff08);border:1px solid var(--color-border);border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.cmdr-brew-notes h3{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.95rem}.cmdr-brew-notes p{color:var(--color-text-secondary);font-size:.9rem;line-height:var(--line-height-normal)}@media (max-width:640px){.cmdr-brew-page{padding:1rem}.cmdr-brew-header{text-align:center;flex-direction:column}.cmdr-brew-images{justify-content:center}.cmdr-brew-commander-img{width:90px}.cmdr-brew-decklist{grid-template-columns:1fr}.cmdr-brew-actions,.commander-start-section{flex-direction:column;align-items:stretch}}.rogue-feed-viewport{max-width:900px;margin:0 auto;padding:2rem}.rogue-skeleton{flex-direction:column;gap:1rem;display:flex}.skeleton-card-large{border-radius:var(--radius);height:120px}.rogue-empty-state{text-align:center;color:var(--color-text-secondary);padding:3rem 1rem}.rogue-empty-state i{opacity:.5;margin-bottom:1rem;font-size:3rem}.rogue-article-list{flex-direction:column;gap:1rem;display:flex}.rogue-article-card{background:var(--card-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color .15s;overflow:hidden}.rogue-article-card:hover{border-color:var(--color-accent)}.rogue-card-header{cursor:pointer;padding:1.25rem}.rogue-card-title-row{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.rogue-deck-name{font-size:1.1rem;font-weight:var(--font-weight-semibold);margin:0}.rogue-colors{color:var(--color-text-secondary);font-size:.85rem}.rogue-strategy{color:var(--color-text-secondary);margin:0 0 .75rem;font-size:.9rem;line-height:1.4}.rogue-card-badges{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.rogue-expand-btn{border:1px solid var(--color-border);color:var(--color-accent);border-radius:var(--radius);cursor:pointer;background:0 0;padding:.35rem .75rem;font-size:.85rem;transition:background .15s}.rogue-expand-btn:hover{background:var(--hover-bg)}.rogue-expanded{border-top:1px solid var(--color-border);padding:0 1.25rem 1.25rem}.rogue-guide,.rogue-meta-pos,.rogue-decklist,.rogue-validation{margin-top:1rem}.rogue-guide h4,.rogue-meta-pos h4,.rogue-decklist h4,.rogue-validation h4{font-size:.95rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 .5rem}.rogue-guide-text{color:var(--color-text-secondary);white-space:pre-wrap;font-size:.9rem;line-height:1.6}.rogue-meta-pos p{color:var(--color-text-secondary);font-size:.9rem}.rogue-decklist-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.25rem;margin-bottom:1rem;display:grid}.rogue-deck-entry{color:var(--color-text-primary);padding:.15rem 0;font-size:.85rem}.rogue-validation-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.rogue-validation-item{color:var(--color-text-secondary);background:var(--hover-bg);border-radius:var(--radius);padding:.25rem .5rem;font-size:.85rem}.rogue-validation-warnings{color:var(--danger);margin-top:.5rem;font-size:.85rem}.rogue-actions{gap:.75rem;margin-top:1.5rem;display:flex}@media (max-width:640px){.rogue-feed-viewport{padding:1rem}.rogue-card-title-row{flex-direction:column;align-items:flex-start;gap:.25rem}.rogue-decklist-grid,.rogue-validation-grid{grid-template-columns:1fr}.rogue-actions{flex-direction:column}}.commander-brew-redesigned{flex-direction:column;gap:2rem;max-width:1440px;margin:0 auto;padding:2rem;display:flex}.brew-header{background:linear-gradient(135deg,#8b5cf61a 0%,#3b82f61a 100%);border:1px solid #8b5cf633;border-radius:.75rem;align-items:center;gap:2rem;padding:2rem;display:flex}.brew-header h1{color:var(--color-text-primary);margin:0 0 .5rem;font-size:2rem;font-weight:700}.brew-header .partner-label{color:var(--color-text-secondary);margin:0 0 1rem;font-size:.9rem}.brew-header .strategy{color:var(--color-text-muted);margin:.5rem 0;line-height:1.5}.brew-header .card-count{color:var(--color-accent-primary);margin-top:1rem;font-weight:600}.quick-metrics{background:var(--color-bg-secondary);border:1px solid var(--color-surface);border-radius:var(--radius-lg);padding:2rem}.quick-metrics h2{color:var(--color-text-primary);margin:0 0 1.5rem}.metric{background:var(--color-bg-primary);border-radius:var(--radius-md);border-left:3px solid var(--color-accent-primary);justify-content:space-between;margin-bottom:1rem;padding:1rem;display:flex}.metric .category{color:var(--color-text-primary);font-weight:600}.metric .count{color:var(--color-text-secondary)}.metric .indicator{font-size:1.2rem}.category-breakdown{background:var(--color-bg-secondary);border:1px solid var(--color-surface);border-radius:var(--radius-lg);padding:2rem}.category-breakdown h2{color:var(--color-text-primary);margin:0 0 1.5rem}.categories{flex-direction:column;gap:1rem;display:flex}.cmdr-coaching-panel{max-height:85vh;overflow-y:auto}.cmdr-coaching-header-row{border-bottom:1px solid var(--color-border);align-items:flex-start;gap:2rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.cmdr-coaching-stat{flex-direction:column;gap:.25rem;display:flex}.cmdr-coaching-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.cmdr-coaching-stat-value{color:var(--color-text-primary);font-size:1.125rem;font-weight:600}.cmdr-synergy-high{color:var(--color-success)}.cmdr-synergy-mid{color:var(--color-accent-gold)}.cmdr-synergy-low{color:var(--color-error)}.cmdr-threat-archenemy{color:var(--color-error);font-weight:700}.cmdr-threat-high{color:#f97316}.cmdr-threat-mid{color:var(--color-accent-gold)}.cmdr-threat-low{color:var(--color-text-muted)}.cmdr-coaching-analysis{margin-top:1rem}.cmdr-coaching-text{flex-direction:column;gap:1rem;display:flex}.cmdr-coaching-section{flex-direction:column;gap:.375rem;display:flex}.cmdr-coaching-section-title{color:var(--color-accent-purple);font-size:.875rem;font-weight:600}@media (max-width:768px){.cmdr-coaching-header-row{flex-direction:column;gap:.75rem}.commander-brew-redesigned{gap:1.5rem;padding:1rem}.brew-header{flex-direction:column;padding:1.5rem}.metric{flex-direction:column;gap:.5rem}}.brew-result{flex-direction:column;gap:2rem;display:flex}.brew-header-img{object-fit:cover;object-position:top;border-radius:var(--radius-sm);border:1px solid #8b5cf64d;flex-shrink:0;width:80px;height:60px}.brew-header-text{flex:1;min-width:0}.brew-partner{color:var(--color-text-secondary);margin:0 0 .5rem;font-size:.9rem}.brew-card-count{color:var(--color-accent-primary);margin-top:.5rem;font-size:.9rem;font-weight:600}.copy-toast{background:var(--color-success);color:#fff;border-radius:var(--radius-sm);margin-top:.5rem;padding:.4rem .875rem;font-size:.875rem;animation:.2s fadeIn;display:inline-block}.brew-metrics{background:var(--color-bg-secondary);border:1px solid var(--color-surface);border-radius:var(--radius-lg);padding:2rem}.brew-metrics h2{color:var(--color-text-primary);margin:0 0 1.25rem}.metrics-grid{flex-wrap:wrap;gap:.625rem;display:flex}.metric-chip{background:var(--color-bg-primary);border:1px solid var(--color-surface);border-radius:var(--radius-md);color:var(--color-text-secondary);white-space:nowrap;align-items:center;padding:.4rem .875rem;font-size:.875rem;display:inline-flex}.brew-curve{background:var(--color-bg-secondary);border:1px solid var(--color-surface);border-radius:var(--radius-lg);padding:2rem}.brew-curve h2{color:var(--color-text-primary);margin:0 0 1.25rem}.curve-bars{align-items:flex-end;gap:.5rem;height:120px;display:flex}.curve-bucket{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.2rem;height:100%;display:flex}.curve-bar-wrap{align-items:flex-end;width:100%;height:80px;display:flex}.curve-bar{background:var(--color-accent-primary,#8b5cf6);border-radius:2px 2px 0 0;width:100%;min-height:3px;transition:height .3s}.curve-label{color:var(--color-text-muted);text-align:center;font-size:.7rem;line-height:1}.curve-count{color:var(--color-text-secondary);text-align:center;font-size:.7rem;font-weight:600;line-height:1}.brew-categories{flex-direction:column;gap:2rem;display:flex}.category-title{color:var(--color-text-primary);border-bottom:1px solid var(--color-surface);align-items:baseline;gap:.4rem;margin:0 0 .875rem;padding-bottom:.5rem;font-size:1.05rem;font-weight:600;display:flex}.category-count{color:var(--color-text-muted);font-size:.875rem;font-weight:400}.brew-categories .card-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem;display:grid}.brew-card{background:var(--color-bg-secondary);border:1px solid var(--color-surface);border-radius:var(--radius-sm);flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.brew-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.brew-card-image-wrap{aspect-ratio:7/5;background:var(--color-bg-tertiary);overflow:hidden}.brew-card-image{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.brew-card-info{flex-direction:column;gap:.25rem;padding:.375rem .5rem;display:flex}.brew-card-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:500;line-height:1.25;overflow:hidden}.brew-card-mana{flex-wrap:wrap;align-items:center;gap:1px;min-height:14px;display:flex}@media (max-width:768px){.brew-categories .card-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.curve-bars{height:80px}.curve-bar-wrap{height:56px}.metrics-grid{gap:.5rem}}.cmdr-discover-page{background:radial-gradient(circle at top, #fbbf2414, transparent 40%), linear-gradient(180deg, var(--color-bg-primary), var(--color-bg-secondary));min-height:100vh;padding:2rem 1rem 3rem}.cmdr-discover-container{width:min(100%,1280px);margin:0 auto}.cmdr-discover-header{text-align:center;margin-bottom:3rem;animation:.6s ease-out slideDown}.cmdr-discover-title{color:var(--color-text-primary);background:linear-gradient(135deg, var(--color-info), var(--color-accent-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:3rem;font-weight:700}.cmdr-discover-subtitle{color:var(--color-text-secondary);margin:0;font-size:1.1rem}.cmdr-discover-tabs{border-bottom:2px solid var(--color-surface);flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.tab-button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:1rem 1.5rem;font-size:1rem;font-weight:500;transition:color .3s;position:relative}.tab-button:hover{color:var(--color-text-secondary)}.tab-button.active{color:var(--color-info);border-bottom-color:var(--color-info)}.cmdr-discover-content{animation:.4s ease-in fadeIn}.cmdr-discover-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem}.cmdr-discover-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;margin-bottom:1rem;display:grid}.control-group{flex-direction:column;gap:.5rem;display:flex}.cmdr-stats-extended{background:var(--color-bg-tertiary);border:1px solid #94a3b814;border-radius:.625rem;align-items:flex-end;gap:1.5rem;padding:.875rem 1.125rem;display:flex}.cmdr-mana-curve{flex-direction:column;flex:1;gap:.25rem;display:flex}.cmdr-curve-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.cmdr-curve-bars{align-items:flex-end;gap:.25rem;height:48px;display:flex}.cmdr-curve-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.cmdr-curve-bar{background:var(--color-primary);width:100%;min-height:2px;transition:height var(--transition-base);border-radius:2px 2px 0 0}.cmdr-curve-num{color:var(--color-text-muted);margin-top:2px;font-size:.65rem}.cmdr-color-dist{flex-direction:column;gap:.25rem;display:flex}.cmdr-color-pips{gap:.5rem;display:flex}.cmdr-color-pip-item{flex-direction:column;align-items:center;gap:2px;display:flex}.cmdr-color-dot{border-radius:50%;width:16px;height:16px;display:block}.cmdr-color-count{color:var(--color-text-secondary);font-size:.7rem;font-weight:var(--font-weight-semibold)}.cmdr-valid{color:var(--color-success)!important}.cmdr-warning{color:var(--color-warning)!important}.cmdr-invalid{color:var(--color-error)!important}.cmdr-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.cmdr-actions-left,.cmdr-actions-center,.cmdr-actions-right{align-items:center;gap:.5rem;display:flex}.cmdr-actions-right{margin-left:auto}.cmdr-export-row{align-items:center;gap:.5rem;display:flex}.cmdr-export-msg{color:var(--color-success);font-size:.85rem;animation:.2s cmdr-fade-in}.cmdr-discover-filters{grid-template-columns:minmax(220px,.95fr) minmax(260px,1fr) minmax(0,1.45fr);gap:.75rem;display:grid}.cmdr-discover-filter-group{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:.6rem;padding:.9rem 1rem;display:flex}.cmdr-discover-filter-group-wide{min-width:0}.cmdr-discover-filter-label{font-size:.72rem;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.cmdr-discover-chip-row{background:0 0;border:none;flex-wrap:wrap;gap:.35rem;padding:0}.cmdr-discover-color-row{flex-wrap:wrap;gap:.4rem;display:flex}.cmdr-discover-color-tab{justify-content:center;align-items:center;width:2.35rem;min-width:2.35rem;min-height:2.35rem;padding:0;display:inline-flex}.cmdr-discover-color-icon{width:1.25rem;height:1.25rem}.control-group label{color:var(--color-text-secondary);font-size:.9rem;font-weight:600}.control-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.control-input:hover{border-color:var(--color-border-focus)}.control-input:focus{border-color:var(--color-info);outline:none;box-shadow:0 0 0 3px #60a5fa1a}.cmdr-popular-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;display:grid}.cmdr-search-tab{border:1px solid var(--color-surface);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;padding:2rem}.cmdr-search-controls{margin-bottom:2rem}.search-bar-container{margin-bottom:1.5rem}.search-input{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);padding:.875rem 1rem;font-size:1rem;transition:all .2s}.search-input:focus{border-color:var(--color-info);outline:none;box-shadow:0 0 0 3px #60a5fa1a}.search-input::placeholder{color:var(--color-text-tertiary)}.filter-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.filter-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.filter-input:hover{border-color:var(--color-border-focus)}.filter-input:focus{border-color:var(--color-info);outline:none;box-shadow:0 0 0 3px #60a5fa1a}.cmdr-discover-results{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}@media (max-width:1200px){.cmdr-discover-results{grid-template-columns:repeat(3,minmax(0,1fr))}}.cmdr-search-list{display:contents}.cmdr-archetypes-tab{border:1px solid var(--color-surface);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;padding:2rem}.archetypes-intro{color:var(--color-text-secondary);margin-bottom:2rem;font-size:1.05rem}.archetypes-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.archetype-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;padding:1.5rem;transition:all .3s}.archetype-card:hover{border-color:var(--color-info);transform:translateY(-2px);box-shadow:0 4px 12px #60a5fa26}.archetype-name{color:var(--color-text-primary);margin:0 0 .75rem;font-size:1.25rem}.archetype-description{color:var(--color-text-secondary);margin:0 0 1rem;font-size:.95rem;line-height:1.5}.commander-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden}.commander-card:hover{border-color:var(--color-info);transform:translateY(-4px);box-shadow:0 8px 16px #60a5fa33}.commander-card-image{aspect-ratio:5/7;background:linear-gradient(135deg,#0f172a,#1a1f35);width:100%;overflow:hidden}.commander-card-image img{object-fit:cover;width:100%;height:100%}.commander-card-info{flex-direction:column;flex-grow:1;padding:1rem;display:flex}.commander-card-name{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1rem;font-weight:600;line-height:1.3}.commander-card-cost{color:var(--color-text-muted);margin:0;font-size:.9rem}.loading{text-align:center;color:var(--color-text-tertiary);padding:3rem 1rem;font-size:1.1rem}.loading:after{content:"";border:2px solid var(--color-border);border-top-color:var(--color-info);border-radius:50%;width:20px;height:20px;margin-left:.5rem;animation:.8s linear infinite spin;display:inline-block}.empty-state{text-align:center;color:var(--color-text-tertiary);padding:4rem 2rem;font-size:1.1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.cmdr-error-banner{border-left:3px solid var(--color-danger,#ef4444);background:#ef44441a;border-radius:.5rem;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex}.cmdr-error-message{color:var(--color-danger-text);flex:1;margin:0;font-size:.95rem}.cmdr-error-banner .btn{flex-shrink:0}@media (max-width:768px){.cmdr-discover-page{padding:1rem}.cmdr-discover-title{font-size:2rem}.cmdr-discover-tabs{gap:.5rem}.tab-button{padding:.75rem 1rem;font-size:.9rem}.cmdr-discover-toolbar,.cmdr-discover-filters{grid-template-columns:1fr}.cmdr-discover-filter-group{padding:.8rem .85rem}.cmdr-popular-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.filter-row{grid-template-columns:1fr}.cmdr-discover-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.archetypes-grid{grid-template-columns:1fr}.cmdr-discover-header{margin-bottom:1.5rem}}@media (min-width:769px) and (max-width:1024px){.cmdr-discover-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.cmdr-discover-filter-group-wide{grid-column:1/-1}}@media (max-width:480px){.cmdr-discover-tabs{-webkit-overflow-scrolling:touch;gap:.25rem;overflow-x:auto}.tab-button{white-space:nowrap;padding:.5rem .75rem;font-size:.85rem}.cmdr-popular-grid,.cmdr-discover-results{grid-template-columns:1fr;gap:.75rem}.cmdr-discover-filter-group,.cmdr-discover-page{padding:.75rem}.cmdr-discover-panel,.cmdr-search-tab,.cmdr-archetypes-tab{padding:1rem}}.archetype-back{border-bottom:1px solid #334155;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.archetype-back h2{color:var(--color-text-primary);margin:0;font-size:1.75rem}.commander-card:focus{outline:3px solid var(--color-info);outline-offset:2px}.commander-card:focus-visible{outline:3px solid var(--color-info);outline-offset:2px;box-shadow:0 0 0 3px #60a5fa1a,0 8px 16px #60a5fa33}.archetype-card:focus-visible{outline:3px solid var(--color-info);outline-offset:2px}.tab-button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-info);outline-offset:2px}.skip-to-content{background:var(--color-accent-hover);color:#fff;z-index:var(--z-top);border-radius:var(--radius-sm);padding:8px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-to-content:focus{top:0}.cmdr-color-filters{flex-wrap:wrap;gap:.3rem;display:flex}.cmdr-color-btn{min-height:2rem;color:var(--color-text-secondary);cursor:pointer;font-size:.8rem;font-weight:var(--font-weight-semibold);background:0 0;border:1px solid #94a3b81f;border-radius:.25rem;padding:.375rem .65rem;transition:background .15s,color .15s}.cmdr-color-btn:hover{background:var(--surface-hover);color:var(--color-text-primary)}.cmdr-color-btn.active{color:var(--color-text-primary);border-color:var(--color-primary);background:#8b5cf61a}.cmdr-section{margin-bottom:.75rem}.cmdr-section-header{font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--color-accent-purple,#8b5cf6);text-transform:uppercase;letter-spacing:.06em;border-left:3px solid var(--color-accent-purple,#8b5cf6);background:#8b5cf60a;border-radius:0 .25rem .25rem 0;margin-bottom:.25rem;padding:.4rem .75rem}.cmdr-card-row{background:var(--color-bg-secondary);transition:background var(--transition-fast);border-radius:.375rem;align-items:center;gap:.5rem;min-height:2.25rem;padding:.5rem .75rem;display:flex;position:relative}.cmdr-card-row:nth-child(odd){background:var(--color-bg-tertiary)}.cmdr-card-row:hover{background:#8b5cf60d}.cmdr-card-preview{z-index:var(--z-overlay);pointer-events:none;margin-left:.5rem;display:none;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.cmdr-card-preview img{width:200px;box-shadow:var(--shadow-lg);border-radius:8px}.cmdr-card-row:hover>.cmdr-card-preview{animation:.15s cmdr-fade-in;display:block}.cmdr-search-result{position:relative}.cmdr-search-preview{z-index:var(--z-overlay);pointer-events:none;margin-left:.5rem;display:none;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.cmdr-search-preview img{width:180px;box-shadow:var(--shadow-lg);border-radius:8px}.cmdr-search-result:hover>.cmdr-search-preview{animation:.15s cmdr-fade-in;display:block}.cmdr-btn-sm{width:1.75rem;height:1.75rem;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #94a3b81f;border-radius:.3rem;justify-content:center;align-items:center;font-size:.85rem;display:flex}.cmdr-btn-sm:hover{color:var(--color-text-primary);background:#8b5cf61f;border-color:#8b5cf64d}.cmdr-btn-remove:hover{color:var(--color-error);background:#e74c3c26;border-color:#e74c3c4d}.cmdr-validity-bar{text-align:center;font-size:.85rem;font-weight:var(--font-weight-medium,500);border-radius:.5rem;padding:.625rem 1rem}.cmdr-validity-ok{color:var(--color-success);background:#2ecc710f;border:1px solid #2ecc7126;border-radius:.5rem;padding:.5rem 1rem;display:inline-block}.cmdr-validity-warn{color:var(--color-warning);background:#f39c120f;border:1px solid #f39c1226;border-radius:.5rem;padding:.5rem 1rem;display:inline-block}.cmdr-budget-warn{color:var(--accent-red,#e74c3c);background:#e74c3c0f;border-color:#e74c3c26}.cmdr-card-price{color:var(--accent-green,#4caf50);text-align:right;flex-shrink:0;min-width:3rem;font-size:.8rem}.cmdr-price-value{color:var(--accent-green,#4caf50)}.cmdr-btn-fetch-prices{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;transition:background .2s}.cmdr-btn-fetch-prices:hover{background:var(--surface-hover);color:var(--color-text-primary)}.cmdr-btn-fetch-prices:disabled{opacity:.5;cursor:not-allowed}.cmdr-stat-budget{align-items:center;display:flex}.cmdr-budget-select{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem}.cmdr-budget-select:focus{border-color:var(--accent,#8b5cf6);outline:none}.cmdr-result-price{color:var(--accent-green,#4caf50);flex-shrink:0;margin-left:auto;font-size:.75rem}@keyframes cmdr-fade-in{0%{opacity:0;transform:translateY(-50%)scale(.95)}to{opacity:1;transform:translateY(-50%)scale(1)}}.cmdr-cards .cmdr-card-row{animation:.2s cmdr-card-enter}@keyframes cmdr-card-enter{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.cmdr-editor{gap:1rem;padding:1rem .75rem}.cmdr-zone{padding:1rem}.cmdr-zone-name{font-size:1.05rem}.cmdr-stats-bar{flex-wrap:wrap}.cmdr-stat{min-width:0;padding:.5rem .75rem}.cmdr-stat-value{font-size:1.15rem}.cmdr-stats-extended{flex-direction:column;gap:.75rem;padding:.625rem .75rem}.cmdr-search-input,.cmdr-deck-name-input{min-height:44px;padding-top:.8rem;padding-bottom:.8rem;font-size:1rem}.cmdr-deck-notes{min-height:44px;font-size:.95rem}.cmdr-actions{flex-direction:column;align-items:stretch;gap:.5rem}.cmdr-actions-left,.cmdr-actions-center,.cmdr-actions-right{flex-wrap:wrap;justify-content:center}.cmdr-actions-right{margin-left:0}.cmdr-actions .btn{min-height:44px;padding-left:1rem;padding-right:1rem}.cmdr-export-row{flex-wrap:wrap;justify-content:center}.cmdr-card-row{flex-wrap:wrap;gap:.25rem;min-height:44px;padding:.5rem .625rem}.cmdr-card-item{min-height:44px;padding:.5rem .625rem}.cmdr-card-name{min-width:55%}.cmdr-card-type{display:none}.cmdr-card-category-select{min-height:28px;font-size:.7rem}.cmdr-card-btn,.cmdr-btn-sm{width:2rem;min-width:44px;height:2rem;min-height:44px}.cmdr-card-preview,.cmdr-search-preview{display:none!important}.cmdr-color-filters{gap:.2rem}.cmdr-color-btn{min-width:36px;min-height:36px;padding:.35rem .5rem;font-size:.78rem}.cmdr-filter-row .cmdr-category-tabs{gap:.15rem}.cmdr-tab{padding:.3rem .5rem;font-size:.75rem}}.card-tap-hint,.card-hold-hint{font-size:.65rem;font-weight:var(--font-weight-semibold);color:#ffffffe6;text-align:center;pointer-events:none;z-index:var(--z-raised);background:#0000008c;padding:2px 4px;line-height:1.3;display:none;position:absolute;left:0;right:0}.card-tap-hint{bottom:22px}.card-hold-hint{bottom:2px}@media (hover:none) and (pointer:coarse){.card-tap-hint,.card-hold-hint{display:block}}.long-press-active{outline-offset:2px;outline:3px solid var(--color-accent-purple)!important}.btn-pick{min-height:48px;font-size:1rem;font-weight:var(--font-weight-semibold);width:100%;max-width:280px}.card-preview-overlay-panel{padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px))}@media (max-width:400px){.card-preview-overlay-image{max-width:220px}.card-preview-overlay-panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%}.card-preview-overlay-actions{flex-direction:column;align-items:stretch}.card-preview-overlay-actions .btn,.btn-pick{max-width:100%}}.pick-toast{bottom:calc(2rem + env(safe-area-inset-bottom,0px))}@media (max-width:768px){.draft-container{padding:0}.mobile-draft-tabs{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.card-grid{padding-left:max(6px, env(safe-area-inset-left,6px));padding-right:max(6px, env(safe-area-inset-right,6px))}.draft-header{border-radius:0;margin-bottom:0}.draft-header-content{gap:var(--spacing-xs)}.draft-layout{overflow:visible}.draft-main,.draft-sidebar{-webkit-overflow-scrolling:touch;overflow-y:auto}}@media (max-width:480px){.draft-header-controls{flex-wrap:wrap;gap:4px}.draft-header-controls .btn-sm,.draft-header-controls .btn-ghost{min-height:36px;padding:4px 8px;font-size:.8rem}.coaching-toggle-label{display:none}.draft-progress-text{font-size:.75rem}}@media (max-width:768px){.deckbuilder-header{padding:var(--spacing-xs) var(--spacing-sm);border-radius:0}.deckbuilder-header-content h2{font-size:1rem}.deckbuilder-layout{padding:0;overflow:visible}.deckbuilder-pool{-webkit-overflow-scrolling:touch;overflow-y:auto}.deckbuilder-deck{-webkit-overflow-scrolling:touch;padding:var(--spacing-xs);overflow-y:auto}.deckbuilder-status{padding-bottom:calc(var(--spacing-xs) + env(safe-area-inset-bottom,0px))}.deckbuilder-status-actions .btn-sm{min-height:36px;padding:6px 10px;font-size:.8rem}.deckbuilder-tabs{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.pool-flat-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.deckbuilder-status-actions{flex-wrap:wrap;gap:4px}.deckbuilder-status-actions .btn-sm{flex:1;min-width:80px}.pool-flat-grid{grid-template-columns:repeat(2,1fr)}.card-grid[data-cards="1"],.card-grid[data-cards="2"],.card-grid[data-cards="3"]{grid-template-columns:repeat(auto-fill,minmax(120px,180px))}}@media (max-width:768px){.deck-analysis-overlay{-webkit-overflow-scrolling:touch;width:100vw;max-width:100vw;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:0;position:fixed;inset:0;overflow-y:auto}}@media (max-width:400px){.draft-interstitial{padding:var(--spacing-lg) var(--spacing-md);max-width:calc(100vw - 2rem)}.win-record-buttons{gap:var(--spacing-xs);flex-wrap:wrap}.win-record-btn{flex:1;min-width:64px}}.duplicate-warning{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;margin-bottom:.5rem;padding:.4rem .75rem;font-size:.85rem}.error-boundary-fallback{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center;flex-direction:column;min-height:200px;display:flex}.error-boundary-icon{font-size:2.5rem}.error-boundary-title{color:var(--color-text-primary);margin:0;font-size:1.25rem;font-weight:600}.error-boundary-message{color:var(--color-text-muted);margin:0;font-size:.9rem}.error-boundary-details{color:var(--color-text-muted);text-align:left;width:100%;max-width:480px;font-size:.8rem}.error-boundary-trace{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm);white-space:pre-wrap;word-break:break-word;margin-top:var(--spacing-xs);font-size:.75rem;overflow-x:auto}.error-boundary-actions{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;display:flex}.cmdr-combo-list{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1rem}.cmdr-combo-row{border-bottom:1px solid #94a3b814;padding:.5rem 0}.cmdr-combo-row:last-child{border-bottom:none}.cmdr-combo-header{align-items:center;gap:.5rem;margin-bottom:.2rem;display:flex}.cmdr-combo-type{font-weight:var(--font-weight-semibold,600);color:var(--color-text-primary);font-size:.85rem}.cmdr-combo-score{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.78rem}.cmdr-combo-cards,.cmdr-combo-setup{font-size:.78rem;line-height:1.4}.cmdr-combo-tier{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:3px;padding:.1rem .4rem;font-size:.68rem;font-weight:700}.cmdr-combo-critical{color:var(--color-success-text,#34d399);background:#10b9812e;border:1px solid #10b98159}.cmdr-combo-high{color:var(--color-accent-gold,#fbbf24);background:#fbbf2424;border:1px solid #fbbf244d}.cmdr-combo-medium{color:var(--color-warning,#f59e0b);background:#f59e0b1f;border:1px solid #f59e0b40}.cmdr-combo-low{color:var(--color-text-muted,#94a3b8);background:#94a3b81a;border:1px solid #94a3b833}