/* shared list pieces: avatars, ranked rows, section headings */
.win__av { display: block; width: 30px; height: 30px; border-radius: 4px; overflow: hidden; flex: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4); }
.win__av .skin { display: block; width: 100% !important; height: 100% !important; }
.sect { margin-top: 32px; }
.sect__head { display: flex; align-items: baseline; gap: 10px; margin-bottom: 14px; }
.sect__head h2 { font: 650 18px/1 var(--display); letter-spacing: -0.01em; }
.sect__head .count { font: 400 13px/1 var(--sans); color: var(--faint); }
.lb { display: grid; }
.lb__row { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 10px 16px; border-bottom: 1px solid var(--border-soft); }
.lb__row:last-child { border-bottom: 0; }
.lb__row.self { background: rgba(77, 139, 247, 0.07); box-shadow: inset 2px 0 0 var(--accent); }
.lb__rank { font: 600 13.5px/1 var(--display); color: var(--faint); text-align: center; }
.lb__row:nth-child(1) .lb__rank { color: var(--gold); }
.lb__row:nth-child(2) .lb__rank { color: #c4cad6; }
.lb__row:nth-child(3) .lb__rank { color: #d08c5a; }