/* Keep the live game header and card-drawer actions reachable on phones. */
@media (max-width: 600px) {
  .logo-group, .logo-text { min-width: 0; }
  .app-header { gap: 12px; }
  .header-right-tools { width: 100%; justify-content: flex-end; flex-wrap: wrap; }
  .btn-tool-pill { width: auto; min-width: 0; padding: 7px 9px; }
  .btn-tool-pill .tool-icon, .btn-tool-pill .sound-icon { font-size: .65rem; }
  .sub-logo { white-space: normal; }
  .round-tracker, .round-box { min-width: 0; }
  .act-badge { flex-shrink: 0; }
  .timer-top-info { min-width: 0; flex-wrap: wrap; gap: 4px; }
  .timer-top-info .label-muted { min-width: 0; white-space: normal; }
  .timer-seconds { width: 100%; text-align: center; overflow-wrap: anywhere; }
}
@media (max-width: 900px) {
  .hand-tray-header { flex-direction: column; align-items: stretch; gap: 10px; }
  .hand-tray-title-box { min-width: 0; flex-wrap: wrap; gap: 6px; }
  .hand-tray-title { min-width: 0; overflow-wrap: anywhere; }
  .hand-tray-actions { width: 100%; min-width: 0; justify-content: space-between; gap: 8px; }
  .hand-tray-tip { display: none; }
  .btn-hand-toggle { min-height: 36px; flex-shrink: 0; }
  .hand-tray-actions .mobile-drawer-close { width: 36px; height: 36px; flex-shrink: 0; }
}