/* PC 공통 메뉴 순서 */
/*.menu-order-list > .menu-my-info {
  order: 1 !important;
}

.menu-order-list > .menu-coupon {
  order: 2 !important;
}

.menu-order-list > .menu-attendance {
  order: 3 !important;
}

.menu-order-list > .menu-memo {
  order: 4 !important;
}

.menu-order-list > .menu-betting-log {
  order: 5 !important;
}

.menu-order-list > .menu-deposit-history {
  order: 6 !important;
}

.menu-order-list > .menu-withdrawal-history {
  order: 7 !important;
}

.menu-order-list > .menu-qna {
  order: 8 !important;
}

.menu-order-list > .menu-notice {
  order: 9 !important;
}

.menu-order-list > .menu-event {
  order: 10 !important;
}

.menu-order-list > .menu-freeboard {
  order: 11 !important;
}

.menu-order-list > .menu-game-result {
  order: 12 !important;
}
*/
/* 모바일 공통 메뉴 순서 */
/*@media (max-width: 1007.98px) {
  .menu-order-list > .menu-my-info {
    order: 1 !important;
  }

  .menu-order-list > .menu-coupon {
    order: 2 !important;
  }

  .menu-order-list > .menu-attendance {
    order: 3 !important;
  }

  .menu-order-list > .menu-memo {
    order: 4 !important;
  }

  .menu-order-list > .menu-betting-log {
    order: 5 !important;
  }

  .menu-order-list > .menu-deposit-history {
    order: 6 !important;
  }

  .menu-order-list > .menu-withdrawal-history {
    order: 7 !important;
  }

  .menu-order-list > .menu-qna {
    order: 8 !important;
  }

  .menu-order-list > .menu-notice {
    order: 9 !important;
  }

  .menu-order-list > .menu-event {
    order: 10 !important;
  }

  .menu-order-list > .menu-freeboard {
    order: 11 !important;
  }

  .menu-order-list > .menu-game-result {
    order: 12 !important;
  }
}
*/

/* PC 사이드 메뉴 순서 */
/*@media (min-width: 1008px) {
  .side .side-lang {
    order: 1 !important;
  }

  .side .submenu {
    order: 2 !important;
  }

  .side .side-messenger {
    order: 3 !important;
  }
}*/

/* 모바일 사이드 메뉴 순서 */
/*@media (max-width: 1007.98px) {
  .side .side-lang {
    order: 1 !important;
  }

  .side .submenu {
    order: 2 !important;
  }

  .side .side-messenger {
    order: 3 !important;
  }
}*/

/* PC 하단 메뉴 버튼 표시 여부 flex <-> none */
/*.side .submenu .side-deposit-btn {
  display: flex !important;
}

.side .submenu .side-withdrawal-btn {
  display: flex !important;
}

.side .submenu .side-point-convert-btn {
  display: flex !important;
}
*/

/* 모바일 하단 메뉴 버튼 표시 여부 flex <-> none */
/*
@media (max-width: 1007.98px) {
  .side .submenu .side-deposit-btn {
    display: flex !important;
  }

  .side .submenu .side-withdrawal-btn {
    display: flex !important;
  }

  .side .submenu .side-point-convert-btn {
    display: none !important;
  }
}
*/
/* PC 베팅 카트 구성 순서 */
/*
.rightmenu .betting-cart-order-list > .betting-cart-info {
  order: 1;
}

.rightmenu .betting-cart-order-list > .betting-cart-money-input {
  order: 2;
}

.rightmenu .betting-cart-order-list > .betting-cart-quick-amounts {
  order: 3;
}

.rightmenu .betting-cart-order-list > .betting-cart-submit {
  order: 4;
}
*/

/* 모바일 베팅 카트 구성 순서 */
/*
.side-right-cart-1 .betting-cart-order-list > .betting-cart-money-input {
  order: 2;
}

.side-right-cart-1 .betting-cart-order-list > .betting-cart-quick-amounts {
  order: 3;
}

.side-right-cart-1 .betting-cart-order-list > .betting-cart-info {
  order: 1;
}

.side-right-cart-1 .betting-cart-order-list > .betting-cart-submit {
  order: 4;
}
*/




