/**
 * Community Strip Module — RFDD.org (S4)
 * Compact homepage leaderboard teaser between goal-panel and stats.
 */
.community-strip { padding: 40px 20px; }
.community-strip__inner {
  max-width: 720px; margin: 0 auto;
  background: var(--rfdd-dark-card);
  border: 1px solid var(--rfdd-border);
  border-radius: var(--rfdd-radius-lg);
  padding: 24px;
  box-shadow: var(--rfdd-glow-green);
}
.community-strip__head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 14px; }
.community-strip__title { font-size: clamp(20px, 3vw, 26px); }
.community-strip__all { font-family: var(--rfdd-font-nav); font-size: 13px; font-weight: 600; }

.community-strip__list { list-style: none; margin: 0 0 18px; padding: 0; }
.community-strip__row {
  display: grid; grid-template-columns: 30px 32px 1fr auto;
  align-items: center; gap: 10px;
  padding: 9px 0; border-bottom: 1px solid var(--rfdd-border);
}
.community-strip__row:last-child { border-bottom: none; }
.community-strip__rank { text-align: center; font-family: var(--rfdd-font-display); color: var(--rfdd-text-secondary); }
.community-strip__avatar {
  width: 30px; height: 30px; border-radius: 8px;
  display: grid; place-items: center;
  font-family: var(--rfdd-font-display); font-size: 14px; color: #00150a;
}
.community-strip__name { font-family: var(--rfdd-font-nav); font-weight: 600; font-size: 14px; }
.community-strip__value {
  font-family: 'Courier New', monospace; font-weight: 700;
  color: var(--rfdd-neon-cyan); text-shadow: 0 0 10px rgba(0, 245, 255, 0.5);
}
.community-strip__loading, .community-strip__empty { color: var(--rfdd-text-muted); font-size: 14px; padding: 12px 0; }

.community-strip__cta { display: flex; gap: 12px; flex-wrap: wrap; }
.community-strip__btn {
  flex: 1; text-align: center; min-width: 160px;
  padding: 12px 18px; border-radius: var(--rfdd-radius-sm);
  font-family: var(--rfdd-font-nav); font-weight: 600; font-size: 15px;
  transition: transform var(--rfdd-transition), box-shadow var(--rfdd-transition);
}
.community-strip__btn--neon { background: var(--rfdd-gradient); color: var(--rfdd-dark); }
.community-strip__btn--neon:hover { transform: translateY(-1px); box-shadow: var(--rfdd-glow-green); color: var(--rfdd-dark); }
.community-strip__btn--ghost { border: 1px solid var(--rfdd-border-hover); color: var(--rfdd-neon-green); }
.community-strip__btn--ghost:hover { background: rgba(57, 255, 20, 0.08); }