:root{--bg:#0d1117;--surf:#161b22;--bord:#2a475e;--bord-hi:#3d6b87;--text:#c9d1d9;--dim:#6e7681;--accent:#66c0f4;--green:#4ade80;--red:#f87171;--gold:#fbbf24;--radius:6px}.page-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--bord)}.page-breadcrumb{font-size:.75rem;color:var(--dim);text-transform:uppercase;letter-spacing:1px;margin:0 0 4px}.page-title{font-size:2rem;font-weight:900;margin:0 0 4px;text-transform:uppercase;letter-spacing:1px;color:#fff}.page-title .accent{color:var(--accent)}.page-subtitle{font-size:.85rem;color:var(--dim);margin:0}.screen{display:none}.screen.active{display:block;animation:screenIn .2s ease}@keyframes screenIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.highlight-gold{color:var(--gold);font-weight:700}.highlight-blue{color:var(--accent);font-weight:700}.char-select-box{background:var(--surf);border:1px solid var(--bord);border-radius:var(--radius);overflow:hidden}.char-select-hero{position:relative;padding:40px 32px 36px;overflow:hidden;border-bottom:1px solid var(--bord);text-align:center}.char-select-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 20% 50%,rgba(102,192,244,.07) 0%,transparent 70%),radial-gradient(ellipse 50% 60% at 80% 30%,rgba(167,139,250,.05) 0%,transparent 70%);pointer-events:none}.char-select-hero-content{position:relative;z-index:1}.char-select-eyebrow{font-size:.65rem;text-transform:uppercase;letter-spacing:2px;color:var(--accent);font-weight:700;margin:0 0 10px;opacity:.7}.char-select-heading{font-size:1.6rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;text-shadow:0 0 30px rgba(102,192,244,.2)}.char-select-sub{font-size:.82rem;color:var(--dim);margin:0 auto 20px;max-width:500px;line-height:1.65}.char-select-stats{display:inline-flex;align-items:center;gap:0;background:#ffffff08;border:1px solid var(--bord);border-radius:8px;overflow:hidden}.cs-stat{display:flex;flex-direction:column;align-items:center;padding:10px 20px;gap:2px}.cs-stat-icon{width:16px;height:16px;color:var(--dim);margin-bottom:2px}.boss-icon-svg{color:var(--gold)!important}.cs-stat-val{font-size:1rem;font-weight:900;color:#fff;line-height:1}.cs-stat-lbl{font-size:.6rem;color:var(--dim);text-transform:uppercase;letter-spacing:.5px}.cs-stat-div{width:1px;height:40px;background:var(--bord)}.char-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0}@media(max-width:900px){.char-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.char-grid{grid-template-columns:1fr 1fr}}.char-btn{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:18px 16px;background:transparent;border:none;border-right:1px solid var(--bord);cursor:pointer;transition:background .15s;text-align:left}.char-btn:last-child{border-right:none}.char-btn:hover{background:#ffffff0a}.char-btn:hover .char-arrow-icon{opacity:1;transform:translate(3px)}.char-arrow-icon{opacity:0;transition:opacity .2s,transform .2s;flex-shrink:0}.char-btn-info{display:flex;flex-direction:column;gap:3px}.char-label{font-size:.85rem;font-weight:800;white-space:nowrap}.char-desc{font-size:.65rem;color:var(--dim);white-space:nowrap}.char-select-footer{padding:12px 20px;border-top:1px solid var(--bord);text-align:center}.char-select-hint{font-size:.71rem;color:var(--dim)}.tool-box{background:var(--surf);border:1px solid var(--bord);border-radius:var(--radius);padding:20px}.act-banner{display:none;justify-content:center;align-items:center;margin-bottom:16px;padding:14px 20px;background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius)}.act-banner-label{display:block;font-size:1.1rem;font-weight:900;text-transform:uppercase;letter-spacing:2px}.act-banner-sub{display:block;font-size:.72rem;color:var(--dim);text-transform:uppercase;letter-spacing:1px;margin-top:2px}@keyframes actBannerIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes actBannerOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.draft-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#00000040;border:1px solid var(--bord);border-radius:var(--radius);margin-bottom:12px;flex-wrap:wrap}.draft-topbar-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.draft-topbar-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}@media(max-width:640px){.draft-topbar{flex-direction:column;align-items:stretch;gap:8px}.draft-topbar-left{flex-wrap:wrap}.draft-topbar-right{justify-content:flex-start}.char-pill,.act-badge-wrap{flex-shrink:0}}.char-pill{font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:12px;border:1px solid;background:#ffffff0a;white-space:nowrap;flex-shrink:0}.act-badge-wrap{display:flex;align-items:center;gap:5px;flex-shrink:0}.act-badge{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:4px;border:1px solid;white-space:nowrap}.round-type-badge{font-size:.66rem;font-weight:700;padding:2px 8px;border-radius:4px;display:none;white-space:nowrap;align-items:center;gap:3px}.round-type-boss{color:var(--gold);background:#fbbf241a;border:1px solid rgba(251,191,36,.35);animation:bossPulse 1.8s ease infinite}@keyframes bossPulse{0%,to{box-shadow:0 0 #fbbf2400}50%{box-shadow:0 0 10px 2px #fbbf242e}}.progress-block{display:flex;flex-direction:column;gap:4px;flex:1;min-width:120px}.pick-info-row{display:flex;justify-content:space-between;align-items:center}.pick-label{font-size:.7rem;color:var(--dim)}.deck-size-live{font-size:.68rem;color:var(--accent);font-weight:600}.prog-track{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden;position:relative}.prog-fill{position:absolute;top:0;height:100%;border-radius:2px;transition:width .3s}.prog-act1{left:0;background:#ff7070}.prog-act2{left:47%;background:var(--gold)}.prog-act3{left:80%;background:#a78bfa}.prog-acts-label{display:flex;justify-content:space-between;font-size:.55rem;color:var(--dim);margin-top:2px}.score-pill{display:flex;align-items:center;gap:5px;padding:4px 12px;background:#66c0f40f;border:1px solid rgba(102,192,244,.2);border-radius:20px}.score-pill-label{font-size:.68rem;color:var(--dim)}.score-pill-val{font-size:.9rem;font-weight:700;color:var(--accent);min-width:20px;text-align:right}.skip-btn{position:relative;display:inline-flex;align-items:center;gap:4px}.skip-count-badge{font-size:.63rem;font-weight:700;min-width:16px;height:16px;background:#ffffff14;border-radius:8px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center}.mini-deck-row{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:12px;min-height:4px}.mini-deck-chip{font-size:.6rem;font-weight:600;padding:2px 6px;border-radius:3px;border:1px solid;background:#00000040;white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}.mini-deck-more{color:var(--dim);border-color:var(--bord);background:transparent}.offer-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}@media(max-width:950px){.offer-row{grid-template-columns:1fr}}.offer-slot{display:flex;flex-direction:column;align-items:center}.offer-card-box{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 12px 14px;background:#00000040;border:1px solid var(--bord);border-radius:var(--radius);width:100%;box-sizing:border-box;overflow:visible;transition:border-color .2s}.offer-card-box-boss{border-color:#fbbf244d;background:#fbbf2408;box-shadow:0 0 20px #fbbf240d}.offer-card-box.tt-active{border-color:var(--bord-hi)}.tt-head{padding:10px 12px 8px;border-bottom:1px solid #1a2a38}.tt-name{display:block;font-size:.78rem;font-weight:800;color:#e8edf2;text-transform:uppercase;letter-spacing:.08em;text-align:center;margin-bottom:6px}.tt-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}.tt-tag{display:inline-flex;align-items:center;padding:1px 6px;border-radius:2px;font-size:.62rem;font-weight:700;border:1px solid rgba(255,255,255,.08);color:#b4c3d2bf;background:#ffffff08;white-space:nowrap;text-transform:capitalize}.tt-char-ironclad{color:#ff7070!important;border-color:#ff707059;background:#ff70700f}.tt-char-silent{color:#5deca0!important;border-color:#5deca059;background:#5deca00f}.tt-char-defect{color:#60b8fa!important;border-color:#60b8fa59;background:#60b8fa0f}.tt-char-necrobinder{color:#a78bfa!important;border-color:#a78bfa59;background:#a78bfa0f}.tt-char-regent{color:#fbbf24!important;border-color:#fbbf2459;background:#fbbf240f}.tt-char-colorless{color:#94a3b8!important;border-color:#94a3b84d;background:#94a3b80d}.tt-rarity-common{color:#cbd5e1!important;border-color:#cbd5e133}.tt-rarity-uncommon{color:#66c0f4!important;border-color:#66c0f459;background:#66c0f40f}.tt-rarity-rare{color:#fbbf24!important;border-color:#fbbf2459;background:#fbbf240f}.tt-rarity-special{color:#a78bfa!important;border-color:#a78bfa59;background:#a78bfa0f}.tag-green{color:#4ade80!important;border-color:#4ade8059!important;background:#4ade800f!important}.tag-red{color:#f87171!important;border-color:#f8717159!important;background:#f871710f!important}.in-deck{outline:1px solid currentColor;outline-offset:1px;font-weight:900}.tt-note{padding:8px 12px;border-bottom:1px solid #1a2a38;font-size:.74rem;color:#8fa8be;line-height:1.45}.tt-upgrade{padding:6px 12px;border-bottom:1px solid #1a2a38;font-size:.72rem;color:#8fa8be;line-height:1.4}.tt-upg-label{color:var(--gold);font-weight:700}.tt-syns{display:flex;flex-direction:column}.tt-syn-row{padding:7px 12px}.tt-syn-row+.tt-syn-row{border-top:1px solid #141e27}.tt-syn-label{display:block;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.syn-green{color:#52a878}.syn-red{color:#a85252}.tt-syn-tags{display:flex;flex-wrap:wrap;gap:3px}.offer-badges{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center;min-height:24px}.tier-badge{font-size:.7rem;font-weight:900;padding:2px 8px;border-radius:4px;border:1px solid}.syn-badge{font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px;display:inline-flex;align-items:center;gap:3px}.syn-badge.pos{color:#4ade80;background:#4ade801f;border:1px solid rgba(74,222,128,.3)}.syn-badge.neg{color:#f87171;background:#f871711f;border:1px solid rgba(248,113,113,.3)}.boss-badge{color:var(--gold);background:#fbbf241f;border:1px solid rgba(251,191,36,.3)}.offer-note{width:100%;font-size:.77rem;color:#8fa8be;line-height:1.55;padding:12px 4px 0;min-height:80px;flex:1}.offer-note-spacer{min-height:80px;pointer-events:none;user-select:none}.pick-btn{width:100%;padding:11px 0;background:#66c0f41a;border:1px solid rgba(102,192,244,.3);color:var(--accent);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;border-radius:4px;cursor:pointer;transition:background .15s,border-color .15s;margin-top:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.pick-btn:hover{background:#66c0f438;border-color:var(--accent)}.pick-btn-boss{background:#fbbf241a;border-color:#fbbf2459;color:var(--gold)}.pick-btn-boss:hover{background:#fbbf2438;border-color:var(--gold)}.btn-ghost{padding:7px 12px;background:transparent;border:1px solid var(--bord);color:var(--dim);border-radius:4px;cursor:pointer;font-size:.74rem;transition:border-color .15s,color .15s;display:inline-flex;align-items:center;gap:4px}.btn-ghost:hover{border-color:var(--bord-hi);color:var(--text)}.btn-red:hover{border-color:var(--red)!important;color:var(--red)!important}.btn-primary{padding:9px 20px;background:var(--accent);border:none;color:#0d1117;font-size:.8rem;font-weight:700;border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:.8px;display:inline-flex;align-items:center;gap:5px}.btn-primary:hover{opacity:.85}.btn-lg{padding:11px 24px;font-size:.82rem}.results-header-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 28px;margin-bottom:20px;background:var(--surf);border:1px solid var(--bord);border-radius:var(--radius);flex-wrap:wrap}.results-header-left{flex:1;min-width:200px}.results-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.results-heading{font-size:1.4rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0}.results-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.meta-chip{font-size:.72rem;color:var(--dim);background:#ffffff0d;padding:3px 10px;border-radius:12px}.meta-chip-dim{opacity:.7}.meta-chip-rating{font-weight:700}.score-verdict-large{font-size:.82rem;color:var(--dim);line-height:1.5;max-width:520px}.results-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.final-score-block{text-align:right}.final-score-row{display:flex;align-items:baseline;gap:6px;justify-content:flex-end;margin-bottom:6px}.final-score-big{font-size:3rem;font-weight:900;color:var(--accent);line-height:1}.final-score-denom{font-size:1.1rem;color:var(--dim)}.score-grade-big{font-size:2rem;font-weight:900;margin-left:4px}.score-track-wide{width:180px;height:5px;background:#ffffff0f;border-radius:3px;overflow:hidden;margin-left:auto}.score-track-fill{height:100%;border-radius:3px;transition:width .8s ease}.metrics-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:20px}@media(max-width:1100px){.metrics-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.metrics-row{grid-template-columns:repeat(2,1fr)}}.metric-card{background:var(--surf);border:1px solid var(--bord);border-radius:var(--radius);padding:14px 16px;text-align:center}.metric-val{font-size:1.6rem;font-weight:900;line-height:1;margin-bottom:4px}.metric-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;color:var(--dim);font-weight:700;margin-bottom:4px}.metric-sub{font-size:.65rem;color:var(--dim)}.results-main-grid{display:grid;grid-template-columns:1fr 380px;gap:16px;align-items:start}@media(max-width:1200px){.results-main-grid{grid-template-columns:1fr}}.results-deck-panel{background:var(--surf);border:1px solid var(--bord);border-radius:var(--radius);padding:18px}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.panel-title{font-size:.72rem;text-transform:uppercase;letter-spacing:1px;color:var(--dim);font-weight:700;display:flex;align-items:center;gap:5px}.type-legend{display:flex;flex-wrap:wrap;gap:4px}.type-legend-chip{font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:3px;border:1px solid}.results-deck-grid{display:flex;flex-wrap:wrap;gap:8px}.results-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:1200px){.results-analysis-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.results-analysis-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.results-analysis-grid{grid-template-columns:1fr}}.analysis-card{background:var(--surf);border:1px solid var(--bord);border-radius:var(--radius);padding:14px}.analysis-card-wide{grid-column:span 2}@media(max-width:500px){.analysis-card-wide{grid-column:span 1}}.analysis-card-tips{background:#66c0f408;border-color:#66c0f433}.ac-label{font-size:.63rem;text-transform:uppercase;letter-spacing:.8px;color:var(--dim);font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:5px}.ac-label-green{color:#4ade80b3!important}.ac-label-red{color:#f87171b3!important}.ac-label-gold{color:#fbbf24b3!important}.deck-health-bars{display:flex;flex-direction:column;gap:8px}.health-bar-row{display:flex;align-items:center;gap:8px}.health-bar-label{font-size:.64rem;color:var(--dim);width:65px;flex-shrink:0}.health-bar-track{flex:1;height:5px;background:#ffffff0d;border-radius:3px;overflow:hidden}.health-bar-fill{height:100%;border-radius:3px;transition:width .6s ease}.health-bar-val{font-size:.68rem;font-weight:700;width:26px;text-align:right;flex-shrink:0}.type-bar{display:flex;height:22px;border-radius:4px;overflow:hidden;gap:1px;margin-bottom:8px}.type-bar-seg{display:flex;align-items:center;justify-content:center;min-width:16px;border:1px solid;font-size:.62rem;font-weight:700}.type-labels{display:flex;flex-wrap:wrap;gap:4px}.type-label-chip{font-size:.62rem;padding:2px 6px;border-radius:3px;border:1px solid}.type-advice{margin-top:8px;font-size:.68rem;color:var(--dim)}.mana-curve-chart{display:flex;align-items:flex-end;gap:6px;height:56px;margin-bottom:6px}.mana-bar-col{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;height:100%}.mana-bar-count{font-size:.6rem;font-weight:700;color:var(--text)}.mana-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end}.mana-bar-fill{width:100%;border-radius:2px 2px 0 0;border:1px solid;min-height:2px;transition:height .4s ease}.mana-bar-label{font-size:.62rem;font-weight:700}.mana-avg{font-size:.68rem;color:var(--dim);text-align:right}.mana-avg b{color:var(--accent)}.tier-chips{display:flex;flex-wrap:wrap;gap:5px}.tier-chip{font-size:.76rem;font-weight:700;padding:3px 10px;border-radius:4px;border:1px solid;background:#0000004d}.tier-chip em{font-style:normal;font-weight:400;font-size:.7rem;opacity:.7;margin-left:4px}.tag-row{display:flex;flex-wrap:wrap;gap:5px}.arch-tag{font-size:.7rem;padding:2px 8px;background:#66c0f414;border:1px solid rgba(102,192,244,.2);color:var(--accent);border-radius:4px}.pair-list{display:flex;flex-direction:column;gap:5px}.pair-row{display:flex;align-items:center;gap:6px;font-size:.74rem;color:var(--text)}.pair-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pair-arrow{color:var(--dim);flex-shrink:0}.pair-score{font-weight:700;flex-shrink:0}.green{color:var(--green)}.dim{color:var(--dim);font-size:.7rem;font-style:italic}.upg-rank{width:20px;height:20px;border-radius:50%;background:#ffffff0f;display:flex;align-items:center;justify-content:center;font-size:.63rem;font-weight:700;flex-shrink:0}.cut-rank{background:#f8717114!important;color:#f87171!important}.strategy-tips{display:flex;flex-direction:column;gap:6px}.stip{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:4px}.stip-good{background:#4ade800f;border-left:2px solid rgba(74,222,128,.4)}.stip-warn{background:#f871710f;border-left:2px solid rgba(248,113,113,.4)}.stip-info{background:#66c0f40f;border-left:2px solid rgba(102,192,244,.35)}.stip-icon{font-size:.85rem;flex-shrink:0;margin-top:1px}.stip-text{font-size:.73rem;color:var(--dim);line-height:1.5}