/* =============================================================
   leaderboard.css — Топ-3 на главной и полный экран рейтинга
   ============================================================= */

/* ===== HOME: COMPACT TOP-3 ===== */
.lb-row {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 0; border-bottom: 1px solid var(--border);
}
.lb-row:last-child { border-bottom: none; }
.lb-rank {
  font-family: 'Unbounded', sans-serif; font-size: 13px; font-weight: 700;
  width: 28px; text-align: center; flex-shrink: 0;
}
.lb-rank.gold   { color: var(--gold); }
.lb-rank.silver { color: var(--silver); }
.lb-rank.bronze { color: var(--bronze); }
.lb-avatar {
  width: 36px; height: 36px; border-radius: 50%;
  background: linear-gradient(135deg, var(--accent), var(--blue));
  display: flex; align-items: center; justify-content: center;
  font-size: 16px; flex-shrink: 0;
}
.lb-name  { flex: 1; font-weight: 700; font-size: 14px; }
.lb-score { font-family: 'Unbounded', sans-serif; font-size: 13px; color: var(--accent); font-weight: 700; }
.lb-row-me {
  background: rgba(233,69,96,0.07); border-radius: 10px;
  margin: 2px -4px; padding-left: 4px; padding-right: 4px;
  outline: 1px solid rgba(233,69,96,0.25);
}

/* ===== FULL LEADERBOARD SCREEN ===== */
.lb-tab {
  flex: 1; padding: 9px 6px; border-radius: 10px;
  background: var(--card); border: 1px solid var(--border);
  color: var(--text2); font-family: 'Nunito', sans-serif;
  font-size: 12px; font-weight: 700; cursor: pointer;
  transition: all 0.2s; letter-spacing: 0.04em;
}
.lb-tab.active {
  background: var(--accent); border-color: var(--accent);
  color: #fff; box-shadow: var(--glow);
}

.lb-page-btn {
  padding: 8px 16px; border-radius: 10px;
  background: var(--card); border: 1px solid var(--border);
  color: var(--text2); font-size: 12px; font-weight: 700;
  cursor: pointer; transition: all 0.2s;
}
.lb-page-btn:hover:not(:disabled) { border-color: var(--accent); color: var(--accent); }
.lb-page-btn:disabled { opacity: 0.3; cursor: default; }

.lb-full-row {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px; border-bottom: 1px solid var(--border);
  transition: background 0.15s;
}
.lb-full-row:last-child { border-bottom: none; }
.lb-full-row.is-me      { background: rgba(233,69,96,0.07); }

.lb-full-rank {
  font-family: 'Unbounded', sans-serif; font-size: 12px; font-weight: 700;
  width: 30px; text-align: center; flex-shrink: 0; color: var(--text2);
}
.lb-full-rank.gold   { color: var(--gold); }
.lb-full-rank.silver { color: var(--silver); }
.lb-full-rank.bronze { color: var(--bronze); }

.lb-full-avatar {
  width: 32px; height: 32px; border-radius: 50%;
  background: linear-gradient(135deg, var(--card2), var(--blue));
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; flex-shrink: 0;
}
.lb-full-name  { flex: 1; font-size: 13px; font-weight: 700; }
.lb-full-score { font-family: 'Unbounded', sans-serif; font-size: 12px; color: var(--accent); font-weight: 700; }