/* ============================================================
   Leaderboard table.
   ============================================================ */
.lb__hd{display:flex;align-items:center;gap:16px;margin:26px 0 14px}
.lb__hd .h-games{margin:0}
.lb__pick{margin-left:auto;width:auto;min-width:180px}

.lb{width:100%;border-collapse:collapse;font-size:14px}
.lb th{
  text-align:left;font-size:11.5px;font-weight:600;
  color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;
  padding:11px 14px;border-bottom:1px solid var(--line);
}
.lb td{padding:10px 14px;border-bottom:1px solid var(--line)}
.lb tr:last-child td{border-bottom:0}
.lb tbody tr:hover{background:var(--surface-2)}

.lb__rank{width:52px;color:var(--text-3)}
.lb__num{text-align:right;width:74px}
.lb__who{display:flex;align-items:center;gap:10px;min-width:0}
a.lb__who:hover .lb__name{text-decoration:underline;text-underline-offset:2px}
.lb__name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb__handle{color:var(--text-3);font-size:12.5px;white-space:nowrap}
.lb__loading{color:var(--text-3);padding:18px 14px}
.lb__empty{margin:0;padding:22px 14px;color:var(--text-3);font-size:14px}
.lb__note{margin:14px 0 0;font-size:12.5px;color:var(--text-3)}

@media (max-width:620px){
  .lb__wide{display:none}
  .lb__handle{display:none}
  .lb__hd{flex-wrap:wrap}
  .lb__pick{margin-left:0;width:100%}
}