/* Head to head (#/h2h) */
.h2h-pickers { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.h2h-pickers select { max-width: 100%; }
.h2h-head { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 10px; }
.h2h-side { display: flex; align-items: center; gap: 10px; min-width: 0; }
.h2h-vs { font-weight: 800; color: var(--dim); }
.h2h-big { font-size: 26px; font-weight: 800; font-variant-numeric: tabular-nums; }
.h2h-bar.a { fill: var(--link); }
.h2h-bar.b { fill: var(--accent); }
.h2h-bar.even { fill: var(--dim); }
.h2h-bar.real { fill-opacity: .55; }
.h2h-legend { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 6px 0 10px; color: var(--dim); }
.h2h-sw { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 6px; vertical-align: baseline; }
.h2h-sw.a { background: var(--link); }
.h2h-sw.b { background: var(--accent); }
.h2h-sw.real { background: var(--dim); opacity: .55; }
.h2h-streaks { width: 100%; border-collapse: collapse; font-size: 14px; table-layout: fixed; }
.h2h-streaks th, .h2h-streaks td { overflow-wrap: anywhere; }
.h2h-streaks th, .h2h-streaks td { text-align: left; padding: 5px 6px 5px 0; border-bottom: 1px solid var(--line); vertical-align: top; }
.h2h-streaks thead th { color: var(--dim); font-weight: 600; }
.h2h-streaks tbody th { font-weight: 500; color: var(--dim); }
.h2h-blow { padding: 6px 0; border-bottom: 1px solid var(--line); }
.h2h-blow:last-of-type { border-bottom: 0; }
@media (max-width: 600px) { .h2h-big { font-size: 22px; } .h2h-pickers select { flex: 1 1 100%; } }
.notice-check { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; cursor: pointer; margin: 2px 8px 2px 0; }
.h2h-head ~ .stats-row .stat-value { white-space: nowrap; overflow-wrap: normal; font-size: clamp(17px, 4.6vw, 23px); }
.h2h-side > div, .h2h-pickers > * { min-width: 0; }
.h2h-side .tlink, .rvl-meetings .tlink { white-space: normal; overflow-wrap: anywhere; }