/* ============================================================
   theme10-neon.css  —  킵고잉 theme10 네온 리스킨 (2026-08-02)
   목적: theme10 레이아웃/구조/기능은 100% 그대로 두고, 색감·보더·그림자·
        그라디언트·글로우만 이미지(theme11) 톤으로 교체.
   원칙: 레이아웃 속성(width/height/position/display/grid/flex/margin/padding)
        은 절대 건드리지 않는다. 색/배경/보더/box-shadow/text-shadow/filter/
        backdrop-filter/그라디언트만 override. 되돌리기 = 이 <link> 한 줄 제거.
   팔레트: --mag #ff2fb0 / --mag2 #ff5cc8 / --cyan #22d3ee / --gold #f5c24b
          / --bg #0a0a12 / 다크 글래스 패널
   ============================================================ */

:root{
  /* theme11 토큰 */
  --kg-mag:  #ff2fb0;
  --kg-mag2: #ff5cc8;
  --kg-cyan: #22d3ee;
  --kg-gold: #f5c24b;
  --kg-bg:   #0a0a12;
  --kg-panel: rgba(15,15,24,.62);
  --kg-line:  rgba(255,47,176,.28);

  /* theme10이 광범위하게 쓰는 골드 계열 변수 리맵 → 네온 */
  --orange: #f5c24b !important;   /* 머니 금액·hover 강조 = 골드 유지(가독성) */
  --yellow: #ff2fb0 !important;   /* 1차 강조 → 마젠타 */
  --white-yellow: #e7d9ff !important; /* 서브 텍스트/아이콘 → 라일락 */
  --red: #ff5cc8 !important;      /* → 라이트 마젠타 */
}

