/* Chat dice chooser must overlay the chat pane instead of being clipped by it. */
.chat { min-height: 0 !important; max-height: 100% !important; overflow: hidden !important; }
.chat > .log, .chat .log { min-height: 0 !important; overflow-y: auto !important; }
.chat > .compose, .chat .compose {
  position: relative !important;
  z-index: 80 !important;
  flex: 0 0 auto !important;
  max-height: min(48vh, 430px) !important;
  overflow: visible !important;
  padding-bottom: max(8px, env(safe-area-inset-bottom)) !important;
}
.chat .compose .dice-panel {
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  bottom: calc(100% + 6px) !important;
  z-index: 2147483645 !important;
  max-height: min(52vh, 420px) !important;
  overflow-y: auto !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.48) !important;
}
.chat .cin { flex: 0 0 auto !important; min-height: 42px !important; }
.chat .cin textarea[data-chat-input] { min-height: 42px !important; max-height: 180px !important; }