/* Tablet Adjustments */
@media screen and (max-width: 1024px) {
  .container {
    padding: 0 24px;
  }

  .section-spacing {
    padding: 80px 0;
  }

  .hero-grid {
    gap: 40px;
  }

  .game-wrapper {
    width: 95%;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
  
  .footer-brand {
    grid-column: 1 / -1;
  }
}

/* Mobile Adjustments */
@media screen and (max-width: 768px) {
  .container {
    padding: 0 16px;
  }

  .section-spacing {
    padding: 60px 0;
  }

  /* Header */
  .main-nav {
    display: none; /* Hide for simple implementation, a JS toggle would show it */
  }

  .mobile-toggle {
    display: block;
  }

  .header-actions {
    display: none;
  }

  /* Hero */
  .hero {
    padding-top: 120px;
    text-align: center;
  }

  .hero-grid {
    grid-template-columns: 1fr;
  }

  .hero-actions {
    justify-content: center;
  }

  .hero-visual {
    margin-top: 40px;
  }

  /* Game */
  .game-wrapper {
    width: 100%;
    padding: 12px;
    border-radius: var(--radius-sm);
  }

  /* Footer */
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}