/* Matchup detail ranks: 1–10 is red, 11–22 orange, and 23–32 green. */
.metric-bar.rank-red i { background: #e85b62; box-shadow: 0 0 12px rgba(232, 91, 98, .38); }
.metric-bar.rank-orange i { background: #e9a14a; box-shadow: 0 0 12px rgba(233, 161, 74, .34); }
.metric-bar.rank-green i { background: #55c68a; box-shadow: 0 0 12px rgba(85, 198, 138, .34); }