/**
 * game_bet365.css
 * 벳365 게임( game_bet365 ) 독립 스타일. .game_bet365 하위만 적용.
 * 데스크탑/태블릿/모바일 한 가지 마크업으로 미디어쿼리로 레이아웃 유지.
 * 00_index: section.center > .board.game_bet365
 *
 * [공통 CSS 충돌 정리] desktop-all-breakpoints.css 등과 겹침 방지한 항목:
 * - .frame-13: 공통 width:100%, align-self:stretch → game_bet365에서 width:auto, align-self:auto
 * - .frame-1: .game_list .frame-1에 min-width:min-content, visibility:visible (노출 보장)
 * - .text-7: game_bet365 .text-7에 line-height:14.5px (공통 20.3px 덮어씀)
 * - .text-7-1: game_bet365 .text-7-1에 line-height:14.5px, margin:0 (공통 26.1px, margin -6px 덮어씀)
 * - .text-5: .board_category_bet365 .text-5는 display:-webkit-box 유지 (공통 display:flex와 구분)
 * - .mobile .frame-1: .game_bet365 .game_list .frame-1가 더 구체적이라 게임 타이틀 영역만 우리 스타일 적용
 */

/* ========== 공통 (모든 해상도) ========== */
.game_bet365 .board_list {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 4px;
  min-width: 0;
  position: relative;
  width: 100%;
}

/* 상단 카테고리 (가상축구, 가상농구, 가상야구, 개경주, 경마) — 탭 목록 센터정렬 */
.game_bet365 .board_category_bet365 {
  align-items: center;
  align-self: stretch;
  background-color: var(--dune);
  border-radius: 4px;
  display: flex;
  height: 50px;
  justify-content: center;
  overflow: hidden;
  padding: 4px;
  position: relative;
  text-align: center;
  width: 100%;
}

.game_bet365 .board_category_bet365 .frame-31,
.game_bet365 .board_category_bet365 .frame-3-1,
.game_bet365 .board_category_bet365 .frame-31-1,
.game_bet365 .board_category_bet365 .frame-4 {
  text-align: center;
}

.game_bet365 .board_category_bet365 .frame-31 {
  align-items: center;
  background-color: var(--faded-jade);
  border-radius: 3px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 2px;
  height: 42px;
  justify-content: center;
  padding: 0 3px;
  position: relative;
}

/* board_category_bet365 이미지 가로중앙정렬 */
.game_bet365 .board_category_bet365 .frame-12 {
  aspect-ratio: 0.94;
  height: 17px;
  width: 16px;
  object-fit: contain;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.game_bet365 .board_category_bet365 .frame-3-1 {
  align-items: center;
  border-radius: 3px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 2px;
  height: 42px;
  justify-content: center;
  padding: 0 3px;
}

.game_bet365 .board_category_bet365 a.frame-3-1 {
  text-decoration: none;
  color: inherit;
}

.game_bet365 .board_category_bet365 .text-5 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  letter-spacing: -0.05px;
  line-height: 12px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  width: 100%;
}

/* 리그 탭 (SuperLeague, Premiership, Worldcup, Euro Cup) */
.game_bet365 .frame-31-1 {
  align-items: center;
  background-color: var(--faded-jade);
  border-radius: 3px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 2px;
  height: 44px;
  justify-content: center;
  margin-bottom: -1px;
  margin-top: -1px;
  padding: 0 3px;
  position: relative;
}

.game_bet365 .frame-4 {
  align-items: center;
  border-radius: 3px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 2px;
  height: 44px;
  justify-content: center;
  margin-bottom: -1px;
  margin-top: -1px;
  padding: 0 3px;
  position: relative;
}

.game_bet365 a.frame-4 {
  text-decoration: none;
  color: inherit;
}

.game_bet365 .text-61,
.game_bet365 .text-63,
.game_bet365 .text-65,
.game_bet365 .text-67,
.game_bet365 .super-league-1,
.game_bet365 .premiership,
.game_bet365 .worldcup-1,
.game_bet365 .euro-cup-1 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  display: -webkit-box;
  letter-spacing: -0.05px;
  line-height: 12px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
}

