/* ═══════════ 移动端适配：横屏优先，竖屏可用 ═══════════ */

/* 平板以下 */
@media (max-width: 900px) {
  .chat-panel { width: 220px; }
  .chat-quick button { font-size: 10px; }
  .ab-btns .btn { font-size: 15px; padding: 9px 16px; }
  .room-seats { grid-template-columns: repeat(2, 1fr); }
}

/* 竖屏：压缩 HUD、聊天改抽屉 */
@media (orientation: portrait) {
  .topbar { font-size: 11px; padding: 6px 8px; }
  .tb-left { gap: 8px; }
  .tb-left span:nth-child(n+4) { display: none; } /* 保留 房号/底分/局数，隐藏剩余 */
  .action-bar { bottom: 8px; right: 8px; padding: 6px 10px; gap: 8px; max-width: 72vw; }
  .ting-hint { left: 0; right: auto; max-width: 150px; font-size: 11px; }
  .ab-btns .btn { font-size: 14px; padding: 8px 14px; }
  .chat-panel {
    top: auto; right: 0; bottom: 0; left: 0;
    width: 100%; height: 46vh;
    border-radius: 14px 14px 0 0;
    z-index: 55;
  }
  .chat-panel.collapsed { transform: translateY(calc(100% - 40px)); opacity: 1; }
  .chat-panel.collapsed .chat-head { border-bottom: none; }
  .chat-head { padding: 10px 12px; }
  .turn-banner { bottom: 72px; right: 8px; font-size: 12px; }
  .liuju-banner { top: 8px; }
  .settle-panel { width: 94vw; }
  .sw-tiles img { height: 32px; }
}

/* 手机横屏 */
@media (orientation: landscape) and (max-height: 520px) {
  .topbar { font-size: 11px; padding: 4px 10px; }
  .tb-right .btn { font-size: 11px; padding: 4px 8px; }
  .action-bar { bottom: 6px; }
  .ab-btns .btn { font-size: 14px; padding: 7px 14px; }
  .ting-hint { display: none; }
  .chat-panel { width: 190px; top: 8px; bottom: 8px; }
  .settle-title { font-size: 22px; margin-bottom: 8px; }
  .settle-panel { max-height: 96vh; }
}

/* 触屏增大点击热区 */
@media (pointer: coarse) {
  .btn { padding: 10px 20px; }
  .btn.small { padding: 7px 14px; }
  input, select { font-size: 16px; } /* 防 iOS 聚焦缩放 */
}

/* 安全区 */
@supports (padding: env(safe-area-inset-left)) {
  .chat-panel {
    right: max(12px, env(safe-area-inset-right));
    top: max(12px, env(safe-area-inset-top));
    bottom: max(12px, env(safe-area-inset-bottom));
  }
}