/* =========================================================
   GOLD DIGGER — responsive.css
   Mobile / tablet / desktop adaptations.
   ========================================================= */

/* Large desktop */
@media (min-width: 1024px) {
  .menu-content { max-width: 520px; }
  .panel { max-width: 720px; }
  .levels-grid { grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); }
}

/* Tablet */
@media (max-width: 768px) {
  .game-title { font-size: clamp(38px, 11vw, 60px); }
  .hud-timer { font-size: 26px; }
  .hud-money { font-size: 20px; }
}

/* Phones */
@media (max-width: 480px) {
  .menu-content { gap: 14px; padding: 18px; }
  .btn { padding: 13px 16px; font-size: 15px; }
  .btn-lg { padding: 16px 18px; font-size: 18px; }
  .hud { padding: 8px 10px; }
  .hud-timer { font-size: 24px; padding: 3px 16px; }
  .hud-money { font-size: 18px; }
  .hud-chip { font-size: 13px; padding: 5px 10px; }
  .hud-progress { top: 56px; }
  .pu-btn { width: 46px; height: 46px; font-size: 20px; }
  .btn-icon-only { width: 48px; height: 48px; }
  .daily-grid { grid-template-columns: repeat(4, 1fr); gap: 8px; }
  .daily-coin { font-size: 18px; }
  .daily-amt { font-size: 12px; }
  .lb-head, .lb-row { grid-template-columns: 36px 1fr 54px 74px; font-size: 13px; }
  .modal { padding: 20px; }
  .modal h2 { font-size: 22px; }
  .star { font-size: 34px; }
}

/* Very small phones */
@media (max-width: 360px) {
  .pu-btn { width: 42px; height: 42px; font-size: 18px; }
  .powerup-bar { gap: 5px; }
  .daily-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Landscape phones — compact HUD */
@media (max-height: 500px) and (orientation: landscape) {
  .hud { padding: 4px 10px; }
  .hud-timer { font-size: 20px; padding: 2px 12px; }
  .hud-money { font-size: 16px; }
  .hud-progress { top: 44px; }
  .pu-btn { width: 40px; height: 40px; font-size: 18px; }
  .btn-icon-only { width: 42px; height: 42px; font-size: 18px; }
  .game-controls { padding: 6px 10px; }
  .menu-content { gap: 10px; }
  .game-title { font-size: 40px; }
  .menu-buttons { gap: 8px; }
  .btn { padding: 10px 14px; font-size: 14px; }
}

/* Safe area for notched devices */
@supports (padding: env(safe-area-inset-bottom)) {
  .game-controls {
    padding-bottom: calc(10px + env(safe-area-inset-bottom));
  }
  .hud {
    padding-top: calc(10px + env(safe-area-inset-top));
  }
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}