/* ===== MOBILE OPTIMIZATIONS ===== */
@media (max-width: 768px) {
  html { font-size: 14px; }
  body { padding-top: 60px; padding-bottom: 20px; }
  .navbar { position: fixed !important; top: 0; left: 0; right: 0; height: 50px; padding: 0 10px !important; z-index: 9999; display: flex !important; align-items: center; justify-content: space-between; }
  .navbar-links { display: none !important; position: fixed; top: 50px; left: 0; right: 0; background: #0a0a1a; flex-direction: column; padding: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.5); }
  .navbar-links.active { display: flex !important; }
  .menu-toggle { display: block !important; background: none; border: none; color: #e0e0e0; font-size: 1.5rem; cursor: pointer; padding: 5px 10px; }
  .hero { padding: 40px 15px !important; min-height: auto; }
  .hero h1 { font-size: 1.8rem !important; }
  .hero p { font-size: 0.9rem !important; }
  .creature-grid, .stories-grid, .creature-cards { grid-template-columns: 1fr !important; gap: 10px !important; padding: 10px !important; }
  .creature-card, .story-card { padding: 12px !important; margin: 0 0 10px 0 !important; }
  .filter-grid { grid-template-columns: 1fr !important; gap: 8px !important; }
  .btn, .btn-primary, .btn-secondary { padding: 10px 15px !important; font-size: 0.9rem; width: 100%; margin: 5px 0; }
  .search-container { padding: 10px !important; }
  .search-bar input { font-size: 14px; padding: 10px !important; }
  footer { padding: 20px 10px !important; font-size: 0.8rem; }
  .modal-content { width: 95% !important; margin: 10px !important; padding: 15px !important; max-height: 90vh; overflow-y: auto; }
  .stats-grid { grid-template-columns: 1fr 1fr !important; gap: 10px; }
  .stat-card { padding: 15px 10px !important; }
  .stat-number { font-size: 1.5rem !important; }
  a, button, select, input { min-height: 44px; }
  .blob, .hero-decoration { display: none !important; }
}
@media (max-width: 480px) {
  html { font-size: 13px; }
  .hero h1 { font-size: 1.5rem !important; }
  .stats-grid { grid-template-columns: 1fr !important; }
}