/* Wardogs stats (3 factions, recorded from live data): faction chips, scores, win rates, note. */

.cm-wd-note { display: flex; align-items: flex-start; gap: 0.5rem; margin: 0 0 1.1rem; font-size: 0.8rem; line-height: 1.45; color: var(--text-dim); }
.cm-wd-note svg { flex: none; width: 1em; height: 1em; margin-top: 0.15em; color: var(--gold-glow); }

.cm-fchip { display: inline-flex; align-items: center; gap: 0.35rem; max-width: 100%; font-size: 0.66rem; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: var(--r-pill); color: var(--fc, var(--text-muted)); background: color-mix(in srgb, var(--fc, #A8A29E) 14%, transparent); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cm-fchip i { flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--fc, #A8A29E); }

.cm-fscore { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.35rem 0.9rem; margin-top: 0.35rem; font-size: 0.8rem; color: var(--text-muted); }
.cm-fscore__f { display: inline-flex; align-items: baseline; gap: 0.35rem; min-width: 0; }
.cm-fscore__f i { align-self: center; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--fc, #A8A29E); }
.cm-fscore__n { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cm-fscore b { font-family: var(--font-display); font-size: 1.1rem; color: var(--text); font-variant-numeric: tabular-nums; }
.cm-fscore__f.win { color: var(--text); }
.cm-fscore__f.win b { color: var(--fc, var(--gold-glow)); }
.cm-fscore--big { font-size: 1rem; gap: 0.5rem 1.4rem; margin: 0.6rem 0; }
.cm-fscore--big b { font-size: 1.8rem; }

.cm-match--wd .cm-match__bg { background: radial-gradient(120% 90% at 100% 0%, rgba(76, 177, 239, 0.18), transparent 60%), radial-gradient(120% 90% at 0% 100%, rgba(250, 80, 62, 0.14), transparent 60%); opacity: 1; filter: none; }

.cm-fwr__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.6rem; }
.cm-fwr__list li { display: grid; grid-template-columns: minmax(0, 7.5rem) minmax(60px, 1fr) auto; align-items: center; gap: 0.7rem; font-size: 0.84rem; }
.cm-fwr__name { min-width: 0; }
.cm-fwr__bar { display: flex; height: 8px; border-radius: var(--r-pill); overflow: hidden; background: var(--stone-800); }
.cm-fwr__pct { display: inline-flex; align-items: baseline; gap: 0.4rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.cm-fwr__pct b { color: var(--text); }
.cm-fwr__pct small { font-size: 0.7rem; color: var(--text-dim); }

.cm-mvps--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cm-fchip-btn.active { border-color: var(--fc); box-shadow: inset 0 -2px 0 var(--fc); }
.cm-sb--wd td .cm-fchip { font-size: 0.62rem; }
.cm-recent__map small .cm-fchip { font-size: 0.58rem; padding: 0.05rem 0.4rem; margin-right: 0.25rem; vertical-align: 1px; }

@media (max-width: 560px) {
    .cm-mvps--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cm-mvps--3 > :last-child { grid-column: 1 / -1; }
    .cm-fwr__list li { grid-template-columns: minmax(0, 6rem) minmax(40px, 1fr) auto; gap: 0.5rem; }
    .cm-fscore--big b { font-size: 1.5rem; }
}