.game_bet365 .text-6 {
  display: flex;
  letter-spacing: -0.04px;
  line-height: 9.6px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

/* board_category_bet365 하위: 베팅마감 — #EF7E4C, 8px */
.game_bet365 .board_category_bet365 .text-6.digitalnumbers-regular-normal-mandarin-pearl-8px {
  color: #EF7E4C;
  font-size: 8px;
}

/* board_category_bet365 하위: 숫자(시간) — Digital Numbers 8px #EEFF00 */
.game_bet365 .board_category_bet365 .text-6.digitalnumbers-regular-normal-chartreuse-yellow-8px {
  font-family: "Digital Numbers", monospace;
  font-size: 8px;
  color: #EEFF00;
}

/* 라이브 + 게임 목록 영역 */
.game_bet365 .frame-12-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 4px;
  width: 100%;
}

.game_bet365 .live_picture {
  align-items: center;
  background-color: var(--dune);
  border-radius: 4px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
  padding: 4px;
  position: relative;
}

.game_bet365 .live_picture-1 {
  align-self: stretch;
  aspect-ratio: 1.78;
  border-radius: 4px;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.game_bet365 .live_picture-1 .banner_loading {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.game_bet365 .game_list {
  align-items: flex-start;
  background-color: var(--dune);
  border-radius: 4px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 6px;
  overflow: hidden;
  padding: 4px;
  position: relative;
}

.game_bet365 .game_list .title {
  align-items: center;
  align-self: stretch;
  background-color: var(--thunder);
  border-radius: 4px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 2px;
  justify-content: center;
  padding: 6px 10px;
  position: relative;
  width: 100%;
}

.game_bet365 .game_list .frame-5 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  min-width: 0;
  position: relative;
  width: 100%;
}

/* 게임 타이틀 좌측(아이콘+제목): 노출 보장, 공통 .mobile .frame-1 등과 구분 */
.game_bet365 .game_list .frame-1 {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  gap: 8px;
  min-width: min-content;
  overflow: hidden;
  visibility: visible;
}

.game_bet365 .game_16010784-3-14 {
  position: relative;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.game_bet365 .game_16010784-3-14 .price-2 {
  bottom: 0;
  height: 9px;
  letter-spacing: -0.03px;
  line-height: 8.7px;
  position: absolute;
  right: 0;
  text-align: center;
  font-size: 6px;
}

.game_bet365 .game_16010784-3-14 .group-11 {
  width: 100%;
  height: 100%;
}

.game_bet365 .game_16010784-3-14 .group-11 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 게임 타이틀 텍스트: flex로 공간 확보, 공통 CSS 충돌 방지(색·표시) */
.game_bet365 .super-league-0301 {
  display: flex;
  flex: 1 1 0%;
  letter-spacing: -0.06px;
  line-height: 17.4px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ffffff;
  font-size: 12px;
}

/* 게임 타이틀 우측(베팅마감·시간·날짜): 공통 충돌 방지, 우측정렬 */
.game_bet365 .frame-13 {
  align-items: flex-end;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  flex-shrink: 0;
  gap: 2px;
  justify-content: center;
  min-width: 0;
  overflow: hidden;
  position: relative;
  width: auto;
  align-self: auto;
}

.game_bet365 .game_16010784-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  position: relative;
}

/* game_16010784-1 내부 텍스트(베팅마감·시간) 세로 중앙정렬 */
.game_bet365 .game_16010784-1 .text-7 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.game_bet365 .frame-12-2 {
  align-items: center;
  background-color: var(--teal-blue);
  border-radius: 4px 0 0 4px;
  display: inline-flex;
  justify-content: center;
  padding: 2px 4px;
}

.game_bet365 .frame-12-3 {
  align-items: center;
  background-color: var(--faded-jade);
  border-radius: 0 4px 4px 0;
  display: inline-flex;
  justify-content: center;
  padding: 2px 4px;
}

.game_bet365 .text-7 {
  display: flex;
  letter-spacing: -0.05px;
  line-height: 14.5px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

/* 게임 타이틀 우측: 베팅마감 — 화이트, 8px */
.game_bet365 .frame-12-2 .text-7 {
  color: #ffffff;
  font-size: 8px;
}

/* 게임 타이틀 우측: 숫자(시간) — Digital Numbers 8px #EEFF00 */
.game_bet365 .frame-12-3 .text-7 {
  font-family: "Digital Numbers", monospace;
  font-size: 8px;
  color: #EEFF00;
}

/* 게임 타이틀 하단 날짜·시간 (2025-12-09 12:01:00) — 10px 회색, 우측 정렬 */
.game_bet365 .text-71 {
  display: flex;
  letter-spacing: -0.05px;
  line-height: 14.5px;
  position: relative;
  text-align: right;
  white-space: nowrap;
  width: fit-content;
  font-size: 10px;
  color: var(--gray);
}

.game_bet365 .game_list .data {
  align-self: stretch;
}

.game_bet365 .game_list .text1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 4px;
  height: 20px;
  position: relative;
  width: 100%;
}

.game_bet365 .rectangle-3 {
  background-color: var(--chartreuse-yellow);
  border-radius: 2px;
  height: 10px;
  width: 2px;
  flex-shrink: 0;
}

/* 공통 .desktop-all-breakpoints .text-7-1(line-height:26.1px, margin:-6px) 충돌 방지 */
.game_bet365 .text-7-1 {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: -0.05px;
  line-height: 14.5px;
  margin: 0;
  white-space: nowrap;
  width: fit-content;
}

.game_bet365 .text1-7 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 2px;
  width: 100%;
}

