.hero-achievements {
  position: relative;
}

.achievements-hero-inner {
  display: grid;
  gap: var(--space-6);
}

@media (min-width: 960px) {
  .achievements-hero-inner {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    align-items: center;
  }
}

.achievements-hero-text {
  max-width: 40rem;
}

.achievements-hero-visual {
  max-width: 28rem;
  margin-inline: auto;
}

.hero-achievements-image {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-neon-primary);
}

.achievements-hero-card {
  backdrop-filter: blur(18px);
}

.achievements-hero-body {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.achievements-hero-progress-label {
  font-size: var(--font-size-sm);
  color: var(--color-text-soft);
}

.section-alt {
  background: radial-gradient(circle at 0 0, rgba(39, 195, 255, 0.08), transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(140, 91, 255, 0.12), transparent 55%),
    linear-gradient(180deg, rgba(5, 7, 19, 0.96), rgba(5, 7, 19, 0.98));
}

.achievements-section-header {
  max-width: 44rem;
  margin-bottom: var(--space-6);
}

.achievements-features-grid {
  margin-top: var(--space-4);
}

.achievements-board-grid {
  align-items: center;
  gap: var(--space-6);
}

.achievements-board-card {
  max-width: 28rem;
  margin-inline: auto;
}

.achievements-board-body {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.achievements-board-row {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: var(--space-2);
  align-items: center;
}

.achievements-board-label {
  font-size: var(--font-size-sm);
  color: var(--color-text-soft);
}

.achievements-board-value {
  font-family: var(--font-display);
}

.achievements-board-summary {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.achievements-board-cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.achievements-category-pills {
  margin-top: var(--space-3);
}

.achievements-categories-grid {
  align-items: stretch;
}

.achievements-fantasy-grid {
  gap: var(--space-6);
  align-items: center;
}

.achievements-fantasy-image {
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-neon-purple);
}

.achievements-ranking-header {
  gap: var(--space-4);
  flex-wrap: wrap;
}

.achievements-ranking-btn {
  white-space: nowrap;
}

.achievements-ranking-card .table-wrapper {
  max-width: 100%;
  overflow-x: auto;
}

.achievements-ranking-note {
  margin-top: var(--space-3);
  font-size: var(--font-size-sm);
  color: var(--color-text-soft);
}

.achievements-player-cell {
  align-items: center;
}

.achievements-rewards-grid {
  gap: var(--space-6);
  align-items: stretch;
}

.achievements-rewards-summary {
  max-width: 26rem;
  margin-inline: auto;
}

.achievements-rewards-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-size-sm);
  padding-block: 0.25rem;
}

.achievements-rewards-label {
  color: var(--color-text-soft);
}

.achievements-rewards-value {
  font-family: var(--font-display);
}

.achievements-community-grid {
  gap: var(--space-6);
  align-items: center;
}

.achievements-community-image {
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-soft);
}

.achievements-highlighted-grid {
  margin-top: var(--space-4);
}

.achievements-progress-grid {
  gap: var(--space-6);
  align-items: stretch;
}

.achievements-progress-card {
  max-width: 28rem;
  margin-inline: auto;
}

.achievements-progress-item {
  margin-bottom: var(--space-3);
}

.achievements-progress-name {
  font-size: var(--font-size-sm);
}

.achievements-progress-value {
  font-family: var(--font-display);
  font-size: var(--font-size-sm);
}

.achievements-progress-note {
  font-size: var(--font-size-sm);
  color: var(--color-text-soft);
}

.achievements-faq-grid {
  margin-top: var(--space-4);
}

.achievements-cta {
  background: radial-gradient(circle at 0 0, rgba(39, 195, 255, 0.18), transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(42, 229, 163, 0.2), transparent 55%),
    linear-gradient(180deg, #020617, #050716);
}

.achievements-cta-inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  align-items: flex-start;
}

@media (min-width: 768px) {
  .achievements-cta-inner {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.achievements-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

@media (max-width: 767px) {
  .achievements-board-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .achievements-ranking-btn {
    width: 100%;
    justify-content: center;
  }
}