/* /rivalries (templates/rivalries.html). */
.rv-matrix-card{margin-bottom:14px}
.rv-matrix-wrap{overflow-x:auto;padding:8px 10px 10px}
.rv-matrix{border-collapse:separate;border-spacing:2px;font-size:12px;font-variant-numeric:tabular-nums;min-width:100%}
.rv-matrix thead th{font-size:10px;font-weight:700;color:var(--fp-faint);padding:6px 4px;text-align:center;white-space:nowrap}
.rv-matrix tbody th{position:sticky;left:0;background:var(--fp-panel);z-index:1;text-align:left;padding:4px 10px 4px 4px;font-weight:600;white-space:nowrap}
.rv-matrix .rv-corner{position:sticky;left:0;background:var(--fp-panel);z-index:2;text-align:left}
.rv-matrix td{text-align:center;border-radius:5px;min-width:52px}
/* Diverging scale: red below .500, green above, darker = closer to even. */
.rv-cell{background:hsl(calc(clamp(0, (var(--p) - 0.5) * 1000, 1) * 145) 55% calc(12% + max(var(--p) - 0.5, 0.5 - var(--p)) * 44%))}
.rv .rv-cell a{display:block!important}
.rv-cell a{display:block;padding:6px 4px;color:#fff;font-weight:650}
.rv-cell a:hover{filter:brightness(1.3)}
.rv-self{background:var(--fp-panel-2);color:var(--fp-faint)}
.rv-none{color:var(--fp-faint)}
.rv-key{display:inline-block;width:60px;height:9px;border-radius:5px;vertical-align:middle;margin-right:6px;background:linear-gradient(90deg,hsl(0 55% 34%),hsl(0 30% 13%),hsl(145 30% 13%),hsl(145 55% 34%))}
.rv-filter{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fp-dim)}
.rv-filter select{min-height:44px;padding:0 10px;border:1px solid var(--fp-line-2);border-radius:10px;background:var(--fp-panel-2);color:var(--fp-text);max-width:200px}
.rv-vs{font-weight:500;color:var(--fp-faint);font-size:11px}
.rv-blow{text-align:left!important;font-size:12px;color:var(--fp-dim)}
.rv-blow small{color:var(--fp-faint)}
@media (max-width:760px){.rv .fp-card-head{flex-wrap:wrap}}