/**
 * 미니언즈 사다리 채팅 카드 전역 스타일 — 미니언즈 전용 채팅·선물·트레이딩헬퍼 등 동일 디자인
 * (.minions-chat-root 없이도 동작하도록 선택자는 클래스 기준)
 */
/* 배팅 완료/안내 카드 (스트릭 카드와 별도) */
.minions-ladder-bet-card:not(.minions-ladder-streak-card) {
  border-radius: 12px;
  padding: 12px 14px;
  background: linear-gradient(135deg, #fef9c3 0%, #fff7ed 45%, #e0e7ff 100%) !important;
  border: 1px solid rgba(12, 5, 70, 0.12) !important;
  box-shadow: 0 4px 14px rgba(12, 5, 70, 0.1) !important;
  max-width: 100%;
  box-sizing: border-box;
}
.minions-ladder-bet-card .mlb-title {
  font-size: 11px;
  font-weight: 800;
  color: #0c0546 !important;
  letter-spacing: 0.02em;
  margin-bottom: 6px;
}
.minions-ladder-bet-card .mlb-body {
  font-size: 13px;
  color: #1e293b !important;
  line-height: 1.55;
}
.minions-ladder-bet-card .mlb-exp {
  color: #e62626 !important;
  font-weight: 700;
}
/* 적중/당첨 강조 배너 */
.minions-ladder-winner-banner {
  border: 2px solid rgba(251, 191, 36, 0.65) !important;
  box-shadow: 0 8px 28px rgba(180, 83, 9, 0.22) !important;
  background: linear-gradient(165deg, #fffbeb 0%, #fef3c7 40%, #ffffff 100%) !important;
  border-radius: 12px;
  box-sizing: border-box;
}

/**
 * 콤보·연패 카드 — 모든 채팅 UI(#chat_list, #main-chat-list, .chat-msg-text 등)에서 동일 디자인
 * Tailwind/부모 색상 덮어쓰기 방지 위해 배경·글자색에 !important 일부 사용
 */
.minions-ladder-bet-card.minions-ladder-streak-card,
.minions-ladder-streak-card {
  border-radius: 14px;
  padding: 12px 14px 11px;
  text-align: left;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  box-sizing: border-box;
}
.minions-ladder-streak-card.streak-combo {
  background: linear-gradient(145deg, #fffbeb 0%, #fef3c7 35%, #fff 70%, #e0e7ff 100%) !important;
  border: 1px solid rgba(245, 158, 11, 0.45) !important;
  box-shadow: 0 6px 20px rgba(180, 83, 9, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
  color: #1e293b !important;
}
.minions-ladder-streak-card.streak-loss {
  background: linear-gradient(155deg, #1e1b2e 0%, #2d2640 55%, #1a1525 100%) !important;
  border: 1px solid rgba(71, 85, 105, 0.45) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
}
.minions-ladder-streak-card .mls-subhead {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #b45309 !important;
  margin-bottom: 8px;
}
.minions-ladder-streak-card.streak-loss .mls-subhead-loss {
  color: #94a3b8 !important;
  letter-spacing: 0.08em;
}
.minions-ladder-streak-card .mls-hero {
  font-size: 15px;
  line-height: 1.35;
  color: #0f172a !important;
  margin-bottom: 6px;
}
.minions-ladder-streak-card.streak-loss .mls-hero-loss {
  color: #e2e8f0 !important;
}
.minions-ladder-streak-card .mls-nick {
  color: #0c0546 !important;
  font-weight: 900;
}
.minions-ladder-streak-card.streak-loss .mls-nick {
  color: #f1f5f9 !important;
}
.minions-ladder-streak-card .mls-main {
  font-size: 16px;
  font-weight: 900;
  color: #c2410c !important;
  letter-spacing: -0.02em;
  margin-bottom: 6px;
}
.minions-ladder-streak-card .mls-combo-num {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 8px;
  background: linear-gradient(180deg, #fbbf24, #ea580c) !important;
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.minions-ladder-streak-card .mls-spark {
  opacity: 0.9;
}
.minions-ladder-streak-card .mls-toast {
  font-size: 12px;
  color: #57534e !important;
  line-height: 1.45;
}
.minions-ladder-streak-card .mls-foot {
  font-size: 10px;
  color: #a8a29e !important;
  margin-top: 8px;
  font-weight: 600;
}
.minions-ladder-streak-card.streak-loss .mls-main-loss {
  font-size: 15px;
  font-weight: 800;
  color: #fca5a5 !important;
  margin-bottom: 6px;
}
.minions-ladder-streak-card.streak-loss .mls-toast-loss {
  color: #94a3b8 !important;
}
.minions-ladder-streak-card.streak-loss .mls-foot-loss {
  color: #64748b !important;
}
.minions-ladder-global-chat {
  max-width: 100%;
}