@charset "utf-8";

/* ============================================== */
/* Roll20 채팅 로그 본문 보정                       */
/* ============================================== */

/* Roll20 desc/emote 메시지는 검은 배너 등을 만들기 위해
   `position: absolute; width: 1800px+` 같은 인라인 스타일 트릭을
   메시지 안에 깔아두는 패턴을 자주 씁니다. Roll20 본 화면 폭에서는
   문제 없지만 게시판 본문 컨테이너에 들어오면 옆으로 튀어나갑니다.
   부모 .message에 overflow: hidden을 걸어 잘라냅니다.
   원래의 시각적 의도(배너 + 가운데 정렬 텍스트)는 그대로 유지됩니다. */

.textchatcontainer,
.textchatcontainer .content {
    max-width: 100%;
    box-sizing: border-box;
}

.textchatcontainer .message,
.message[data-messageid] {
    overflow: hidden;
    max-width: 100%;
    box-sizing: border-box;
}