/* ---------- 전역 배경: 다크 + 몽환 사이버 그라디언트 ---------- */
body{ background-color: var(--kg-bg) !important; }
body::before{
  content:""; position:fixed; inset:0; z-index:-2; pointer-events:none;
  background:
    radial-gradient(1200px 620px at 12% -12%, rgba(255,47,176,.16), transparent 60%),
    radial-gradient(1100px 640px at 100% -6%, rgba(34,211,238,.13), transparent 58%),
    radial-gradient(900px 900px at 50% 120%, rgba(124,58,237,.12), transparent 60%),
    linear-gradient(180deg, #0a0a12, #0b0b16 55%, #08080f);
}

/* ---------- 헤더: 다크 글래스 + 네온 언더라인 ---------- */
.header-section{
  background-image: linear-gradient(180deg, rgba(10,10,18,.9), rgba(10,10,18,.62)) !important;
  border-top: solid 1px var(--kg-line) !important;
  box-shadow: 0 6px 26px rgba(0,0,0,.6), 0 0 22px rgba(255,47,176,.10) !important;
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}
.header-section:after{
  background-image: linear-gradient(90deg, var(--kg-mag), var(--kg-cyan)) !important;
  box-shadow: 0 0 14px rgba(255,47,176,.45) !important;
}
.header-section:before{ border-bottom: solid 1px rgba(255,255,255,.06) !important; }

/* 메인 메뉴 hover 골드글로우 → 마젠타 글래스 */
.main-menu li a:before{
  background-image: linear-gradient(rgba(255,47,176,.30), rgba(124,58,237,.20), rgba(10,10,18,0)) !important;
}
.main-menu li a:hover:before{
  filter: brightness(1.1) !important;
  box-shadow: inset 0 8px 16px -4px rgba(255,124,214,.65) !important;
}
.main-menu li a i{ color: var(--kg-mag2) !important; }

/* ============================================================
   theme10-neon patch (2026-08-02 #9) — 히어로 원복
   마스터 지시로 배너(히어로)는 theme10 원본 그대로 되돌린다.
   되돌린 것: 패치 #1 의 배너 오버레이 · 패치 #3(배너 바이올렛 배경 +
   원본 인물/데코 filter) · 패치 #6(실사 네온 에셋 교체·배치).
   따라서 배너 배경·3인물·황금돼지·casino-items·글로우 PNG 는 모두
   style.css 원본 규칙만 적용된다. 로고만 theme10n/index.php 에서 교체.
   ============================================================ */


/* ---------- 콘텐츠 배경: 골드 main-bg 제거 → 투명(전역 그라디언트 노출) ---------- */
.page-content{
  background-image: none !important;
  background-color: transparent !important;
}
.page-content:before{
  background-image:
    radial-gradient(600px 240px at 50% 0%, rgba(255,47,176,.18), transparent 70%) !important;
  opacity: 1 !important;
}

/* ---------- 라이브/슬롯 토글 버튼 ---------- */
.toggle-btn{ color: var(--kg-mag2) !important; }
.toggle-btn.active, .toggle-btn:hover{ color:#fff !important;
  text-shadow: 0 1px 1px rgba(0,0,0,1), 0 0 16px rgba(255,47,176,.5) !important; }
.toggle-btn .btn-panel{
  border: solid 1px var(--kg-line) !important;
  background-image: linear-gradient(180deg, rgba(20,20,32,.9), rgba(10,10,18,.85)) !important;
  filter: drop-shadow(0 6px 10px rgba(0,0,0,.5)) !important;
}
.toggle-btn.active .btn-panel{
  border-color: var(--kg-mag) !important;
  box-shadow: 0 0 22px rgba(255,47,176,.35) !important;
}
.toggle-btn.active .btn-panel .btn-effect .item-box .item-inner{
  box-shadow: inset 0 0 10px rgba(255,124,214,.55) !important;
  background-image: linear-gradient(rgba(255,47,176,.55), rgba(124,58,237,.4), rgba(10,10,18,.2)) !important;
}
.toggle-btn.telegram-btn{
  border-image: linear-gradient(to right, var(--kg-mag), var(--kg-cyan)) 1 !important;
  background: #0a0a12 !important;
}

/* ---------- 게임 카드(.sc-btn): 골드 외곽 → 네온 그라디언트 보더 ---------- */
.sc-btn{
  background-color: #12121d !important;
  background-image: linear-gradient(135deg, var(--kg-mag), var(--kg-cyan)) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.8), 0 0 0 1px rgba(255,255,255,.04) !important;
}
.sc-btn:hover{ box-shadow: 0 0 26px rgba(255,47,176,.5), 0 10px 30px rgba(0,0,0,.6) !important; }
.sc-btn:after{ background-image: linear-gradient(135deg, var(--kg-mag2), var(--kg-cyan)) !important; }
.sc-btn .g-panel{ background-color: rgba(14,14,22,.92) !important; }
.sc-btn:hover .g-panel{ background-color: rgba(28,20,44,.92) !important; }
.sc-btn .g-cont{ box-shadow: 0 1px 1px rgba(255,47,176,.35) !important; }
.sc-btn:hover .g-cont{ box-shadow: 0 1px 1px rgba(34,211,238,.6), 0 2px 8px rgba(0,0,0,.5) !important; }
.sc-btn .g-info .g-name{ color:#fff !important; }
.sc-btn .g-info .en-text{ color: var(--kg-mag2) !important; }
.sc-btn .g-logo{
  background-color:#12121d !important;
  background-image: linear-gradient(var(--kg-mag), var(--kg-cyan)) !important;
  box-shadow: 0 2px 10px rgba(255,47,176,.4) !important;
}
.sc-btn .g-logo .icon-img{ filter: drop-shadow(0 0 10px rgba(34,211,238,.6)) !important; }
.sc-btn .play-btn:hover{
  box-shadow: 0 0 16px rgba(255,47,176,1), 0 1px 2px rgba(0,0,0,1), inset 0 0 0 1px rgba(255,255,255,.15) !important;
}

/* 게임버튼(대체 그리드) play icon accent */
.game-btn .g-panel .play-btn .icon:after{
  background-image: linear-gradient(var(--kg-mag), var(--kg-cyan)) !important;
}

/* ---------- CTA 버튼 ---------- */
.btn-yellow{
  color:#fff !important; text-shadow: 0 1px 6px rgba(0,0,0,.4) !important;
  background-color:#ff2fb0 !important;
  background-image: linear-gradient(90deg, var(--kg-mag), var(--kg-mag2)) !important;
  border: solid 1px rgba(255,47,176,.7) !important;
  box-shadow: 0 6px 18px rgba(255,47,176,.4), inset 0 0 12px rgba(255,255,255,.15) !important;
}
.btn-yellow:before{ background-image: linear-gradient(var(--kg-mag2), var(--kg-mag)) !important; }
.btn-yellow:hover{
  color:#fff !important; background-color:#ff5cc8 !important; border-color: var(--kg-mag2) !important;
  box-shadow: 0 8px 26px rgba(255,47,176,.6) !important;
}
.btn-red{
  color:#fff !important;
  background-color:#0e7c90 !important;
  background-image: linear-gradient(#22d3ee, #0e7c90) !important;
  border: solid 1px rgba(34,211,238,.7) !important;
}
.btn-red:before{ background-image: linear-gradient(#5ce0f5, #0e7c90) !important; }
.btn-red:hover{
  background-color:#22d3ee !important; border-color: var(--kg-cyan) !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.3), 0 0 12px rgba(34,211,238,.5) !important;
}

/* ---------- 보드(공지/실시간) ---------- */
.board-section{
  background-color: rgba(10,10,18,.55) !important;
  border-top: solid 1px var(--kg-line) !important;
  border-bottom: solid 1px var(--kg-line) !important;
}
.board-section:before{ opacity:.35 !important; }
.board-panel .header{
  background-color: rgba(255,255,255,.03) !important;
  box-shadow: 0 1px 1px rgba(255,47,176,.15), inset 0 1px 1px rgba(0,0,0,.5) !important;
}
.board-panel .header .title-panel .title{
  background-image: -webkit-linear-gradient(var(--kg-mag2), var(--kg-cyan)) !important;
}
.realtime-board .realtime-nav button{
  border: solid 1px var(--kg-line) !important;
  background-color: rgba(20,20,32,.9) !important;
}
.realtime-board .realtime-nav button.active{
  border-color: var(--kg-mag) !important;
  background-color:#ff2fb0 !important;
  background-image: linear-gradient(var(--kg-mag2), var(--kg-mag)) !important;
  color:#fff !important;
}
.realtime-board .rb-panel{
  background-color:#12121d !important;
  background-image: linear-gradient(135deg, var(--kg-mag), var(--kg-cyan)) !important;
  box-shadow: 0 5px 14px rgba(0,0,0,.55), 0 0 18px rgba(255,47,176,.15) !important;
}
.realtime-board .rb-panel .rb-cont{
  background-color: rgba(14,14,22,.95) !important;
  background-image: radial-gradient(rgba(34,20,44,.9), rgba(14,14,22,.95), rgba(14,14,22,.95)) !important;
}

/* ---------- 푸터 ---------- */
.footer-section:before{ box-shadow: 0 0 1200px rgba(124,58,237,.28), 0 0 1800px rgba(255,47,176,.18) !important; }
.footer-section:after{
  background-image: linear-gradient(90deg, transparent, var(--kg-mag), var(--kg-cyan), transparent) !important;
  box-shadow: 0 0 14px rgba(255,47,176,.4) !important;
}
.footer-section .copyright:after{
  background-image: linear-gradient(to right, rgba(255,47,176,0), rgba(255,47,176,.6), rgba(34,211,238,.6), rgba(255,47,176,0)) !important;
}

/* ---------- 사이드바/스크롤탑/모달 액센트 ---------- */
.modal-header{
  background-image: linear-gradient(180deg, rgba(20,20,32,.96), rgba(10,10,18,.96)) !important;
  border-bottom: 1px solid var(--kg-line) !important;
}
.scroll-top, .sidebar .al-cont .info .symbol{ color: var(--kg-cyan) !important; }

/* ============================================================
   theme10-neon patch (2026-08-02 #7) — 하단 게임 탭 '릴게임' 숨김
   이 버튼은 theme_gold_shared/inc_gold_render.php:229 의 P-FIX 20260630
   으로 이미 onclick="return false" 가 붙어 클릭이 죽어 있다. 즉 기능은
   없고 자리만 차지하던 탭이라 표시만 제거한다.
   기본 활성 탭은 pc_raw.html:378 의 .casino-toggle.active 이므로 기본
   화면·탭 전환 로직에는 영향이 없다. 되돌리기 = 이 규칙 한 줄 삭제.
   ============================================================ */
.toggle-btn.reel-toggle{ display: none !important; }

/* ============================================================
   theme10-neon patch (2026-08-02 #8) — 모달 전면 네온 리스킨
   갈색·골드 계열 → 다크 바이올렛 + 네온사인 발광.

   교체 대상은 실측으로 확정했다(모달을 실제로 열어 계산된 색을 채취):
     style.css                     .modal-backdrop #060301
                                   .modal-header   linear-gradient(#ae9c48,#251b0d,#251b0d)
                                   .modal-body     #251b0d
                                   .modal-menu     rgb(235,212,132) / #ecdc9a #9f8b44
                                   .searchbox      #504421 / #59491b
                                   스크롤바 썸      #ffda91 → #ffba49
                                   input/select/textarea  #473720 bg / #ffe4bf text
                                   .bs-table       #998642 #e8d895 #f9e3c3 #ffca5f #ffbb31
                                   .game-btn       #97663c → #58341c
     theme10-bootstrap-modals.css  .title-panel    linear-gradient(#ae9c48,#251b0d,#251b0d)
                                   .title          #ffe4bf
                                   .modal-body / .modal-footer  #251b0d
                                   .form-footer .btn-panel  #ecdc9a→#b89a4a→#9f8b44

   폼·테이블 규칙은 메인 페이지에서도 쓰이는 공용 규칙이라 전부 `.modal`
   하위로 스코프해서 모달 밖 화면은 건드리지 않는다.
   ============================================================ */

/* ---------- 백드롭: 갈색빛 → 바이올렛 블랙 ---------- */
.modal-backdrop{ background-color:#07030f !important; }
.modal-backdrop.show{ opacity:.84 !important; }

/* ---------- 패널 외곽 = 네온사인 (완만한 펄스) ----------
   .modal-content 는 원래 투명이라 헤더/바디 사이 5px 틈이 배경으로 뚫려
   보였다. 다크 바이올렛을 깔아 한 판으로 읽히게 하고 그 위에 발광 링을
   준다. .modal.fade 의 트랜지션은 .modal-dialog 에 걸려 있어 무충돌. */
.modal .modal-content,
.modal.show .modal-content.w-b{
  background-color:#130c1e !important;
  background-image:
    radial-gradient(680px 260px at 50% 0%, rgba(255,47,176,.10), transparent 72%) !important;
  border:none !important;
  border-radius:14px !important;
  animation: kgModalNeon 6s ease-in-out infinite !important;
}
@keyframes kgModalNeon{
  0%,100%{
    box-shadow:
      0 0 0 1px rgba(255,47,176,.38),
      0 0 26px rgba(255,47,176,.22),
      0 0 62px rgba(124,58,237,.18),
      0 26px 60px rgba(0,0,0,.72);
  }
  50%{
    box-shadow:
      0 0 0 1px rgba(34,211,238,.42),
      0 0 34px rgba(255,47,176,.32),
      0 0 80px rgba(124,58,237,.26),
      0 26px 60px rgba(0,0,0,.72);
  }
}

/* ---------- 헤더: 골드 1px 테두리 트릭 → 마젠타 네온 프레임 ---------- */
.modal .modal-header{
  background-color:transparent !important;
  background-image:
    linear-gradient(180deg, rgba(255,47,176,.62), rgba(124,58,237,.26) 38%, rgba(19,12,30,1) 100%) !important;
  border:none !important;
  border-radius:14px 14px 0 0 !important;
  box-shadow:0 0 18px rgba(255,47,176,.22) !important;
}

/* AJAX 모달 타이틀 바 */
.modal.show .modal-header .title-panel{
  position:relative !important;
  background:
    linear-gradient(180deg, rgba(255,47,176,.32), rgba(124,58,237,.16) 48%, rgba(19,12,30,0)) ,
    linear-gradient(180deg, #241536, #150e22) !important;
  border-radius:13px 13px 0 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 6px 18px rgba(0,0,0,.45) !important;
}
/* 타이틀 바 하단 네온 튜브 */
.modal.show .modal-header .title-panel::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important; right:0 !important; bottom:0 !important;
  height:2px !important;
  background:linear-gradient(90deg, transparent, var(--kg-mag) 22%, var(--kg-cyan) 78%, transparent) !important;
  box-shadow:0 0 12px rgba(255,47,176,.7), 0 0 26px rgba(34,211,238,.4) !important;
  pointer-events:none !important;
}
.modal.show .modal-header .title-panel .title{
  color:#ffffff !important;
  text-shadow:
    0 0 8px rgba(255,255,255,.35),
    0 0 18px rgba(255,47,176,.65),
    0 0 34px rgba(255,47,176,.35) !important;
}

/* 로그인·회원가입 등 gold-shared 모달 타이틀 */
.modal .modal-title .title{
  color:#ffffff !important;
  text-shadow:
    0 0 8px rgba(255,255,255,.3),
    0 0 18px rgba(255,47,176,.6),
    0 0 32px rgba(255,47,176,.32) !important;
}
.modal .modal-title .sub{
  color:#bfe9f5 !important;
  text-shadow:0 0 10px rgba(34,211,238,.55) !important;
}
.modal .modal-banner{
  background-image:
    radial-gradient(620px 220px at 50% 0%, rgba(255,47,176,.22), transparent 70%),
    linear-gradient(180deg, #1b1030, #130c1e) !important;
}
/* 골드 방패 아이콘 PNG → 바이올렛 */
.modal .modal-title .modal-icon{
  color:#ffffff !important;
  filter:
    hue-rotate(232deg) saturate(1.5) brightness(.95)
    drop-shadow(0 0 14px rgba(255,47,176,.5)) !important;
}

/* ---------- 바디 / 푸터 ---------- */
.modal .modal-body,
.modal.show .modal-body,
.modal .modal-footer,
.modal.show .modal-footer{
  background-color:#130c1e !important;
  border-color:rgba(255,47,176,.18) !important;
}
.modal.show .modal-body{
  box-shadow:inset 0 1px 0 rgba(255,47,176,.14) !important;
}

/* ---------- 닫기 버튼 ---------- */
.modal .modal-close-btn{ background-color:rgba(255,47,176,.14) !important; }
.modal .modal-close-btn:before,
.modal .modal-close-btn:after{ background-color:#e7d9ff !important; }
.modal .modal-close-btn:hover{
  background-color:rgba(255,47,176,.55) !important;
  box-shadow:0 0 14px rgba(255,47,176,.6) !important;
}
.modal .modal-close-btn:hover:before,
.modal .modal-close-btn:hover:after{ background-color:#ffffff !important; }

/* ---------- 입력폼: 갈색 #473720 → 다크 바이올렛 + 포커스 네온링 ---------- */
.modal input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),
.modal textarea,
.modal select,
.modal .form-container .form-group input,
.modal .form-container .form-group textarea,
.modal .form-container .form-group .select-input{
  background-color:rgba(26,16,42,.94) !important;
  background-image:none !important;
  border:solid 1px rgba(255,47,176,.28) !important;
  color:#efe4ff !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.5) !important;
}
/* 포커스 네온링. 위 기본 규칙의 :not() 4개는 속성 선택자라 클래스급 5 →
   `.modal input:focus`(클래스급 2) 로는 !important 끼리 붙어도 밀린다.
   같은 :not() 사슬을 달아 특이도를 6 으로 올려야 실제로 적용된다. */
.modal input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):focus,
.modal textarea:focus,
.modal select:focus,
.modal .form-container .form-group input:focus,
.modal .form-container .form-group textarea:focus,
.modal .form-container .form-group .select-input:focus-within{
  border-color:var(--kg-mag) !important;
  box-shadow:
    0 0 0 2px rgba(255,47,176,.18),
    0 0 16px rgba(255,47,176,.45),
    inset 0 1px 2px rgba(0,0,0,.5) !important;
  outline:none !important;
}
.modal input::placeholder,
.modal textarea::placeholder,
.modal input::-webkit-input-placeholder,
.modal .form-container .form-group input::-webkit-input-placeholder{
  color:rgba(231,217,255,.5) !important;
}
.modal select option,
.modal .form-container .form-group select option{
  background-color:#170f26 !important;
  color:#efe4ff !important;
}
.modal .form-container .form-group .select-input i{ color:var(--kg-mag2) !important; }
.modal .form-container .form-group input:read-only{ color:#cbb8f0 !important; }
/* 크롬 자동완성이 갈색 배경을 되살리는 것 차단 */
.modal input:-webkit-autofill,
.modal input:-webkit-autofill:hover,
.modal input:-webkit-autofill:focus,
.modal input:-webkit-autofill:active{
  -webkit-text-fill-color:#efe4ff !important;
  -webkit-box-shadow:0 0 0 1000px #1a102a inset !important;
  caret-color:#efe4ff !important;
}
.modal .form-container .labels,
.modal .labels{ color:#cbb8f0 !important; }

/* 금액 입력 옆 보조 버튼 */
.modal .form-container .form-group .infos .btn-grp button{
  background-color:#2b1f42 !important;
  border-color:rgba(255,47,176,.25) !important;
  color:#e7d9ff !important;
}
.modal .form-container .form-group .infos .btn-grp button:hover{
  background-color:#3d2a5e !important;
  box-shadow:0 0 12px rgba(255,47,176,.3) !important;
}
.modal .form-container .form-group .infos .btn-grp button:last-child{ background-color:#7a1f4a !important; }
.modal .form-container .form-group .infos .btn-grp button:last-child:hover{
  background-color:#b3245f !important;
  box-shadow:0 0 12px rgba(255,47,176,.45) !important;
}

/* ---------- 검색창 ---------- */
.modal .searchbox{
  background:#1a102a !important;
  border:1px solid rgba(255,47,176,.3) !important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.5), 0 0 14px rgba(255,47,176,.12) !important;
}

/* ---------- 모달 내 탭 메뉴 ---------- */
.modal .modal-menu li a:hover{ color:var(--kg-mag2) !important; }
.modal .modal-menu li a:before{
  background-image:linear-gradient(to right, rgba(255,47,176,0), var(--kg-mag), var(--kg-cyan), rgba(34,211,238,0)) !important;
  box-shadow:0 0 10px rgba(255,47,176,.6) !important;
}
.modal .modal-menu li a .icon-panel:before{
  background-image:linear-gradient(var(--kg-mag2), #7c3aed) !important;
  box-shadow:0 1px 0 rgba(0,0,0,1), 0 0 12px rgba(255,47,176,.5) !important;
}
.modal .modal-menu li a.active .icon-panel{
  color:#ffffff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.8) !important;
}

/* ---------- 표 ---------- */
.modal .bs-table tr .count-tag{
  background-color:#7c3aed !important;
  background-image:linear-gradient(var(--kg-mag2), var(--kg-mag)) !important;
  color:#ffffff !important;
  box-shadow:0 0 10px rgba(255,47,176,.45) !important;
}
.modal .bs-table tr .date-td{ color:#c9b6ec !important; }
.modal .bs-table tr td .nav-btn:hover i{ color:var(--kg-cyan) !important; }
.modal .bs-table tr td .plus-btn:hover{ color:var(--kg-mag) !important; }

/* ---------- 확인/취소 버튼 (AJAX 모달 푸터) ---------- */
.modal.show .form-footer .btn-panel{
  background:linear-gradient(180deg, var(--kg-mag2) 0%, var(--kg-mag) 55%, #b8138a 100%) !important;
  box-shadow:
    0 6px 18px rgba(255,47,176,.35),
    0 0 20px rgba(255,47,176,.35),
    inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.modal.show .form-footer .btn-inner{
  color:#ffffff !important;
  text-shadow:0 1px 4px rgba(0,0,0,.5) !important;
}
.modal.show .form-footer .cancel-btn .btn-panel{
  background:linear-gradient(180deg, #2b1f42 0%, #1a1128 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(34,211,238,.35), 0 0 14px rgba(34,211,238,.18) !important;
}
.modal.show .form-footer .cancel-btn .btn-inner{ color:var(--kg-cyan) !important; }
.modal.show .form-footer button:hover .btn-panel{ filter:brightness(1.12) saturate(1.05) !important; }

/* ---------- 모달 내부 골드 버튼 변종 ---------- */
.modal .btn-gold{
  color:#ffffff !important;
  background-color:#7c3aed !important;
  background-image:linear-gradient(#a855f7, #6d28d9) !important;
  border:solid 1px rgba(168,85,247,.7) !important;
  box-shadow:0 6px 16px rgba(124,58,237,.4), 0 0 18px rgba(168,85,247,.35) !important;
}
.modal .btn-gold:before{ background-image:linear-gradient(#c084fc, #7c3aed) !important; }
.modal .btn-gold:hover{ box-shadow:0 8px 24px rgba(168,85,247,.55) !important; }
.modal .btn-orange{
  color:#ffffff !important;
  background-color:#0e7c90 !important;
  background-image:linear-gradient(var(--kg-cyan), #0e7c90) !important;
  border:solid 1px rgba(34,211,238,.7) !important;
  box-shadow:0 0 16px rgba(34,211,238,.35) !important;
}

/* ---------- 스크롤바 ---------- */
.modal *::-webkit-scrollbar{ background:rgba(10,6,18,.8) !important; }
.modal *::-webkit-scrollbar-thumb{
  background:linear-gradient(var(--kg-mag2), var(--kg-cyan)) !important;
  border:solid 2px rgba(0,0,0,.9) !important;
}

/* ---------- 게임목록 모달 타일 ---------- */
.modal .game-btn{
  background-color:#12121d !important;
  background-image:linear-gradient(135deg, var(--kg-mag), var(--kg-cyan)) !important;
}
.modal .game-btn:before{ background:linear-gradient(var(--kg-mag2), var(--kg-cyan)) !important; }
.modal .game-btn:hover{ box-shadow:0 2px 2px rgba(0,0,0,1), 0 0 18px rgba(255,47,176,.45) !important; }
.modal .game-btn .g-panel{ background-color:rgba(19,12,30,.95) !important; }

/* ---------- 레벨/포인트 안내 패널 ---------- */
.modal .level-information .points-btn:hover{ background-color:var(--kg-mag) !important; }
.modal .po_info1{ color:var(--kg-mag2) !important; text-shadow:0 0 14px rgba(255,47,176,.5) !important; }
.modal .po_info2{ color:var(--kg-cyan) !important; text-shadow:0 0 12px rgba(34,211,238,.45) !important; }
.modal .po_title,
.modal .bg_game{
  background-image:linear-gradient(180deg, #1b1030, #130c1e) !important;
}