.leaderboard-loading { margin-top: 19px; }
.board-skeleton {
  display: block;
  position: relative;
  overflow: hidden;
  flex: none;
  background: var(--surface-secondary, var(--sage));
  border: 1px solid var(--line);
  border-radius: 6px;
}
.board-skeleton-spotlight { width: 100%; height: 192px; border-radius: 22px; margin-bottom: 16px; }
.board-skeleton-row { display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 10px 4px; }
.board-skeleton-row + .board-skeleton-row { border-top: 1px solid var(--line); }
.board-skeleton-rank { width: 16px; height: 14px; }
.board-skeleton-avatar { width: 35px; height: 35px; border-radius: 10px; }
.leaderboard-loading-people .board-skeleton-avatar { border-radius: 50%; }
.board-skeleton-copy { flex: 1; min-width: 0; }
.board-skeleton-name { width: 65%; max-width: 240px; height: 16px; }
.board-skeleton-description { width: 85%; max-width: 340px; height: 10px; margin-top: 8px; }
.board-skeleton-score { width: 28px; height: 22px; }
.board-skeleton-chevron { width: 12px; height: 16px; margin-inline: 8px; }
@media (max-width: 480px) {
  .board-skeleton-row { gap: 9px; }
}
@media (prefers-reduced-motion: no-preference) {
  .board-skeleton::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, var(--card), transparent);
    transform: translateX(-100%);
    animation: board-shimmer 1500ms ease-in-out infinite;
  }
}
@keyframes board-shimmer { to { transform: translateX(100%); } }