/* =========================
   ui.mobile.css（モバイル最適化）
   ========================= */

/* =========================
   9) モバイル最適化（統合版）
   - HUD(.hp-wrap.hud)は hud.css に一本化したので extrasでは触らない
   ========================= */
@media (max-width: 480px){

  .modal .modal-body{
    width:92vw;
    padding:18px;
  }

  #defense-buttons .btn{ min-height:44px; }
  .foot{ gap:10px; }

  /* cm */
  .cm-panel{ padding: 16px; width: 94%; }
  .cm-actions{ gap: 6px !important; }
}