@media (max-width: 700px) and (orientation: portrait) {
  #root .mobileChatTitleActions { display: flex !important; align-items: center !important; gap: 5px !important; flex: none !important; }
  #root .mobileChatTitleActions button { min-height: 32px !important; padding: 0 8px !important; font-size: 10px !important; white-space: nowrap !important; }
  #root .mobileChatTitle b, #root .mobileTablesHead b { font-size: 11px !important; }
  #root .mobileChatTitle span, #root .mobileTablesHead small { font-size: 8px !important; }
  #root .mobileTableHeadActions button { min-width: 32px !important; height: 30px !important; padding: 0 6px !important; font-size: 9px !important; }
  #root .mobileTableCard .mobileTableName { font-size: 12px !important; }
  #root .mobileTableCard > small { font-size: 9px !important; }
  #root .mobileTableCard > button { min-height: 31px !important; font-size: 11px !important; }
  #root .mobileTableCard .mobileTableType { font-size: 10px !important; }
  #root .mobilePersonCard b, #root .mobilePersonCard small { font-size: 9px !important; }
  #root .mobileLobbyChat .chatMessages, #root .mobileLobbyChat .chatComposer { font-size: 11px !important; }
}

@media (max-width: 700px) and (orientation: portrait) {
  #root .mobileLobbyChat .chatComposer { position: relative !important; overflow: visible !important; }
  #root .mobileLobbyChat .emojiPicker {
    box-sizing: border-box !important; position: absolute !important; z-index: 80 !important;
    left: 0 !important; right: 0 !important; bottom: calc(100% - 1px) !important;
    width: 100% !important; max-height: min(42vh, 320px) !important;
    overflow-y: auto !important; border: 1px solid #5e4ab1 !important;
    border-radius: 12px 12px 0 0 !important; box-shadow: 0 -12px 26px #0008 !important;
  }
  #root .mobileLobbyChat .emojiTabs button { font-size: 11px !important; min-height: 32px !important; }
  #root .mobileLobbyChat .gifGrid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}