/* leaderboards.css — Leaderboards screen (see js/leaderboards.js) */

.lb-me-box {
  display: none;
  background: var(--card-bg);
  border: 1px solid var(--neon-blue);
  border-radius: 14px;
  padding: 12px 18px;
  margin-bottom: 16px;
  font-size: 1.5rem;
}
.lb-me-box strong { color: var(--neon-blue); }
.lb-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 16px;
  margin-bottom: 8px;
  background: var(--card-bg);
  border: 1px solid var(--border-color);
  border-radius: 14px;
  cursor: pointer;
  transition: transform 0.15s, border-color 0.15s;
}
.lb-row:hover { transform: translateX(3px); border-color: var(--neon-blue); }
.lb-row.lb-me { border-color: var(--neon-blue); box-shadow: 0 0 0 1px var(--neon-blue) inset; }
.lb-place { width: 42px; text-align: center; font-size: 1.6rem; font-weight: bold; color: var(--text-muted); }
.lb-avatar {
  width: 40px; height: 40px; min-width: 40px; border-radius: 50%;
  background: var(--border-color); color: var(--text-main);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.3rem; font-weight: bold;
}
.lb-name { flex: 1; min-width: 0; font-size: 1.7rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lb-sub { display: block; font-size: 1.1rem; color: var(--text-muted); }
.lb-value { font-size: 1.6rem; font-weight: bold; white-space: nowrap; }
.lb-top-1 { border-color: #f5c542; } .lb-top-1 .lb-place { color: #f5c542; }
.lb-top-2 { border-color: #c0c7d1; } .lb-top-2 .lb-place { color: #c0c7d1; }
.lb-top-3 { border-color: #cd7f32; } .lb-top-3 .lb-place { color: #cd7f32; }
.lb-top-1 .lb-value { color: #f5c542; }
.lb-empty { color: var(--text-muted); font-size: 1.4rem; }
@media (max-width: 600px) {
  .lb-row { gap: 10px; padding: 8px 10px; }
  .lb-name { font-size: 1.5rem; }
}