/* Physical mobile targets stay useful while the general HUD is compact. */
body.mobile-compact-ui .chat-panel {
  left: var(--mc-left, 170px) !important;
  bottom: var(--mc-bottom, 8px) !important;
  width: var(--mc-width, 320px) !important;
  max-width: none !important;
  transform: none !important;
  z-index: 16;
}
body.mobile-compact-ui .chat-panel:not(.gone) {
  border: 1px solid rgba(207, 174, 91, .72);
  border-radius: calc(8px * var(--mc-inv, 1));
  background: rgba(13, 21, 37, .92);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
}
body.mobile-compact-ui .chat-tabs {
  width: calc(100% - 88px * var(--mc-inv, 1));
  padding: 0;
  gap: 0;
  scrollbar-width: thin;
  scroll-padding: calc(4px * var(--mc-inv, 1));
}
body.mobile-compact-ui .chat-tabs > button {
  min-width: calc(44px * var(--mc-inv, 1));
  min-height: calc(44px * var(--mc-inv, 1));
  font-size: calc(12px * var(--mc-inv, 1));
  padding: 0 calc(7px * var(--mc-inv, 1));
  white-space: nowrap;
}
body.mobile-compact-ui .ui-chat-tools {
  top: 0; right: 0;
  width: calc(88px * var(--mc-inv, 1));
}
body.mobile-compact-ui .ui-chat-tools > button,
body.mobile-compact-ui .chat-panel.gone .chat-hide {
  flex: 0 0 calc(44px * var(--mc-inv, 1));
  width: calc(44px * var(--mc-inv, 1));
  height: calc(44px * var(--mc-inv, 1));
  min-width: calc(44px * var(--mc-inv, 1));
  min-height: calc(44px * var(--mc-inv, 1));
  font-size: calc(18px * var(--mc-inv, 1));
  padding: 0;
}
body.mobile-compact-ui .chat-panel.gone { height: calc(44px * var(--mc-inv, 1)); }
body.mobile-compact-ui .chat-panel.gone .ui-chat-tools { bottom: 0; width: auto; }
body.mobile-compact-ui .chat-log {
  max-height: var(--mc-log-height, 92px) !important;
  height: auto;
  min-height: calc(30px * var(--mc-inv, 1));
  font-size: calc(12px * var(--mc-inv, 1));
  line-height: 1.45;
  padding: calc(4px * var(--mc-inv, 1)) calc(8px * var(--mc-inv, 1));
  overflow-wrap: anywhere;
}
body.mobile-compact-ui .chat-box {
  left: var(--mc-box-left, 8px) !important;
  bottom: var(--mc-box-bottom, 8px) !important;
  width: var(--mc-box-width, calc(100vw - 16px)) !important;
  max-width: none;
  transform: none !important;
  gap: calc(4px * var(--mc-inv, 1));
  z-index: 65;
}
body.mobile-compact-ui .chat-box input {
  min-height: calc(44px * var(--mc-inv, 1));
  font-size: calc(16px * var(--mc-inv, 1));
  padding: calc(6px * var(--mc-inv, 1));
}
body.mobile-compact-ui .chat-box .chat-to { flex: 0 0 calc(96px * var(--mc-inv, 1)); }
body.mobile-compact-ui .chat-box .chat-send,
body.mobile-compact-ui .chat-box .chat-close {
  flex: 0 0 calc(44px * var(--mc-inv, 1));
  min-height: calc(44px * var(--mc-inv, 1));
  font-size: calc(14px * var(--mc-inv, 1));
  padding: 0;
}
/* Park the native promotion in Settings; the login/portrait install buttons remain. */
body.mobile-compact-ui > .a2hs { display: none !important; }
body.mobile-compact-ui #settingsWindow .a2hs.mc-install-drawer {
  position: static;
  display: flex;
  width: auto;
  max-width: 100%;
  transform: none;
  opacity: 1;
  margin-top: 10px;
  padding: 8px;
  gap: 8px;
  flex-wrap: wrap;
  animation: none;
}
body.mobile-compact-ui #settingsWindow .mc-install-drawer .a2hs-txt { flex: 1 1 130px; }
body.mobile-compact-ui #settingsWindow .mc-install-drawer .a2hs-go,
body.mobile-compact-ui #settingsWindow .mc-install-drawer .a2hs-x {
  min-height: calc(44px * var(--mc-inv, 1));
  min-width: calc(44px * var(--mc-inv, 1));
  font-size: calc(14px * var(--mc-inv, 1));
}