/* ============================================================
   BOOM WORLD 4.1.3 // MOBILE STABILITY + CHAT/VIP POLISH
   UI-only. No gameplay / DB / Society / MMORPG logic changes.
   ============================================================ */

/* One single chat heading. The old explanatory line is never displayed. */
body.boom-world #world-chat .ch-hint {
  display: none !important;
}

body.boom-world #world-chat .world413-chat-head {
  flex: 0 0 auto !important;
  min-height: 31px !important;
  margin: 0 44px 8px 0 !important;
  padding: 1px 2px 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  border-bottom: 1px solid rgba(91, 229, 255, .13) !important;
  overflow: hidden !important;
}

body.boom-world #world-chat .world413-chat-title {
  color: #62efff !important;
  font: 900 .72rem/1 Orbitron, sans-serif !important;
  letter-spacing: .055em !important;
  white-space: nowrap !important;
}

body.boom-world #world-chat .world413-chat-head #wchat-auth {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #ffd95b !important;
  opacity: .92 !important;
  font: 800 .75rem/1.1 Rajdhani, sans-serif !important;
}

/* VIP palette can now be collapsed on BOTH desktop and mobile. */
body.boom-world #world-chat .vip-chat-style.show:not(.world41-open) {
  display: none !important;
}

body.boom-world #world-chat .world413-vip-toggle.is-visible {
  display: block !important;
}

body.boom-world #world-chat .world413-vip-toggle {
  width: 100% !important;
  min-height: 38px !important;
  margin: 8px 0 0 !important;
  padding: 8px 11px !important;
  border: 1px solid rgba(255,213,74,.28) !important;
  border-radius: 10px !important;
  background: rgba(255,213,74,.065) !important;
  color: #ffe16b !important;
  font: 900 .68rem/1 Orbitron, sans-serif !important;
  letter-spacing: .065em !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
}

body.boom-world #world-chat .world413-vip-toggle:active {
  transform: scale(.992) !important;
}

@media (max-width: 900px), (pointer: coarse) {
  body.boom-world #world-chat.chat-open .world413-chat-head,
  body.boom-world #world-chat.mobile-open .world413-chat-head {
    min-height: 34px !important;
    margin: 0 47px 8px 0 !important;
    padding-bottom: 8px !important;
  }

  body.boom-world #world-chat .world413-chat-title {
    font-size: .68rem !important;
  }

  body.boom-world #world-chat .world413-chat-head #wchat-auth {
    font-size: .72rem !important;
  }

  body.boom-world #world-chat .vip-chat-style.world41-open {
    display: flex !important;
    max-height: 190px !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }

  body.boom-world #world-chat .world413-vip-toggle {
    min-height: 42px !important;
    font-size: .69rem !important;
  }
}