:root{--flair:#9fe870;--flair-hover:#80e142;--forest:#163300;--text:#454745;--text-h:#0e0f0c;--bg:#fff;--border:#e3e6de;--code-bg:#f2f5f1;--accent:#163300;--accent-bg:#9fe87038;--accent-border:#9fe870;--social-bg:#f2f5f180;--danger:#a8200d;--shadow:#0e0f0c14 0 10px 15px -3px, #0e0f0c0a 0 4px 6px -2px;--radius-card:16px;--radius-input:10px;--radius-pill:999px;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--flair-hover:#b4ee8d;--text:#a6ada0;--text-h:#f0f2ed;--bg:#121511;--border:#2c312a;--code-bg:#1c201a;--accent:#9fe870;--accent-bg:#9fe87024;--accent-border:#9fe87080;--social-bg:#1c201a80;--danger:#ff8577;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}#root{flex-direction:column;min-height:100svh;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);letter-spacing:-.02em;font-weight:700;line-height:1.15}h1{margin:32px 0 16px;font-size:40px}@media (width<=1024px){h1{margin:20px 0 12px;font-size:30px}}h2{margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}a{color:var(--accent);-webkit-text-decoration-color:var(--accent-border);text-decoration-color:var(--accent-border);text-underline-offset:3px;font-weight:600}button{font:inherit;cursor:pointer}input,select{font:inherit;color:var(--text-h);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-input);padding:8px 12px}:is(input,select):focus-visible{outline:2px solid var(--accent-border);outline-offset:1px}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:6px;padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}.card-text{text-align:left;border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:baseline;gap:.4rem;padding:.6rem .7rem;display:grid}.card-text:hover{border-color:var(--accent-border)}.card-text .card-body{opacity:.8;grid-column:1/-1;font-size:.85em}.card-name{color:var(--text-h);font-weight:600}.card-cost{color:var(--accent);font-weight:700}.rarity-legendary .card-name{color:#b76e00}.rarity-epic .card-name{color:#a335ee}.rarity-rare .card-name{color:#0070dd}.card-text.selected{outline:2px solid var(--accent)}@media (prefers-color-scheme:dark){.rarity-legendary .card-name{color:#ff8000}.rarity-rare .card-name{color:#4aa3ff}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--border);align-items:center;gap:24px;padding:14px 24px;display:flex}.app-header .brand{letter-spacing:-.02em;color:var(--text-h);font-size:20px;font-weight:800;text-decoration:none}.app-header nav{gap:20px;display:flex}.app-header nav a{font-size:15px;text-decoration:none}.app-header nav a:hover{text-decoration:underline}.app-header .auth-controls{align-items:center;gap:12px;margin-left:auto;font-size:14px;display:flex}.app-header .auth-controls button{border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-h);background:0 0;padding:6px 16px;font-size:14px;font-weight:600}.app-header .auth-controls button:hover{border-color:var(--accent-border)}.app-body{box-sizing:border-box;text-align:left;flex:1;gap:24px;width:100%;max-width:1280px;margin:0 auto;padding:24px;display:flex}.app-main{flex:1;min-width:0}.app-footer{border-top:1px solid var(--border);padding:16px 24px;font-size:14px}.app-footer .legal-links{gap:16px;margin-top:8px;display:flex}.cta{border-radius:var(--radius-pill);color:var(--forest);background:var(--flair);cursor:pointer;border:none;padding:12px 26px;font-size:17px;font-weight:700;transition:background .15s}.cta:hover:not(:disabled){background:var(--flair-hover)}.cta:disabled{opacity:.55;cursor:not-allowed}.landing{max-width:980px}.landing .fine-print{font-size:14px}.landing h2{margin:0 0 14px;font-size:26px}.landing section{margin:56px 0}.landing section:first-child{margin-top:24px}.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:40px;display:grid}.hero-grid h1{text-wrap:balance;margin:0 0 14px;font-size:clamp(34px,5vw,52px)}.hero-grid .hero-sub{text-wrap:pretty;max-width:34rem;font-size:18px}.hero-grid .hero-actions{margin-top:22px}.hero-grid .hero-alt{margin-top:12px;font-size:14px}@media (width<=860px){.hero-grid{grid-template-columns:1fr;gap:28px}}.coach-preview{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--code-bg);box-shadow:var(--shadow);padding:18px}.coach-preview .preview-round{letter-spacing:.6px;text-transform:uppercase;color:var(--text);margin-bottom:10px;font-size:12px;font-weight:700}.coach-preview .preview-options{gap:8px;display:flex}.coach-preview .preview-option{min-width:0;color:var(--text-h);background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:12px;flex:1;padding:10px 8px;font-size:13px;font-weight:600}.coach-preview .preview-option.recommended{border:2px solid var(--accent);background:var(--accent-bg)}.coach-preview .preview-check{color:var(--accent);margin-left:6px;font-weight:800}.coach-preview .preview-verdict{background:var(--bg);border-radius:12px;margin-top:12px;padding:12px 14px;animation:.5s cubic-bezier(.22,1,.36,1) .25s both verdict-in}.coach-preview .preview-verdict p{margin:0 0 6px;font-size:14px}.coach-preview .preview-verdict .preview-headline{color:var(--text-h);font-weight:700}@keyframes verdict-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.coach-preview .preview-verdict{animation:none}}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;font-size:15px}.steps li strong{color:var(--text-h);margin-bottom:4px;display:block}.steps li:before{content:counter(step);background:var(--flair);width:28px;height:28px;color:var(--forest);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;font-weight:800;display:inline-flex}.tier-list{border-radius:12px;flex-direction:column;gap:3px;display:flex;overflow:hidden}.tier-list-row{align-items:stretch;gap:3px;display:flex}.tier-list-label{color:#1a1a1a;flex-shrink:0;justify-content:center;align-items:center;width:58px;font-size:24px;font-weight:800;display:flex}.tier-label-S{background:#ff7f7f}.tier-label-A{background:#ffbf7f}.tier-label-B{background:#ffdf7f}.tier-label-C{background:#7fff7f}.tier-label-D{background:#7fbfff}.tier-list-items{background:var(--code-bg);flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;padding:8px;display:flex}.tier-list .tier-chip{border:1px solid var(--border);color:var(--text-h);background:var(--bg);border-radius:10px;align-items:center;padding:6px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.tier-list .tier-chip:hover{border-color:var(--accent-border)}.tier-strip-note{margin-top:12px;font-size:14px}.faq{max-width:680px}.faq details{border-bottom:1px solid var(--border);padding:4px 0}.faq details summary{cursor:pointer;color:var(--text-h);padding:12px 0;font-weight:600}.faq details p{max-width:60ch;margin:0 0 14px;font-size:15px}.cta-band{background:var(--flair);border-radius:var(--radius-card);text-align:center;padding:44px 32px}.cta-band h2{color:var(--forest);margin-bottom:18px}.cta-band .fine-print{color:var(--forest);opacity:.85;margin-top:12px}.cta-inverse{background:var(--forest);color:#fff}.cta-inverse:hover:not(:disabled){background:#234d00}.home{max-width:720px}.home .home-sub{margin:-6px 0 18px}.home .fine-print,.home .empty-state{font-size:14px}.home .run-section{margin-top:36px}.home .run-section h2{margin-bottom:10px;font-size:18px}.runs-list{margin:0;padding:0;list-style:none}.runs-list .run-row{color:var(--text);border-radius:12px;align-items:center;gap:14px;margin:0 -16px;padding:12px 16px;font-size:14px;text-decoration:none;display:flex}.runs-list .run-row:hover{background:var(--code-bg)}.runs-list .run-class{color:var(--text-h);min-width:110px;font-weight:700}.runs-list .run-format{text-transform:capitalize;min-width:90px}.runs-list .run-progress{background:var(--code-bg);border-radius:999px;flex:1;height:6px;overflow:hidden}.runs-list .run-progress-fill{background:var(--flair);border-radius:999px;height:100%;display:block}.runs-list .run-count{font-variant-numeric:tabular-nums;text-align:right;min-width:46px}.runs-list .run-status{border-radius:var(--radius-pill);padding:3px 12px;font-size:12px;font-weight:700}.runs-list .run-status-drafting{background:var(--accent-bg);color:var(--accent)}.runs-list .run-status-complete{background:var(--flair);color:var(--forest)}.legal-page{max-width:640px}.legal-page h2{margin-top:24px}@media (width<=767px){.app-header{flex-wrap:wrap;gap:12px}.app-body{padding:12px}}.consent-banner{inset-inline:0;z-index:20;background:var(--bg);border-top:1px solid var(--border);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 24px;display:flex;position:fixed;bottom:0}.consent-banner p{flex:1;min-width:240px;margin:0;font-size:14px}.consent-banner .consent-actions{gap:8px;display:flex}.consent-banner .consent-actions button{border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text-h);background:0 0;padding:8px 18px;font-size:14px;font-weight:600}.consent-banner .consent-actions button:first-child{background:var(--flair);color:var(--forest);border-color:#0000}.ad-slot{border:1px dashed var(--border);background:var(--code-bg);color:var(--text);letter-spacing:1px;text-transform:uppercase;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.leaderboard-ad{display:none}@media (width>=768px){.leaderboard-ad{box-sizing:border-box;justify-content:center;max-width:1280px;margin:0 auto;padding:12px 24px 0;display:flex}}.ad-rail{flex-shrink:0;width:300px;display:none}@media (width>=1200px){.ad-rail{flex-direction:column;gap:24px;display:flex}}@media (width<=1439px){.ad-rail-left{display:none}}@media (width>=1440px){.app-body,.leaderboard-ad{max-width:1840px}}.ad-stub{box-sizing:border-box;letter-spacing:1px;text-transform:uppercase;width:100%;min-height:44px;color:var(--text);opacity:.6;border:1px solid var(--border);background:var(--code-bg);border-radius:10px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.inline-ad{justify-content:flex-start;margin:24px 0;display:flex}.mobile-ad-bar{display:none}@media (width<=767px){.mobile-ad-bar{z-index:10;background:var(--bg);border-top:1px solid var(--border);justify-content:center;padding:4px 0;display:flex;position:sticky;bottom:0}}.class-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px;display:grid}.class-card{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:10px;align-items:center;padding:10px 18px;transition:border-color .15s;display:inline-flex}.class-card:hover:not(:disabled){border-color:var(--accent-border)}.class-card:disabled{opacity:.6;cursor:wait}.class-card .class-name{color:var(--text-h);font-weight:700}.tier-hint{margin-bottom:10px;font-size:14px}.format-select{border:1px solid var(--border);border-radius:var(--radius-card);gap:16px;padding:10px 16px;display:flex}.format-select label{text-transform:capitalize;align-items:center;gap:6px;display:flex}.draft-board{align-items:flex-start;gap:24px;display:flex}.draft-board .board-main{flex:1;min-width:0}.slot-row,.offer-row{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}:is(.slot-row,.offer-row) .slot,:is(.slot-row,.offer-row) .offer-option{flex:1;min-width:200px}:is(.slot-row,.offer-row) .offer-option{border:1px solid var(--border);border-radius:var(--radius-card);padding:6px 14px 14px}:is(.slot-row,.offer-row) .offer-option>p{margin:0;padding:8px 0}:is(.slot-row,.offer-row) .offer-option>p+p{border-top:1px solid var(--border)}:is(.slot-row,.offer-row) .offer-option button{margin-top:8px}:is(.slot-row,.offer-row) .offer-option.recommended{border:2px solid var(--accent);background:var(--accent-bg)}:is(.slot-row,.offer-row) .card-text{background:0 0;border:none;border-radius:0;padding:2px 0 0;font-size:13px;display:block}:is(.slot-row,.offer-row) .slot.filled{border:1px solid var(--border);border-radius:var(--radius-card);padding:14px}:is(.slot-row,.offer-row) .slot.empty input{box-sizing:border-box;border:1px dashed var(--border);border-radius:var(--radius-card);background:0 0;width:100%;padding:13px 14px}:is(.slot-row,.offer-row) .slot.empty input:focus-visible{outline:2px solid var(--accent-border);outline-offset:1px;border-style:solid}.quick-picker{position:relative}.quick-picker input{box-sizing:border-box;width:100%}.quick-picker .picker-results{border:1px solid var(--border);background:var(--bg);border-radius:12px;max-height:260px;margin:4px 0 0;padding:0;list-style:none;overflow-y:auto}.quick-picker .picker-results button{text-align:left;border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:0 0;padding:10px 12px;display:block}.quick-picker .picker-results button:hover,.quick-picker .picker-results button.active{background:var(--accent-bg)}.verdict-panel{border:1px solid var(--accent-border);border-radius:var(--radius-card);margin-top:12px;padding:16px 20px}.verdict-panel .verdict-headline{color:var(--text-h);font-weight:700}.verdict-panel .confidence-badge{border-radius:var(--radius-pill);background:var(--accent-bg);color:var(--accent);margin-left:8px;padding:2px 10px;font-size:13px;font-weight:700}.verdict-panel .coach-resting{font-size:13px}.coach-resting{font-size:14px}.deck-panel{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--code-bg);flex-shrink:0;width:260px;padding:16px}.deck-panel .curve{align-items:flex-end;gap:4px;display:flex}.deck-panel .curve-col{flex-direction:column;flex:1;align-items:center;display:flex}.deck-panel .curve-bar{background:var(--flair);border-radius:4px 4px 0 0;width:100%}.deck-panel .curve-bar.ghost{opacity:.3}.deck-panel .curve-hint{margin:6px 0 0;font-size:12px}.deck-panel .curve-label,.deck-panel .curve-count{font-size:11px}.deck-panel .roles div{justify-content:space-between;font-size:13px;display:flex}.deck-panel .roles dt{text-transform:capitalize}.deck-panel .deck-list{max-height:300px;padding-left:16px;font-size:13px;overflow-y:auto}.deck-panel .needs{color:var(--accent);font-size:13px;font-weight:600}@media (width<=767px){.draft-board{flex-direction:column}.deck-panel{width:100%}}.chat-toggle{border-radius:var(--radius-pill);background:var(--accent-bg);color:var(--accent);cursor:pointer;border:none;margin-top:12px;padding:9px 20px;font-weight:700}.chat-toggle:hover{background:var(--accent-border);color:var(--forest)}.chat-drawer{border:1px solid var(--border);border-radius:var(--radius-card);flex-direction:column;max-height:380px;margin-top:12px;display:flex;overflow:hidden}.chat-drawer .chat-header{border-bottom:1px solid var(--border);color:var(--text-h);justify-content:space-between;padding:10px 16px;font-weight:600;display:flex}.chat-drawer .chat-messages{flex:1;padding:8px 16px;overflow-y:auto}.chat-drawer .chat-msg{border-radius:12px;margin:6px 0;padding:9px 12px;font-size:14px}.chat-drawer .chat-msg.user{background:var(--accent-bg);color:var(--text-h)}.chat-drawer .chat-msg.assistant{background:var(--code-bg)}.chat-drawer .chat-input{border-top:1px solid var(--border);gap:8px;padding:10px 16px;display:flex}.chat-drawer .chat-input input{flex:1}.deck-view{align-items:flex-start;gap:24px;display:flex}.deck-view .deck-groups{flex:1}.deck-view .deck-groups section h2{margin:12px 0 4px;font-size:15px}.deck-view .deck-groups ul{margin:0;padding-left:18px}@media (width<=767px){.deck-view{flex-direction:column}}.draft-status{flex-wrap:wrap;align-items:center;gap:14px;margin:6px 0 18px;display:flex}.draft-status .status-class{border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-h);padding:5px 16px;font-weight:700}.draft-status .status-picks{letter-spacing:-.01em;color:var(--text-h);font-size:20px;font-weight:800}.draft-status .status-picks.low{color:var(--danger)}.status-note{margin:0 0 4px;font-size:14px}.undo-pick{margin:-8px 0 12px;font-size:14px}.undo-pick button{color:var(--accent);text-underline-offset:3px;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.pick-alt{border-radius:var(--radius-pill);color:var(--text-h);border:1px solid var(--border);cursor:pointer;background:0 0;padding:9px 20px;font-size:15px;font-weight:600}.pick-alt:hover{border-color:var(--accent-border)}.format-toggle{text-transform:capitalize;margin:0 0 0 auto;font-size:13px}.format-toggle strong{color:var(--text-h)}.format-toggle button{text-transform:none}.bundle-hint{color:var(--accent);font-size:13px;font-weight:600}.bundle-entry .bundle-heading{color:var(--text-h);margin:16px 0 8px;font-size:18px;font-weight:700}.bundle-entry .bundle-done{color:var(--accent);margin:4px 0;font-size:14px;font-weight:600}.bundle-entry .bundle-slots{flex-wrap:wrap;gap:8px;margin:8px 0;padding:0;list-style:none;display:flex}.bundle-entry .bundle-slots li{border:1px dashed var(--border);text-align:center;border-radius:12px;flex:1;min-width:110px;padding:10px 14px;font-size:13px}.bundle-entry .bundle-slots li.filled{border-style:solid;border-color:var(--accent-border);background:var(--accent-bg);color:var(--text-h);font-weight:600}.bundle-entry .bundle-slots li.active{border-color:var(--accent);color:var(--accent);font-weight:600}.bundle-entry .bundle-slots li.empty{opacity:.6}.slot-clear{color:var(--text);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;background:0 0;margin-top:6px;padding:3px 12px;font-size:12px;font-weight:600}.slot-clear:hover{border-color:var(--accent-border);color:var(--text-h)}.slot-row .slot,.offer-row .offer-option{min-width:0}@media (width<=767px){.slot-row,.offer-row{flex-direction:column}}.thinking{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:48px 16px;display:flex}.thinking p{color:var(--text-h);margin:0;font-weight:600}.thinking .thinking-sub{color:var(--text);font-size:13px;font-weight:400}.spinner{border:4px solid var(--accent-bg);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.verdict-why{color:var(--text-h);margin:6px 0 2px;font-size:15px}.checklist{margin:10px 0;padding:0;list-style:none}.checklist li{align-items:baseline;gap:8px;padding:3px 0;font-size:13px;display:flex}.checklist li.met{color:var(--accent);font-weight:600}.checklist li.unmet{color:var(--text)}.checklist .checklist-mark{border:2px solid var(--border);box-sizing:border-box;border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:15px;height:15px;font-size:9px;font-weight:800;display:inline-flex}.checklist .checklist-mark.done{background:var(--flair);border-color:var(--flair);color:var(--forest)}.deck-direction{background:var(--accent-bg);border:none;border-radius:12px;margin:8px 0;padding:10px 12px}.deck-direction p{margin:2px 0;font-size:13px}.deck-direction .playstyle{color:var(--text-h);text-transform:capitalize;font-size:15px;font-weight:700}.deck-direction .direction-label{text-transform:uppercase;letter-spacing:.8px;color:var(--accent);font-size:10px;font-weight:700;display:block}.picks-remaining.low{color:var(--danger)}.deck-guide{max-width:720px}.deck-guide .guide-identity{letter-spacing:-.01em;color:var(--text-h);font-size:19px;font-weight:700}.deck-guide section{margin:16px 0}.deck-guide h2{color:var(--accent);text-transform:uppercase;letter-spacing:.8px;margin:0 0 6px;font-size:14px}.deck-guide ul{margin:0;padding-left:18px}.deck-guide li,.deck-guide p{margin:3px 0;font-size:14px}.deck-guide .guide-columns{flex-wrap:wrap;gap:24px;display:flex}.deck-guide .guide-columns section{flex:1;min-width:220px}.deck-guide .matchup{border:1px solid var(--border);border-radius:12px;margin:6px 0;padding:0}.deck-guide .matchup summary{cursor:pointer;color:var(--text-h);padding:10px 16px;font-weight:600}.deck-guide .matchup p{padding:0 16px 6px}.deck-guide .matchup[open]{border-color:var(--accent-border);background:var(--code-bg)}.deck-guide .matchup[open] summary{color:var(--accent)}.deck-list-details{margin-top:20px}.deck-list-details summary{cursor:pointer;color:var(--text-h);font-weight:600}.deck-list-details ul{padding-left:4px;font-size:14px;list-style:none}.deck-list-details .cta{margin:8px 0}
