/* Team matchup analysis: bounded cards, readable at phone widths. */
.detail-section.matchup-panel{padding:18px;scroll-margin-top:140px;}
.matchup-panel>summary{cursor:pointer;font-weight:750;font-size:18px;padding:6px 0;}
.matchup-panel .matchup-tabs{display:flex;gap:10px;margin:18px 0 12px;}
.matchup-tabs .button{flex:1;min-height:44px;}
.matchup-tabs .active{background:#e8f2f2;color:#285f6d;border-color:#9bbdc2;}
.matchup-hint,.matchup-empty,.matchup-facts{font-size:12px;line-height:1.7;color:#77848c;}
.matchup-summary{font-size:13px;color:#3a6b77;margin:18px 0;}
.matchup-group h4{font-size:15px;margin:22px 0 12px;}
.matchup-card{padding:14px;border:1px solid #dde5e5;border-radius:14px;margin-bottom:12px;overflow:hidden;}
.matchup-card.advantage{border-left:3px solid #4f9780;}.matchup-card.disadvantage{border-left:3px solid #c48b73;}
.matchup-heroes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.matchup-hero{min-width:0;display:flex;flex-direction:column;gap:4px;font-size:12px;}
.matchup-hero img{width:38px;height:48px;object-fit:cover;border-radius:6px;}
.matchup-hero strong{font-size:13px;overflow-wrap:anywhere;}.matchup-position{color:#94a0a6;font-size:11px;}
.matchup-troop{color:#897b50;}.matchup-skills{display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere;}
.matchup-count{font-size:12px;line-height:1.7;margin:14px 0 4px;}.matchup-facts{margin:2px 0;}
.matchup-reason{display:inline-block;margin-top:8px;font-size:11px;background:#f1f4f4;color:#718089;padding:3px 8px;border-radius:6px;}
.matchup-evidence{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;}.matchup-evidence .button{min-height:36px;padding:6px 10px;font-size:12px;}
@media(max-width:480px){.detail-section.matchup-panel{padding:14px;}.matchup-card{padding:12px;}.matchup-heroes{gap:7px;}.matchup-hero,.matchup-facts,.matchup-count{font-size:11px;}.matchup-hero strong{font-size:12px;}}
.lineup-variant-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px;}
.lineup-variant-metrics>div{min-width:0;display:flex;flex-direction:column;padding:11px 13px;background:#f0f6f6;border-radius:10px;}
.lineup-variant-metrics span{display:block;color:#73838c;font-size:12px;line-height:1.5;}
.lineup-variant-metrics strong{display:block;margin-top:auto;padding-top:4px;color:#376b7b;font-size:18px;line-height:1.4;overflow-wrap:anywhere;}
@media(max-width:480px){.lineup-variant-metrics{gap:6px;margin-bottom:12px;}.lineup-variant-metrics>div{padding:9px 8px;}.lineup-variant-metrics span{font-size:11px;}.lineup-variant-metrics strong{font-size:16px;}}

html[data-theme="dark"] .matchup-card{border-color:var(--line)}
html[data-theme="dark"] .matchup-reason{background:var(--theme-inset)}
html[data-theme="dark"] :is(.matchup-hint,.matchup-empty,.matchup-facts,.matchup-position,.matchup-reason){color:var(--muted)}
html[data-theme="dark"] .matchup-summary{color:var(--cyan)}
html[data-theme="dark"] .matchup-tabs .active{color:var(--ink);background:var(--theme-accent-bg);border-color:#527f90}
html[data-theme="dark"] .matchup-troop{color:var(--theme-gold)}