.game_bet365 .text1-1 {
  background-color: var(--shark);
  border: 1px solid var(--log-cabin);
  border-radius: 4px;
  flex: 1;
  flex-grow: 1;
  height: 25px;
  justify-content: space-between;
  overflow: hidden;
  padding: 4px 6px;
  align-items: center;
  display: flex;
}

.game_bet365 .text-8 {
  display: flex;
  letter-spacing: -0.05px;
  line-height: 14.5px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.game_bet365 .text-74 {
  display: flex;
  letter-spacing: -0.05px;
  line-height: 14.5px;
  position: relative;
  text-align: right;
  white-space: nowrap;
  width: fit-content;
}

.game_bet365 .text1-8 {
  background-color: var(--shark);
  border: 1px solid var(--log-cabin);
  border-radius: 4px;
  height: 25px;
  justify-content: center;
  overflow: hidden;
  padding: 8px 6px;
  width: 60px;
  align-items: center;
  display: flex;
  flex-shrink: 0;
}

.game_bet365 .vs {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: -0.05px;
  line-height: 14.5px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.game_bet365 .fc {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: -0.05px;
  line-height: 14.5px;
  position: relative;
  text-align: right;
  white-space: nowrap;
  width: fit-content;
}

.game_bet365 .text1-9 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 2px;
  width: 100%;
}

.game_bet365 .text1-2 {
  background-color: var(--shark);
  border: 1px solid var(--log-cabin);
  border-radius: 4px;
  flex: 1;
  flex-grow: 1;
  height: 30px;
  justify-content: space-between;
  overflow: hidden;
  padding: 4px 6px;
  align-items: center;
  display: flex;
}

.game_bet365 .frame-10 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 3px;
  position: relative;
}

.game_bet365 .down-arrow_44698-1 {
  width: 12px;
  height: 12px;
  position: relative;
}

.game_bet365 .down-arrow_44698-1 .group-3 {
  background-image: url(../img/vector-37.svg);
  background-size: 100% 100%;
  height: 100%;
  position: relative;
  width: 100%;
}

.game_bet365 .down-arrow_44698-1 .group-4 {
  background-image: url(../img/vector-38.svg);
  background-size: 100% 100%;
  height: 100%;
  position: relative;
  width: 100%;
}

.game_bet365 .text-78,
.game_bet365 .text-81 {
  display: flex;
  letter-spacing: -0.05px;
  line-height: 12px;
  position: relative;
  text-align: right;
  white-space: nowrap;
  width: fit-content;
}

.game_bet365 .text1-10 {
  background-color: var(--shark);
  border: 1px solid var(--log-cabin);
  border-radius: 4px;
  justify-content: center;
  overflow: hidden;
  padding: 8px 6px;
  width: 60px;
  align-items: center;
  display: flex;
  flex-shrink: 0;
}

