.lb-page { max-width: 1500px; margin: 0 auto; padding-bottom: 36px; }
.lb-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; }
.lb-heading h1 { margin: 0; font-size: clamp(28px, 4vw, 40px); }
.lb-heading a, .lb-api { color: var(--accent); font-size: 13px; }
.lb-scope { margin: 10px 0 22px; color: var(--muted); font-size: 14px; }
.lb-meta { display: flex; flex-wrap: wrap; gap: 8px 24px; color: var(--muted); font-size: 12px; margin-bottom: 28px; }
.lb-meta strong { color: var(--ink); }
.lb-filters { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 14px; margin-bottom: 24px; }
.lb-filters label { display: flex; flex-direction: column; gap: 7px; font-size: 12px; color: var(--muted); }
.lb-filters select, .lb-filters input { height: 42px; padding: 0 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--control, var(--surface)); color: var(--ink); min-width: 0; }
.lb-search { flex: 1 1 220px; max-width: 420px; }
.lb-filters button, .lb-pagination button { min-height: 42px; padding: 0 16px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); color: var(--ink); cursor: pointer; }
.lb-api { line-height: 42px; margin-left: auto; }
.lb-table-scroll { overflow-x: auto; max-width: 100%; }
.lb-table { width: 100%; min-width: 720px; border-collapse: collapse; text-align: left; font-size: 13px; }
.lb-table th { color: var(--muted); font-size: 11px; font-weight: 600; padding: 13px 12px; }
.lb-table td { padding: 16px 12px; border-top: 1px solid var(--line); max-width: 220px; overflow-wrap: anywhere; }
.lb-table th:first-child, .lb-table td:first-child { padding-left: 0; }
.lb-table th:last-child, .lb-table td:last-child { padding-right: 0; }
.lb-player a { display: block; font-weight: 600; font-size: 14px; }
.lb-player span { display: block; color: var(--muted); font-size: 10px; margin-top: 5px; }
.lb-rank, .lb-th, .lb-trophies { white-space: nowrap; font-variant-numeric: tabular-nums; }
.lb-trophies { font-weight: 600; }
.lb-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding-top: 24px; color: var(--muted); font-size: 12px; }
.lb-pagination div { display: flex; gap: 8px; }
.lb-pagination button:disabled { opacity: .4; cursor: default; }
.lb-warning { color: var(--bad); font-size: 13px; }
.lb-empty { padding: 36px 0; color: var(--muted); }
@media (max-width: 600px) {
  .lb-heading { flex-wrap: wrap; gap: 8px; }
  .lb-meta { flex-direction: column; gap: 8px; }
  .lb-filters { gap: 10px; }
  .lb-filters label:first-child { flex: 1 1 100%; }
  .lb-search { flex: 1 1 160px; }
  .lb-api { flex-basis: 100%; margin-left: 0; }
  .lb-table td { padding: 14px 10px; }
}