/* Final mobile safeguards for every HappyRan page. */
@media (max-width: 760px) {
  html { -webkit-text-size-adjust: 100%; }
  body { overflow-x: hidden; }
  img, video, canvas { max-width: 100%; height: auto; }
  input, select, textarea, button { max-width: 100%; font-size: 16px !important; }
  .container { width: min(100% - 24px, 1280px) !important; }
  .classic-admin-main { min-width: 0; overflow-x: hidden; }
  .classic-admin-content { padding: 18px 12px 36px !important; }
  .admin-header, .admin-item-header, .admin-player-detail-header { align-items: flex-start; flex-direction: column; gap: 14px; }
  .admin-header-actions, .admin-item-header-actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .admin-header-actions a, .admin-item-header-actions a { justify-content: center; text-align: center; }
  .admin-stat-grid, .roulette-stat-grid, .feature-overview, .ls-summary { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .admin-tools-grid, .feature-grid, .ls-grid, .roulette-game-layout { grid-template-columns: 1fr !important; }
  .admin-table-wrap, .table-responsive, .ls-table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  table { min-width: 640px; }
  .form-grid, .admin-item-form-grid, .ls-fields { grid-template-columns: 1fr !important; }
  .roulette-wheel-wrapper { margin-inline: auto; transform: scale(.88); transform-origin: top center; }
  .roulette-wheel-column { min-height: 365px; }
}
@media (max-width: 480px) {
  .classic-main-header, .nav-container, .classic-admin-topbar { height: 58px !important; }
  .classic-main-nav { top: 66px !important; left: 10px !important; right: 10px !important; }
  .classic-brand-happy, .classic-brand-ran { font-size: 21px !important; }
  .classic-admin-topbar { padding: 0 10px !important; }
  .admin-stat-grid, .roulette-stat-grid, .feature-overview, .ls-summary { grid-template-columns: 1fr !important; }
  .admin-header-actions, .admin-item-header-actions { grid-template-columns: 1fr; }
  .roulette-wheel-wrapper { transform: scale(.74); }
  .roulette-wheel-column { min-height: 315px; }
  .event-detail-content { padding: 18px !important; }
}