.game_bet365 .text-9 {
  display: flex;
  letter-spacing: -0.05px;
  line-height: 14.5px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.game_bet365 .text-9.notosanskr-normal-chartreuse-yellow-10px {
  color: var(--chartreuse-yellow);
}

/* 베팅내역 */
.game_bet365 .bet_list {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--dune);
  border-radius: 4px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 6px;
  overflow: hidden;
  padding: 4px;
  position: relative;
  width: 100%;
}

.game_bet365 .bet_list .title-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.game_bet365 .frame-10-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: flex-start;
  position: relative;
  width: 100%;
}

.game_bet365 .text-82 {
  display: flex;
  letter-spacing: -0.06px;
  line-height: 17.4px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.game_bet365 .text1-11 {
  align-self: stretch;
  border-radius: 4px;
  display: flex;
  flex: 0 0 auto;
  overflow: hidden;
  width: 100%;
}

.game_bet365 .text1-3 {
  background-color: var(--shark);
  border: 1px solid var(--log-cabin);
  flex: 1;
  flex-grow: 1;
  gap: 4px;
  height: 30px;
  justify-content: center;
  padding: 4px 6px;
  align-items: center;
  display: flex;
}

.game_bet365 .list {
  align-items: flex-start;
  align-self: stretch;
  border-radius: 4px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.game_bet365 .contents-1 {
  align-items: flex-start;
  align-self: stretch;
  border-radius: 4px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 2px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.game_bet365 .text1-4 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  overflow: hidden;
  width: 100%;
}

.game_bet365 .text1-5 {
  background-color: var(--thunder);
  border-color: var(--shark-2);
  border-right: 1px solid var(--shark-2);
  flex: 1;
  flex-grow: 1;
  gap: 4px;
  height: 30px;
  justify-content: center;
  padding: 4px 6px;
  align-items: center;
  display: flex;
}

.game_bet365 .text1-6 {
  background-color: var(--thunder);
  flex: 1;
  flex-grow: 1;
  gap: 4px;
  height: 30px;
  justify-content: center;
  padding: 4px 6px;
  align-items: center;
  display: flex;
  cursor: pointer;
}

/* 베팅내역 행 삭제 버튼: list_exchange_state·game_mini와 동일 — #D73D3F, 10px 중앙 */
.game_bet365 .bet_list .text1-6 .text-8.notosanskr-normal-valencia-10px {
  color: #D73D3F;
  font-size: 10px;
  text-align: center;
}

.game_bet365 .text-8.notosanskr-normal-valencia-10px,
.game_bet365 .notosanskr-normal-valencia-10px.text-8 {
  color: var(--valencia);
}

.game_bet365 .page {
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  display: flex;
  height: 20px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.game_bet365 .number-1 {
  flex: 1;
  height: 20px;
  letter-spacing: -0.05px;
  line-height: 14.5px;
  text-align: center;
}

.game_bet365 .number-1.notosanskr-medium-chartreuse-yellow-10px {
  color: var(--chartreuse-yellow);
}

/* ========== 태블릿 ========== */
@media screen and (min-width: 800px) and (max-width: 1279px) {
  .game_bet365 .frame-12-1 {
    flex-direction: column;
    width: 100%;
  }

  .game_bet365 .live_picture {
    flex: 0 0 auto;
    width: 100%;
  }

  .game_bet365 .game_list {
    width: 100%;
    min-width: 0;
    flex: 1 1 auto;
  }
}

/* ========== 모바일 ========== */
@media screen and (max-width: 799px) {
  .game_bet365 .frame-12-1 {
    flex-direction: column;
    width: 100%;
  }

  .game_bet365 .live_picture {
    flex: 0 0 auto;
    width: 100%;
  }

  .game_bet365 .game_list {
    width: 100%;
    min-width: 0;
    flex: 1 1 auto;
  }

  .game_bet365 .board_category_bet365 {
    flex-wrap: wrap;
    height: auto;
    min-height: 50px;
  }

  .game_bet365 .text1-11,
  .game_bet365 .text1-4 {
    flex-wrap: wrap;
  }

  .game_bet365 .text1-3,
  .game_bet365 .text1-5,
  .game_bet365 .text1-6 {
    min-width: 0;
  }
}