/* ==========================================================================
   RED THEME OVERRIDE
   colors.css 의 green 테마 변수를 붉은 계열로 최종 덮어쓰기.
   final.css 는 css 로딩 순서상 가장 마지막에 로드되므로 여기서 재선언하면
   colors.css 등 이전 파일의 값을 덮어씀.
   ========================================================================== */

:root {
  --color-money-icon: #eb707b!important;

  --color-body-background: linear-gradient(270deg, #271515 -5.76%, #110808 48.39%, #150A0A 102.53%) !important;
  --color-head-background: linear-gradient(90deg, #200303 11%, #301616 28.84%, #661b1b 50.5%, #311818 76.5%, #1f0303 100%) !important;
  --color-side-background: linear-gradient(270deg, #3A1313 -12.67%, #1D0E0E 122.5%) !important;
  --color-button-default-background: linear-gradient(270deg, #2F1818 0%, #843C3C 50%, #351B1B 100%) !important;
  --color-border-default: #B98D8D !important;
  --color-border-default-dark: #794646 !important;
  --color-bottombox-background: linear-gradient(180deg, #120808 -6.77%, #200707 51.53%, #170808 106.44%) !important;

  --color-modal-body: linear-gradient(180deg, #670A0A 0%, #5C0F0F 26%, #9B2020 49%, #741C1C 71.5%, #670A0A 100%) !important;
  --color-modal-item-background: linear-gradient(180deg, #9C1212 0%, #5C0F0F 26%, #DF3636 49%, #741C1C 71.5%, #9C1212 100%) !important;

  --color-button-dark: linear-gradient(360deg, #0B0700 29.3%, #4D1010 116.29%) !important;
  --color-button-dark-border: #603030 !important;

  --color-primary-button: linear-gradient(180deg, #ac505c -7.61%, #52101e 107.61%) !important;
  --color-primary-button-border: #ac505c !important;

  --color-gameplay-button: #ac505c !important;
  --color-gameplay-button-hover: #82404A !important;
  --color-gameplay-button-ani1: #C67C88 !important;
  --color-gameplay-button-ani2: #ac505c !important;

  --color-main-popup-title: #f06d7e !important;
  --color-main-popup-button-active: linear-gradient(180deg, #ac505c -7.61%, #52101e 107.61%) !important;

  --coupon-button1-background: linear-gradient(180deg, #ac505c -7.61%, #52101e 107.61%) !important;

  --color-match-tap-selected: linear-gradient(180deg, #ac505c -7.61%, #52101e 107.61%) !important;

  --color-bettinglist-title: #f06d7e !important;

  --color-betting-cart-font3: #FF8A6B !important;
  --color-betting-cart-input-border: #ac505c !important;
  --color-betting-cart-button-bet: linear-gradient(180deg, #ac505c -7.61%, #52101e 107.61%) !important;

  --color-bettinglist-button-refresh: linear-gradient(180deg, #ac505c -7.61%, #52101e 107.61%) !important;

  --color-minigame-button2-selected: linear-gradient(180deg, #ac505c -7.61%, #52101e 107.61%) !important;
  --color-minigame-betting-button-bet: linear-gradient(180deg, #ac505c -7.61%, #52101e 107.61%) !important;
}

/* colors.css 변수를 쓰지 않고 style.css 등에 직접 하드코딩된 green 색상들 */

.notice-content-default {
  color: #ffb0b0 !important;
}

.head .pcheadwrap .left ul li a::before {
  background: linear-gradient(90deg, #9D7373 0%, #F35547 36%, #F35547 48%, #F35547 60%, #9D7373 100%) !important;
}

.head .pcheadwrap .right .loginafter .moneydiv .moneyificon {
  color: #f06d7e !important;
}

/* 헤더 회원가입 버튼 배경 → 아래 LOAD-ORDER PROOF 섹션으로 이동 */

.side .sitemenu {
  border-bottom: 1px solid #453232 !important;
}

.maingamelistwrap h3 span {
  background: linear-gradient(180deg, #FFFFFF 28.62%, #311414 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.bottomboxDiv .bottomboxDiv-box .bottomboxDiv-box-content ul li,
.bottomboxDiv .bottomboxDiv-box .bottomboxDiv-box-item {
  border-bottom: 1px solid #504040 !important;
}

/* 하단 박스 링크 hover 색 → 아래 LOAD-ORDER PROOF 섹션으로 이동 */

/* 테이블 상단 초록 라인 이미지(line.png / mobile topboard.png) → 붉은 계열로 색상 필터 */
.boardtopline {
  filter: hue-rotate(255deg) saturate(1.4) brightness(1.05) !important;
}

/* 마이페이지 모달(입금/출금내역 등) 콘텐츠 영역의 초록 배경 이미지(sub_bg_3.png) → 붉은 계열
   filter는 자식 요소(글자·버튼)까지 함께 물들이므로, 배경만 의사 요소로 분리해서 필터 적용 */
.menuCategory .menuCategory-wrap .menuCategory-content {
  position: relative !important;
  z-index: 0 !important;
  background-color: rgba(255, 255, 255, 0.85) !important;
  background-blend-mode: multiply, normal !important;
}

.menuCategory .menuCategory-wrap .menuCategory-content::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background-repeat: repeat !important;
  filter: hue-rotate(255deg) saturate(1.3) brightness(0.95) !important;
}

/* 모바일(modal.css @media max-width:990px)에서는 menuCategory-content 의
   sub_bg_3.png 배경 이미지를 background-image:none 으로 지우기 때문에
   위의 multiply 용 흰색(rgba(255,255,255,.85))이 섞일 대상 없이 그대로 남아
   팝업 배경이 밝은 회색으로 보였음. → 모바일에서는 흰색 레이어를 제거. */
@media (max-width: 990px) {
  .menuCategory .menuCategory-wrap .menuCategory-content {
    background-color: transparent !important;
    background-blend-mode: normal !important;
  }

  .menuCategory .menuCategory-wrap .menuCategory-content::before {
    display: none !important;
  }
}

/* 게임결과 페이지 배당 강조색(#897700 골드) → 자유게시판 배팅내역 카드와 동일한 빨강(#d33939) */
.sports-result-card-left.placed,
.sports-result-card-right.placed,
.sports-result-card-draw.placed {
  background: #d33939 !important;
}

/* 로그인 팝업 배경 이미지(signBodybg.png, 초록 카드/칩 소용돌이) → 붉은 계열
   filter/의사요소+z-index 방식은 signBody가 자체 stacking context를 갖게 되어
   내부 입력창(z-index:10)까지 signimg(인물)보다 아래로 갇히는 문제가 있었음.
   대신 background-blend-mode를 사용 — 같은 엘리먼트의 배경 레이어끼리만 섞이고
   자식 요소(입력창/버튼/인물 이미지)에는 전혀 영향을 주지 않음. */
.signin .modal-body .signBody {
  background-color: rgba(255, 32, 255, 0.85) !important;
  background-blend-mode: multiply, normal !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.signup .modal-body .signBody {
  background-color: rgba(90, 0, 5, 0.85) !important;
  background-blend-mode: multiply, normal !important;
}

/* s2-temp.com 팔레트 이식 — 기존 final.css에 없던 항목만 추가 */

iconify-icon.menu-pack-icon,
.side iconify-icon {
  color: #f74440 !important;
}

img.walleticon,
img.logouticon,
img.loginicon,
img.signicon,
img.side-partner-icon {
  filter: hue-rotate(255deg) saturate(1.5) brightness(1.05) !important;
}
/* side-casino / side-slot 은 카지노, 슬롯, 아이슬롯, 보드게임 등 다색 이미지 아이콘이라 색상 필터 미적용 */

.contitle h2.min em.casino,
.contitle h2.min em.slots,
.contitle h2.min em.bti,
.contitle h2.min em.fire,
.contitle h2.min em.sports {
  background-color: #f74440 !important;
}
.contitle h2.min em.arrow-marker::before {
  color: #f74440 !important;
}

.dropdown-menu.dropdown-menu-dark {
  border-color: #38252b !important;
}
.dropdown-menu.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu.dropdown-menu-dark .dropdown-item:active {
  background-color: #540109 !important;
}

.datetime span.time {
  color: #c99d9d !important;
}

.list-board-header {
  background: #2b0e17 !important;
}
.table th {
  background: #351016 !important;
}

html .area_search.area_search,
html .area_search3.area_search3 {
  background: linear-gradient(180deg, #d03355 0%, #540109 100%) !important;
}

/* 회원가입 아이디/닉네임 사용가능 체크(√)는 "OK" 의미이므로 붉은 테마 미적용.
   LoginPopup.vue 의 원래 초록색(#00ff2a)을 그대로 쓰기 위해 오버라이드 삭제함. */

/* 베팅기록 전체삭제(red)/당첨(blue) 버튼 — 새로고침(주황)과 구분되는 별도 색으로 변경 */
.button-select.red {
  background-color: #8B1E1E !important;
}

.button-select.blue {
  background-color: #B8860B !important;
}

.greenPagination .active .page-link {
  border: 1px solid #f06d7e !important;
}

/* 메인 게임 카드 hover 버튼 색 → 아래 LOAD-ORDER PROOF 섹션으로 이동 */

/* 게임 썸네일 hover 시 게임시작 버튼 색 / 노란 하이라이트·글로우 → 붉은 계열 */
.gamediv::before {
  background: linear-gradient(to right, rgba(172, 80, 92, 0), rgba(240, 109, 126, 0.95)) !important;
}

.gamediv:hover .blackbg,
.gamediv:hover .playbut {
  box-shadow: inset 0 0 6px rgba(240, 109, 126, 0.671) !important;
}

.gamediv .playbut:hover {
  background-color: #82404A !important;
}

/* 게임 모달 상단 타이틀(예: CASINO GAME) 골드 그라데이션 → 채도 높은 살구/코랄 계열 */
.gameboxmodal .modal-dialog .modal-content .gamebg .modal-header h2 {
  background: linear-gradient(90deg, #FF6B4A 23.19%, #FFB199 56.48%, #FF6B4A 87.31%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-fill-color: transparent !important;
}

/* 모바일 게임 모달 타이틀 글자색 → 아래 LOAD-ORDER PROOF 섹션으로 이동
   (위 PC 그라데이션 규칙은 충돌 상대가 없어 여기 그대로 유지) */





/* PC 공통 메뉴 순서 */
.menu-order-list > .menu-my-info {
  order: 1 !important;
}

.menu-order-list > .menu-deposit-history {
  order: 2 !important;
}

.menu-order-list > .menu-withdrawal-history {
  order: 3 !important;
}

.menu-order-list > .menu-betting-log {
  order: 4 !important;
}

.menu-order-list > .menu-event {
  order: 5 !important;
}

.menu-order-list > .menu-attendance {
  order: 6 !important;
}

.menu-order-list > .menu-notice {
  order: 7 !important;
}

.menu-order-list > .menu-qna {
  order: 8 !important;
}




/* 아래는 PC/모바일 공통 메뉴 순서에서 제외 */
.menu-order-list > .menu-coupon {
  order: 9 !important;
}

.menu-order-list > .menu-memo {
  order: 10 !important;
}

.menu-order-list > .menu-freeboard {
  order: 11 !important;
}

.menu-order-list > .menu-game-result {
  order: 12 !important;
}




/* 모바일 공통 메뉴 순서 */
@media (max-width: 991.98px) {
.menu-order-list > .menu-my-info {
  order: 1 !important;
}

.menu-order-list > .menu-deposit-history {
  order: 2 !important;
}

.menu-order-list > .menu-withdrawal-history {
  order: 3 !important;
}

.menu-order-list > .menu-betting-log {
  order: 4 !important;
}

.menu-order-list > .menu-event {
  order: 5 !important;
}

.menu-order-list > .menu-attendance {
  order: 6 !important;
}

.menu-order-list > .menu-notice {
  order: 7 !important;
}

.menu-order-list > .menu-qna {
  order: 8 !important;
}




/* 아래는 PC/모바일 공통 메뉴 순서에서 제외 */
.menu-order-list > .menu-coupon {
  order: 9 !important;
}

.menu-order-list > .menu-memo {
  order: 10 !important;
}

.menu-order-list > .menu-freeboard {
  order: 11 !important;
}

.menu-order-list > .menu-game-result {
  order: 12 !important;
}



}


/* PC 사이드 메뉴 순서 */
@media (min-width: 992px) {
  .side .submenu {
    order: 1 !important;
  }

  .side .side-lang {
    order: 2 !important;
  }

  .side .side-messenger {
    order: 3 !important;
  }
}

/* 모바일 사이드 메뉴 순서 */
@media (max-width: 991.98px) {
  .side .submenu {
    order: 1 !important;
  }

  .side .side-lang {
    order: 2 !important;
  }

  .side .side-messenger {
    order: 3 !important;
  }
}



/* PC 하단 메뉴 버튼 표시 여부 flex <-> none */
.side .submenu .side-deposit-btn {
  display: flex !important;
}

.side .submenu .side-withdrawal-btn {
  display: flex !important;
}

.side .submenu .side-point-convert-btn {
  display: none !important;
}




/* 모바일 하단 메뉴 버튼 표시 여부 flex <-> none */
/*
@media (max-width: 991.98px) {
  .side .submenu .side-deposit-btn {
    display: none  !important;
  }

  .side .submenu .side-withdrawal-btn {
    display: none  !important;
  }

  .side .submenu .side-point-convert-btn {
    display: none  !important;
  }
}
*/


/* 모바일 베팅 카트 구성 순서 */

.side-right-cart-1 .betting-cart-order-list > .betting-cart-money-input {
  order: 2 !important;
}

.side-right-cart-1 .betting-cart-order-list > .betting-cart-quick-amounts {
  order: 3 !important;
}

.side-right-cart-1 .betting-cart-order-list > .betting-cart-info {
  order: 1 !important;
}

.side-right-cart-1 .betting-cart-order-list > .betting-cart-submit {
  order: 4 !important;
}

/* 모바일 베팅 카트 '보유금액' 행 강조 (PC .card-cart-own 과 동일한 느낌)
   PC 는 .card-cart-own { color: var(--color-betting-cart-font3); font-weight: bold }
   모바일은 나머지 안내 행들과 같은 .sidebar-cart-card / .col-6F697B 라 밋밋함.
   → .betting-cart-info 의 첫 번째 행(=보유금액)만 굵게 + 핑크로 맞춘다.

   상대: style.css .side-right-cart-1 .col-6F697B { var(--color-betting-cart-font2) !important } (0,2,0)
        style.css .col-6F697B { #333 !important } (0,1,0)
   → html body + 클래스 중복으로 명시도를 (0,6,2)까지 올려 로드 순서와 무관하게 이김. */
html body .side-right-cart-1.side-right-cart-1 .betting-cart-info .sidebar-cart-card:first-child,
html body .side-right-cart-1.side-right-cart-1 .betting-cart-info .sidebar-cart-card:first-child .col-6F697B {
  color: var(--color-betting-cart-font3) !important;
  font-weight: 700 !important;
}

/* 위 행의 배경도 PC 와 동일하게.
   PC .card-cart-own 은 배경 선언이 아예 없어서 카트 판 배경(.betting-cart-in,
   --color-betting-cart-in-bg = #474747)이 그대로 비쳐 아래 행들(#0e0e0e)보다 밝다.
   모바일은 .side-right-expect-1 { background-color: var(--color-betting-cart-card) } 라
   나머지 행과 똑같이 어두웠음 → 같은 변수(--color-betting-cart-in-bg)로 맞춘다.
   상대: style.css .side-right-expect-1 (0,1,0), !important 없음 */
html body .side-right-cart-1.side-right-cart-1 .betting-cart-info .sidebar-cart-card:first-child {
  background-color: var(--color-betting-cart-in-bg) !important;
}

/* 모바일 '취소' 버튼 배경 → PC(.button-cart-cancel)와 동일하게
   style.css 에 .button-sidebar-cart-cancel 선언이 두 번 있는데(4346줄 / 5218줄),
   나중 것(5218줄)이 변수를 안 쓰고 밝은 회색 #666 을 하드코딩해서 이겨버린다.
   (#666 은 다크 테마 이전의 옛 기본값 — 붉은 테마에선 혼자 튄다)
   → PC 와 같은 var(--color-betting-cart-button-cancel)(= #222222)로 되돌린다.
   상대: style.css .button-sidebar-cart-cancel (0,1,0), !important 없음 */
html body .side-right-cart-1.side-right-cart-1 .button-sidebar-cart-cancel.button-sidebar-cart-cancel {
  background: var(--color-betting-cart-button-cancel) !important;
}

/* 모바일 베팅 금액 입력칸 — 입력 숫자가 우측 '원' 글자와 겹치는 문제
   input 은 text-align:right + 인라인 style="padding-right:22px"(ko) 인데,
   모바일 '원'(.side-right-bet2-2)은 right:20px 라 22px 여백으로는 '원' 위에 숫자가 올라탄다.
   (PC 의 .side-right-bet-2 는 right:10px 라 아슬아슬하게 안 겹침)
   → 모바일 입력칸만 padding-right 를 넓힌다. 인라인 style 을 이기려면 !important 필수. */
html body .side-right-cart-1.side-right-cart-1 .betting-cart-money-input .cart-card-input {
  padding-right: 42px !important;
}

/* 모바일 '베팅 금액' / '원' 라벨 색 → PC(.side-right-bet-1 / -2, #ffffff)와 동일하게 원복
   style.css 는 이 둘을 var(--color-betting-cart-font3) 로 칠하는데,
   final.css 가 그 변수를 살구색(#FF8A6B)으로 바꿔놔서 라벨까지 물들었다.
   상대: style.css .side-right-bet2-1 / .side-right-bet2-2 (0,1,0), !important 없음 */
html body .side-right-cart-1.side-right-cart-1 .side-right-bet2-1.side-right-bet2-1,
html body .side-right-cart-1.side-right-cart-1 .side-right-bet2-2.side-right-bet2-2 {
  color: #ffffff !important;
}




/* ==========================================================================
   로드 순서 무관 강제 오버라이드 (LOAD-ORDER PROOF)

   아래 4개 규칙은 main.css / style.css / scale-overrides.css 에 "완전히 동일한
   셀렉터 + !important" 로 초록·골드 값이 이미 선언되어 있음.
   명시도가 같으면 CSS 는 나중에 로드된 파일이 이기므로, final.css 가 마지막에
   로드되지 않는 환경(외부 시스템 주입 등)에서는 이 규칙들만 적용이 안 됨.

   → 셀렉터 앞에 html body 를 붙이고 클래스를 중복 표기해 명시도를 올림.
     (예: (0,3,1) → (0,5,3)) 명시도가 더 높으면 로드 순서와 무관하게 항상 이김.
     해당 규칙들은 이 섹션에만 존재함 — 위쪽 원본은 중복이라 제거했으니
     색을 바꿀 때는 여기를 수정할 것.
   ========================================================================== */

/* 메인 게임 카드 hover 버튼('지금 시작하기!') 골드 → 붉은 계열
   상대: main.css .maingamebtnwrap .maingamediv:hover span (!important) */

/* 노란색 그대로 둠

html body .maingamebtnwrap.maingamebtnwrap .maingamediv.maingamediv:hover span {
  background: linear-gradient(270deg, #ac505c 0%, #f06d7e 50%, #ac505c 100%) !important;
  color: #000 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}
*/


/* 헤더 회원가입 버튼 배경
   상대: style.css .head .pcheadwrap .right .loginbefore .signbut { #101C10 !important } */
html body .head.head .pcheadwrap.pcheadwrap .right .loginbefore .signbut {
  background: #1C1010 !important;
}

/* 하단 박스 링크 hover 색
   상대: main.css ... ul li a:hover { color: #4fff6c !important } */
html body .bottomboxDiv.bottomboxDiv .bottomboxDiv-box.bottomboxDiv-box .bottomboxDiv-box-content ul li a:hover {
  color: #ff6c6c !important;
}

/* 모바일 게임 모달 타이틀(예: CASINO GAME) 글자색
   상대: scale-overrides.css 내 동일 셀렉터 { -webkit-text-fill-color: #f2e8b8 !important } */
@media (max-width: 991.98px), (hover: none) and (pointer: coarse) {
  html body .gameboxmodal.gameboxmodal .modal-dialog.modal-dialog .modal-content .gamebg .modal-header h2 {
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #FF8A6B !important;
    text-fill-color: #FF8A6B !important;
    color: #FF8A6B !important;
  }
}

/* 게임 목록 팝업(#modal-casino-gamelist) 카드 테두리 초록 단색 → 붉은 단색
   모체 Green 이 이 팝업의 카드 테두리를 바꿨음:
     (구) li { padding:2px; background: var(--color-modal-item-background) }
          → 2px 패딩 사이로 배경 그라디언트가 비쳐 보이는 "가짜 테두리".
            자식(.gamediv, height:100%)이 서브픽셀 반올림으로 조금만 커지면 덮여 사라져
            iOS 에서만 아래쪽 테두리가 안 보였고, 그라디언트라 줌 배율마다 카드 수만큼 재렌더됨.
     (신) li { padding:0; background:transparent; border:2px solid <단색> }
   → 붉은 테마도 그라디언트(--color-modal-item-background) 대신 단색 border 로 맞춘다.
      색은 새로 만들지 않고 그동안 이 테두리를 그리던 --color-modal-item-background 의
      양 끝 스톱(#9C1212) 을 그대로 쓴다 — 테두리 위/아래로 실제 보이던 색이 이것이라
      그라디언트에서 단색으로 바뀐 티가 가장 덜 난다.
      (모체 초록 #1f9c1f ↔ 붉은 #9C1212 는 팔레트 매핑 #129c12→#9C1212 와도 일치)

   주의: --color-modal-item-background 선언(위 :root)은 지우면 안 된다.
        제공사 팝업(#panelProvider)도 같은 .gameboxmodal 을 쓰고, 모체가 그쪽은
        그라디언트 테두리 그대로 뒀으므로 여전히 살아 있는 변수다.

   상대: modal.css .gameboxmodal .gamelistbox .gamelistul li (0,3,1) 및
        PopUpCasinoGameList.vue 의 scoped 규칙 li[data-v-*] (0,4,1).
        scoped 스타일은 <head> 안에서 final.css 보다 뒤에 주입될 수 있으므로
        여기서도 명시도를 (0,6,3)까지 올리고 !important 를 함께 건다.
   제공사 팝업(#panelProvider)은 모체와 동일하게 기존 그라디언트 테두리 유지 — 선택자에서 제외. */
html body #modal-casino-gamelist.modal .gameboxmodal.gameboxmodal .gamelistbox.gamelistbox .gamelistul.gamelistul li {
  padding: 0 !important;
  background: transparent !important;
  border: 2px solid #9C1212 !important;
  overflow: hidden !important;
}

/* 게임/제공사 팝업 스크롤바 초록 → 붉은 계열

   [스크롤 주체가 바뀌었음 — 이 규칙들이 헛돌던 원인]
   모체 Green 이 두 팝업의 스크롤 컨테이너를 .gamebg 에서 "내부 목록"으로 옮겼다
   (헤더/검색창을 스크롤 컨테이너 밖으로 빼고 sticky 제거).
     제공사 팝업 : .provider-scroll  (PanelProvider.vue — Dumbo 도 이미 반영됨)
     게임 목록   : .gamelist-scroll  (PopUpCasinoGameList.vue — Dumbo 는 아직 구버전)
   .gamebg 만 겨냥하던 아래 규칙들이 더 이상 스크롤바를 가진 요소를 못 잡아서,
   modal.css 의 초록이 그대로 보였다.
     상대: modal.css #panelProvider .provider-scroll.scrolling::-webkit-scrollbar-thumb,
          #modal-casino-gamelist .gamelist-scroll.scrolling::-webkit-scrollbar-thumb
          { rgba(28,159,56,.9) }  ← 명시도 (1,2,0), !important 없음
   → 신 선택자(.provider-scroll / .gamelist-scroll)를 추가하고, 구 선택자(.gamebg)는
     아직 구버전인 게임 목록 팝업 때문에 남겨둔다. 모체 vue 를 머지하면 .gamebg 는
     overflow:hidden 이 되어 스크롤바 자체가 없으므로 남아 있어도 무해하다.
   상대가 ID 를 포함하므로 명시도를 (1,4,2)까지 올리고 !important 도 함께 건다. */
html body #panelProvider.modal .provider-scroll.provider-scroll::-webkit-scrollbar-track,
html body #modal-casino-gamelist.modal .gamelist-scroll.gamelist-scroll::-webkit-scrollbar-track,
html body #panelProvider.modal .gamebg.gamebg::-webkit-scrollbar-track,
html body #modal-casino-gamelist.modal .gamebg.gamebg::-webkit-scrollbar-track,
html body .gameboxmodal.gameboxmodal .gamebg.gamebg::-webkit-scrollbar-track {
  background: transparent !important;
}

/* 평소엔 숨김(투명) — 기존 동작 유지 */
html body #panelProvider.modal .provider-scroll.provider-scroll::-webkit-scrollbar-thumb,
html body #modal-casino-gamelist.modal .gamelist-scroll.gamelist-scroll::-webkit-scrollbar-thumb,
html body #panelProvider.modal .gamebg.gamebg::-webkit-scrollbar-thumb,
html body #modal-casino-gamelist.modal .gamebg.gamebg::-webkit-scrollbar-thumb,
html body .gameboxmodal.gameboxmodal .gamebg.gamebg::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 4px !important;
}

/* 스크롤 중(.scrolling)에만 붉은색으로 표시
   (.scrolling 토글은 PanelProvider.js / PopUpCasinoGameList.js 가
    각각 .provider-scroll / .gamelist-scroll 엘리먼트에 직접 건다) */
html body #panelProvider.modal .provider-scroll.provider-scroll.scrolling::-webkit-scrollbar-thumb,
html body #modal-casino-gamelist.modal .gamelist-scroll.gamelist-scroll.scrolling::-webkit-scrollbar-thumb,
html body #panelProvider.modal .gamebg.gamebg.scrolling::-webkit-scrollbar-thumb,
html body #modal-casino-gamelist.modal .gamebg.gamebg.scrolling::-webkit-scrollbar-thumb,
html body .gameboxmodal.gameboxmodal .gamebg.gamebg.scrolling::-webkit-scrollbar-thumb {
  background: rgba(214, 48, 60, 0.9) !important;
}

html body #panelProvider.modal .provider-scroll.provider-scroll.scrolling::-webkit-scrollbar-thumb:hover,
html body #modal-casino-gamelist.modal .gamelist-scroll.gamelist-scroll.scrolling::-webkit-scrollbar-thumb:hover,
html body #panelProvider.modal .gamebg.gamebg.scrolling::-webkit-scrollbar-thumb:hover,
html body #modal-casino-gamelist.modal .gamebg.gamebg.scrolling::-webkit-scrollbar-thumb:hover,
html body .gameboxmodal.gameboxmodal .gamebg.gamebg.scrolling::-webkit-scrollbar-thumb:hover {
  background: rgba(240, 109, 126, 0.95) !important;
}

/* Firefox 전용.
   주의: scrollbar-width / scrollbar-color 는 Chrome 121+ 에서도 동작하며,
   지정되면 ::-webkit-scrollbar 커스텀이 무시되고 스크롤바 폭이 바뀐다.
   .scrolling 이 토글될 때마다 폭이 변하면 리플로우 → scroll 이벤트 재발생 →
   .scrolling 타이머가 계속 갱신되어 깜박임 + auto hide 실패가 생긴다.
   그래서 @-moz-document 로 Firefox 에만 적용하고, 폭은 고정(항상 thin)한다. */
@-moz-document url-prefix() {
  html body #panelProvider.modal .provider-scroll.provider-scroll,
  html body #modal-casino-gamelist.modal .gamelist-scroll.gamelist-scroll,
  html body #panelProvider.modal .gamebg.gamebg,
  html body #modal-casino-gamelist.modal .gamebg.gamebg,
  html body .gameboxmodal.gameboxmodal .gamebg.gamebg {
    scrollbar-width: thin !important;
    scrollbar-color: transparent transparent !important;
  }

  html body #panelProvider.modal .provider-scroll.provider-scroll.scrolling,
  html body #modal-casino-gamelist.modal .gamelist-scroll.gamelist-scroll.scrolling,
  html body #panelProvider.modal .gamebg.gamebg.scrolling,
  html body #modal-casino-gamelist.modal .gamebg.gamebg.scrolling,
  html body .gameboxmodal.gameboxmodal .gamebg.gamebg.scrolling {
    scrollbar-color: rgba(214, 48, 60, 0.9) transparent !important;
  }






}