/* ==========================================================================
   FC 온라인 공식 강화 등급 뱃지 (.fco-badge / .en_level1 ~ .en_level13)
   기준: 넥슨 공식 데이터센터 & 인게임 직사각형 베벨 규격 (rules/04-fco-ui-design-standard.md)
   ========================================================================== */

.fco-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "FCOAllSans", "Noto Sans KR", -apple-system, sans-serif;
  font-weight: 700;
  line-height: 1;
  box-sizing: border-box;
  position: relative;
  user-select: none;
  cursor: pointer;
  transition: transform 0.15s ease, filter 0.15s ease;
}

/* 뱃지 사이즈 베리에이션 (공식 가로형 직사각형 비율 58:36) */
.badge-sm {
  width: 40px;
  height: 25px;
  font-size: 16px;
}

.badge-md {
  width: 54px;
  height: 34px;
  font-size: 22px;
}

.badge-lg {
  width: 66px;
  height: 42px;
  font-size: 27px;
}

/* 0. 미선택 초기 상태 (0카: '-') 및 1. 일반 (1강) */
.badge-tier-0,
.badge-tier-1,
.en_level0,
.en_level1 {
  color: #c5c8c9 !important;
  background: linear-gradient(140deg, #51545a 0%, #42464d 100%) !important;
  border: 1.5px solid #393a3c !important;
  border-top-color: #62676d !important;
  border-left-color: #62676d !important;
  border-right-color: #393a3c !important;
}

/* 2. 동카 (2 ~ 4강) */
.badge-tier-2,
.badge-tier-3,
.badge-tier-4,
.en_level2,
.en_level3,
.en_level4 {
  color: #7e3f27 !important;
  background: linear-gradient(140deg, #de946b 0%, #ad5f42 100%) !important;
  border: 1.5px solid #864229 !important;
  border-top-color: #e4b7a2 !important;
  border-left-color: #e4b7a2 !important;
  border-right-color: #864229 !important;
}

/* 3. 은카 (5 ~ 7강) */
.badge-tier-5,
.badge-tier-6,
.badge-tier-7,
.en_level5,
.en_level6,
.en_level7 {
  color: #4e545e !important;
  background: linear-gradient(140deg, rgb(216, 217, 220) 0%, rgb(184, 189, 202) 100%) !important;
  border: 1.5px solid #a5a8ae !important;
  border-top-color: #d8dadc !important;
  border-left-color: #d8dadc !important;
  border-right-color: #a9aaae !important;
}

/* 4. 금카 (8 ~ 10강) */
.badge-tier-8,
.badge-tier-9,
.badge-tier-10,
.en_level8,
.en_level9,
.en_level10 {
  color: #695100 !important;
  background: linear-gradient(140deg, #f9dd62 0%, #dca908 100%) !important;
  border: 1.5px solid #cda000 !important;
  border-top-color: #e9d36c !important;
  border-left-color: #e9d36c !important;
  border-right-color: #cda000 !important;
}

/* 5. 백금카 (11 ~ 13강) - 넥슨 공식 백금 텍스처 이미지 적용 */
.badge-tier-11,
.badge-tier-12,
.badge-tier-13,
.en_level11,
.en_level12,
.en_level13 {
  color: #2d2b43 !important;
  background: url("https://ssl.nexon.com/s2/game/fc/online/obt/datacenter/bg_plt.png") no-repeat 0 0 / 100% 100% !important;
  border: 1.5px solid #5274c0 !important;
  border-top-color: #bdc5e5 !important;
  border-left-color: #607dc4 !important;
  border-right-color: #5274c0 !important;
}

.badge-tier-13,
.en_level13 {
  box-shadow: 0 0 14px rgba(147, 180, 255, 0.45);
}

.fco-badge:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.fco-badge.is-selected {
  outline: 2.5px solid #07f468;
  outline-offset: 2px;
}