/* Responsive styles - F-type Immersive */
@media (max-width: 1024px) {
  .story-grid { grid-template-columns: 1fr; gap: 24px; }
  .games-grid-masonry { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
  .footer-widgets { grid-template-columns: 1fr; }
  .f-section { padding: 60px 20px; }
  .f-single-col .f-section-inline { padding: 60px 20px; }
}

@media (max-width: 768px) {
  .site-header.f-header { padding: 12px 16px; }
  .header-actions .btn-login,
  .header-actions .btn-register { display: none; }
  .dot-nav { display: none; }
  .hero-title { font-size: clamp(2rem, 5vw, 3rem); }
  .hero-stats { gap: 24px; }
  .stat-num { font-size: 1.5rem; }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn { text-align: center; width: 100%; }
  .download-buttons { flex-direction: column; align-items: center; }
  .download-buttons .btn { width: 100%; max-width: 300px; text-align: center; }
  .news-grid { grid-template-columns: 1fr; }
  .games-grid-masonry { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .feature-card { min-width: 220px; }
  .section-title { font-size: 1.5rem; margin-bottom: 24px; }
  .f-single-post { padding: 100px 16px 32px; }
  .scroll-snap-container { scroll-snap-type: y proximity; }
}

@media (max-width: 480px) {
  .games-grid-masonry { grid-template-columns: repeat(2, 1fr); }
  .game-card-hover { aspect-ratio: 3/4; }
  .hscroll-track { gap: 12px; }
  .feature-card { min-width: 200px; padding: 24px 16px; }
  .f-footer { padding: 32px 16px 16px; }
  .bottom-tab-nav { padding: 4px 0; }
  .tab-item { font-size: 10px; padding: 4px 2px; }
  .tab-item svg { width: 18px; height: 18px; }
}

/* Bottom tab nav: add padding-bottom to body to avoid overlap */
body:has(.bottom-tab-nav) { padding-bottom: 72px; }