.game-overview-layout {
  align-items: stretch;
}

.game-screenshots-grid {
  align-items: stretch;
}

.game-screenshots-note {
  margin-top: var(--space-6);
}

.game-mechanics-grid {
  align-items: stretch;
}

.game-walkthrough-grid {
  align-items: flex-start;
  gap: var(--space-6);
}

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

.game-features-cta {
  margin-top: var(--space-4);
}

.game-updates-cta {
  margin-top: var(--space-6);
}

.game-testimonials-grid {
  align-items: stretch;
}

.game-testimonial-name {
  font-size: var(--font-size-sm);
  color: var(--gray-300);
}

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

.game-community-actions {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  justify-content: center;
}

.game-final-cta {
  margin-top: var(--space-4);
}

.game-final-cta-grid {
  align-items: center;
  gap: var(--space-6);
}

.game-final-cta-actions {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.game-faq {
  display: grid;
  gap: var(--space-3);
}

.game-faq-toggle {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--font-size-base);
  text-align: left;
  color: var(--gray-50);
  cursor: pointer;
}

.game-faq-toggle::after {
  content: "+";
  font-size: var(--font-size-lg);
  color: var(--color-text-muted);
  transition: transform var(--transition-fast);
}

.game-faq-item[data-open="true"] .game-faq-toggle::after {
  transform: rotate(45deg);
}

.game-faq-panel {
  margin-top: var(--space-3);
}

@media (max-width: 768px) {
  .game-walkthrough-grid,
  .game-community-grid,
  .game-final-cta-grid,
  .game-tips-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .game-community-actions,
  .game-final-cta-actions {
    align-items: stretch;
  }
}
