.lb-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 1280px) { .lb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 860px) { .lb-grid { grid-template-columns: 1fr; } }
.lb .card__title { margin-bottom: 8px; }
.lb__icon { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 8px; color: var(--gold); background: rgba(255, 194, 75, .12); border: 1px solid rgba(255, 194, 75, .35); }
.lb__list { list-style: none; display: flex; flex-direction: column; gap: 4px; }
.lb__row { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border-radius: var(--r-sm); border: 1px solid transparent; }
.lb__row.is-me { background: rgba(220, 181, 104, .08); border-color: rgba(220, 181, 104, .35); }
.lb__rank { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; font-size: 12px; font-weight: 700; flex: none; background: rgba(255, 255, 255, .06); color: var(--text-dim); }
.lb__rank--gold { background: linear-gradient(135deg, #ffd36b, #d9822b); color: #2a1a00; }
.lb__rank--silver { background: linear-gradient(135deg, #faf5eb, #d2ba89); color: #23201d; }
.lb__rank--bronze { background: linear-gradient(135deg, #e0a070, #9a5a2c); color: #2a1200; }
.lb__name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lb__val { font-family: var(--font-display); font-weight: 700; font-variant-numeric: tabular-nums; }
.avatar--xs { width: 26px; height: 26px; border-radius: 7px; display: inline-block; }
.lb__right { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex: none; }
.lb__open { padding: 2px 10px; font-size: 11.5px; white-space: nowrap; }