/* ==========================================================================
   글자 줄바꿈 정리 (모든 css 다음에 불러옴)
   - 한글은 기본값이면 글자 중간("스테/이지")에서도 줄이 바뀜 → 띄어쓰기에서만 바뀌게 (넘칠 때만 단어 안에서 끊음)
   - 짧은 라벨 · 배지 · 버튼은 한 줄로
   ========================================================================== */
body { word-break: keep-all; overflow-wrap: break-word; }
.chat-msg-row { word-break: break-all; }   /* 채팅은 긴 영문/숫자도 칸 안에서 끊기게 그대로 */

.tab-lock-badge,
.btn-sell-quick,
.avatar-modal-badge,
.rates-tab-btn,
.dungeon-tag,
.dungeon-banner-badge,
.pet-incubator-badge,
.pet-ticket-chip,
.pass-col-title span { white-space: nowrap; }
/* 의상 창 장착 버튼: 좁은 화면에서 넘치지 않게 글자를 조금 작게 (넘치면 띄어쓰기에서 두 줄) */
.btn-equip-avatar { font-size: 0.78rem; padding: 8px 6px; min-width: 0; }

/* 던전 상세: [배지] 위, [던전 이름] 아래로 쌓고 오른쪽 입장 열쇠는 한 줄로 */
.dungeon-banner-head { gap: 8px; }
.dungeon-banner-title-box { flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0; }
.dungeon-banner-title { white-space: nowrap; }
.dungeon-ticket-pill { white-space: nowrap; flex-shrink: 0; }

/* 의상 창: 이름은 줄바꿈 허용(배지는 한 줄), 효과 줄은 [이름 · 현재값] 한 줄 + 다음 레벨 값은 아래 줄 오른쪽 */
.avatar-modal-name-row { gap: 6px; align-items: flex-start; }
.avatar-modal-name-row h4 { min-width: 0; }
#avatar-modal-stat-list .modal-stat-row { flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
#avatar-modal-stat-list .modal-stat-row > span { white-space: nowrap; }
#avatar-modal-stat-list .modal-stat-row > strong { white-space: nowrap; margin-left: auto; text-align: right; }
#avatar-modal-stat-list .modal-stat-row > strong > span { display: block; }

/* 펫 부화기 · 의상 재봉틀 제목 줄: 제목은 한 줄, 공간이 모자라면 티켓/제작 칩은 다음 줄 오른쪽으로 */
.pet-incubator-title-row { flex-wrap: wrap; row-gap: 6px; }
.pet-incubator-title { white-space: nowrap; }