/* ============================================================
   GAMEBOY.KR 개편 P3 — 커뮤니티(board) 본문 리스타일 오버레이
   ------------------------------------------------------------
   · gameboy-community-board 플러그인의 board.css(6,390줄) 위에 덮는 오버라이드.
   · 원본 board.css / top-nav.php 는 미수정(클래스·id·JS 의존 보존), 시각만 시안 룩으로.
   · 토큰 = redesign-chrome.css 의 :root --gb-* (프리뷰에서 함께 enqueue).
   · 적용 스코프 = body.gbb-board-page (board 라우터가 부착). 프리뷰 게이트로만 로드.
   · 시안 참조: www/_redesign/chrome.css 의 .bnav / .post-list / .pagination 계열.
   ============================================================ */

/* ── 0) 베이스: 폰트 + 링크색 토큰화 ── */
body.gbb-board-page .gbb-wrap {
  font-family: 'Pretendard', 'Pretendard Variable', -apple-system, BlinkMacSystemFont,
    'Apple SD Gothic Neo', 'Noto Sans KR', system-ui, sans-serif;
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-wrap a {
  color: inherit;
}
body.gbb-board-page .gbb-wrap a:hover {
  color: #fff;
}

/* ============================================================
   1) 공통 상단 내비 (top-nav.php 4블록)
   ============================================================ */

/* ── 1-a) 헤더(제목 + 검색 + 글쓰기 + AI글쓰기) ── */
body.gbb-board-page .gbb-header {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
  border-radius: 12px;
  padding: 15px 20px;
  margin-bottom: 12px;
}
body.gbb-board-page .gbb-header h1 {
  font-size: 18px;
  font-weight: 700;
  color: var(--gb-txt);
  letter-spacing: -0.2px;
}
/* 글쓰기 = 핑크(시안 .bwrite) */
body.gbb-board-page .gbb-header .gbb-write-btn {
  background: var(--gb-pink);
  box-shadow: none;
}
body.gbb-board-page .gbb-header .gbb-write-btn:hover {
  background: #d41f87;
  transform: none;
  box-shadow: none;
}
/* AI 글쓰기 = 아웃라인(시안 .bai) */
body.gbb-board-page .gbb-header .gbb-admin-ai-btn {
  background: var(--gb-bg3);
  border: 1px solid var(--gb-line3);
  color: var(--gb-txt2);
}
body.gbb-board-page .gbb-header .gbb-admin-ai-btn:hover {
  background: var(--gb-bg4);
  border-color: var(--gb-line3);
  color: var(--gb-txt);
  transform: none;
  box-shadow: none;
}

/* ── 1-b) 검색바(헤더 내부 + 검색페이지) ── */
body.gbb-board-page .gbb-search-bar input {
  background: var(--gb-bg3);
  border: 1px solid var(--gb-line2);
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-search-bar input::placeholder {
  color: var(--gb-mut2);
}
body.gbb-board-page .gbb-search-bar input:focus {
  border-color: var(--gb-pur);
}
body.gbb-board-page .gbb-search-bar button {
  background: var(--gb-pur);
}
body.gbb-board-page .gbb-search-bar button:hover {
  background: var(--gb-pur-d);
}

/* ── 1-c) 바로가기(퀵 내비) ── */
body.gbb-board-page .gbb-quick-nav {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
  border-radius: 12px;
  padding: 12px 16px;
  margin-bottom: 12px;
}
body.gbb-board-page .gbb-quick-nav-item {
  border: 1px solid var(--gb-line2);
  color: var(--gb-txt2);
  font-size: 12.5px;
}
body.gbb-board-page .gbb-quick-nav-item:hover {
  background: var(--gb-bg3);
  border-color: var(--gb-line3);
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-quick-nav-sep {
  background: var(--gb-line2);
}
/* 활성 = 플랫 퍼플(글로우/애니메이션 제거) */
body.gbb-board-page .gbb-quick-nav-item.gbb-quick-nav-active {
  background: var(--gb-pur) !important;
  border-color: var(--gb-pur) !important;
  color: #fff !important;
  box-shadow: none;
  animation: none;
}
body.gbb-board-page .gbb-quick-nav-item.gbb-quick-nav-active::before,
body.gbb-board-page .gbb-quick-nav-item.gbb-quick-nav-active::after {
  display: none;
}

/* ── 1-d) 계층 클러스터(부모+자식) ── */
body.gbb-board-page .gbb-nav-cluster {
  background: var(--gb-bg3);
  border: 1px solid var(--gb-line2);
}
body.gbb-board-page .gbb-nav-cluster.gbb-cluster-has-active {
  background: rgba(146, 41, 247, 0.10);
  border-color: rgba(146, 41, 247, 0.35);
  box-shadow: none;
}
body.gbb-board-page .gbb-cluster-parent {
  background: rgba(146, 41, 247, 0.14);
  border: 1px solid rgba(146, 41, 247, 0.28);
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-cluster-parent:hover,
body.gbb-board-page .gbb-nav-cluster.gbb-cluster-has-active .gbb-cluster-parent {
  background: rgba(146, 41, 247, 0.24);
  border-color: rgba(146, 41, 247, 0.42);
  color: #fff;
}
body.gbb-board-page .gbb-cluster-child {
  color: var(--gb-txt2);
}
body.gbb-board-page .gbb-cluster-child:hover {
  background: rgba(146, 41, 247, 0.12);
  color: #fff;
}
body.gbb-board-page .gbb-cluster-sep {
  color: var(--gb-line3);
}
body.gbb-board-page .gbb-cluster-parent.gbb-quick-nav-active,
body.gbb-board-page .gbb-cluster-child.gbb-quick-nav-active {
  background: var(--gb-pur) !important;
  border-color: var(--gb-pur) !important;
  color: #fff !important;
  box-shadow: none;
  animation: none;
}

/* ── 1-e) CX 활동 내비(한판승부/퀴즈/카지노/출석/랭킹) ── */
body.gbb-board-page .gbb-cx-nav {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
  border-radius: 12px;
  padding: 10px 16px;
  margin-bottom: 12px;
}
body.gbb-board-page .gbb-cx-label {
  color: var(--gb-mut);
}
body.gbb-board-page .gbb-cx-item {
  border: 1px solid var(--gb-line2);
  color: var(--gb-txt2);
}
body.gbb-board-page .gbb-cx-item:hover {
  background: var(--gb-bg3);
  border-color: var(--gb-line3);
  color: var(--gb-txt);
}
/* 활성 = 플랫 핑크(시안 .bcx.on) */
body.gbb-board-page .gbb-cx-active {
  background: var(--gb-pink) !important;
  border-color: var(--gb-pink) !important;
  color: #fff !important;
  box-shadow: none;
  animation: none;
}
body.gbb-board-page .gbb-cx-active::before,
body.gbb-board-page .gbb-cx-active::after {
  display: none;
}

/* ── 1-f) 골드 안내 바(시안 .bnav-gold) ── */
body.gbb-board-page .gbb-point-notice {
  justify-content: flex-start;
  gap: 10px;
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
  border-radius: 12px;
  color: var(--gb-txt2);
  font-size: 12.5px;
  backdrop-filter: none;
  margin: 0 0 16px;
}
body.gbb-board-page .gbb-point-notice::before {
  display: none;
}
body.gbb-board-page .gbb-point-notice strong {
  color: var(--gb-green);
}
body.gbb-board-page .gbb-point-notice .gbb-pt-value {
  background: none;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
  background-clip: initial;
  color: var(--gb-amber);
}
body.gbb-board-page .gbb-point-sep {
  color: var(--gb-line3);
}

/* CX 페이지 모바일 토글 버튼 */
body.gbb-board-page .gbb-nav-toggle-mobile {
  background: var(--gb-bg3);
  border: 1px solid var(--gb-line2);
  color: var(--gb-txt2);
}

/* ============================================================
   2) 본문 섹션 — 최신글 / 인기글 / 피드 / 페이지네이션
   ============================================================ */

/* ── 2-a) 카드형 섹션 컨테이너(최신/인기) ── */
body.gbb-board-page .gbb-latest-section,
body.gbb-board-page .gbb-best-section {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
  border-radius: 12px;
}
body.gbb-board-page .gbb-latest-header {
  background: var(--gb-bg3);
  border-bottom: 1px solid var(--gb-line);
}
body.gbb-board-page .gbb-latest-header h2,
body.gbb-board-page .gbb-latest-header .gbb-section-title {
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-latest-count {
  color: var(--gb-mut);
}

/* ── 2-b) 실시간 인기글 ── */
body.gbb-board-page .gbb-best-header {
  background: var(--gb-bg3);
  border-bottom: 1px solid var(--gb-line);
}
body.gbb-board-page .gbb-best-header h2 {
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-best-more {
  color: var(--gb-mut);
}
body.gbb-board-page .gbb-best-more:hover {
  color: var(--gb-pink);
}
body.gbb-board-page .gbb-best-card {
  border-bottom: 1px solid var(--gb-line);
  color: var(--gb-txt2);
}
body.gbb-board-page .gbb-best-card:hover {
  background: var(--gb-bg3);
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-best-rank {
  background: var(--gb-pur);
}
body.gbb-board-page .gbb-best-gallery {
  color: var(--gb-mut);
}
body.gbb-board-page .gbb-best-meta {
  color: var(--gb-mut);
}
body.gbb-board-page .gbb-best-likes {
  color: var(--gb-pink);
}

/* ── 2-c) 피드형 글 리스트 ── */
body.gbb-board-page .gbb-feed-item {
  border-bottom: 1px solid var(--gb-line);
}
body.gbb-board-page .gbb-feed-item:hover {
  background: var(--gb-bg3);
}
body.gbb-board-page .gbb-feed-notice {
  background: rgba(146, 41, 247, 0.05);
  border-left: 3px solid var(--gb-pur);
}
body.gbb-board-page .gbb-feed-notice:hover {
  background: rgba(146, 41, 247, 0.09);
}
body.gbb-board-page .gbb-feed-title {
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-feed-title:hover {
  color: #fff;
}
/* 게시판 뱃지·말머리 = 퍼플 톤(시안 p-news) */
body.gbb-board-page .gbb-feed-board,
body.gbb-board-page .gbb-feed-tag {
  background: rgba(146, 41, 247, 0.14);
  border: 1px solid rgba(146, 41, 247, 0.22);
  color: #c4b9ff;
}
body.gbb-board-page .gbb-feed-board:hover {
  background: rgba(146, 41, 247, 0.24);
  color: #ddd3ff;
}
body.gbb-board-page .gbb-feed-comments {
  color: var(--gb-pink);
}
body.gbb-board-page .gbb-feed-num,
body.gbb-board-page .gbb-feed-rank {
  color: var(--gb-mut2);
}
body.gbb-board-page .gbb-feed-author {
  color: var(--gb-txt2);
}
body.gbb-board-page .gbb-feed-date,
body.gbb-board-page .gbb-feed-stat {
  color: var(--gb-mut);
}
body.gbb-board-page .gbb-feed-dot {
  color: var(--gb-line3);
}
body.gbb-board-page .gbb-feed-liked {
  color: var(--gb-pink) !important;
}

/* 베스트 기준 안내 배너 */
body.gbb-board-page .gbb-best-criteria {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
  color: var(--gb-txt2);
}
body.gbb-board-page .gbb-best-criteria-text strong {
  color: var(--gb-txt);
}

/* ── 2-d) 페이지네이션 ── */
body.gbb-board-page .gbb-pagination a,
body.gbb-board-page .gbb-pagination span {
  border: 1px solid var(--gb-line2);
  border-radius: 8px;
  color: var(--gb-txt2);
}
body.gbb-board-page .gbb-pagination a:hover {
  background: var(--gb-bg3);
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-pagination span.current {
  background: var(--gb-pur);
  border-color: var(--gb-pur);
  color: #fff;
}

/* ── 2-e) 빈 상태 ── */
body.gbb-board-page .gbb-empty,
body.gbb-board-page .gbb-empty-text {
  color: var(--gb-mut);
}

/* ============================================================
   3) 골드 생태계 — 골드부자 TOP / 구걸 배너·카드 (앰버 톤 정렬)
   ============================================================ */
body.gbb-board-page .gbb-rich-section {
  background: var(--gb-bg2);
  border: 1px solid rgba(240, 167, 48, 0.22);
}
body.gbb-board-page .gbb-rich-header {
  background: rgba(240, 167, 48, 0.08);
  border-bottom: 1px solid rgba(240, 167, 48, 0.15);
}
body.gbb-board-page .gbb-rich-header h3 {
  color: var(--gb-amber);
}
body.gbb-board-page .gbb-rich-card {
  background: var(--gb-bg3);
  border: 1px solid var(--gb-line2);
}
body.gbb-board-page .gbb-rich-card:hover {
  background: rgba(240, 167, 48, 0.10);
  border-color: rgba(240, 167, 48, 0.28);
}
body.gbb-board-page .gbb-rich-name {
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-rich-num {
  color: var(--gb-mut);
}
body.gbb-board-page .gbb-rich-points {
  color: var(--gb-amber);
}
body.gbb-board-page .gbb-rich-info {
  color: var(--gb-mut);
}
body.gbb-board-page .gbb-rich-info a {
  color: #c4b9ff;
}

/* 구걸 알림 배너 */
body.gbb-board-page .gbb-beg-banner {
  background: rgba(240, 167, 48, 0.10);
  border: 1px solid rgba(240, 167, 48, 0.22);
}
body.gbb-board-page .gbb-beg-banner-text {
  color: var(--gb-txt2);
}
body.gbb-board-page .gbb-beg-banner-text strong {
  color: var(--gb-amber);
}
body.gbb-board-page .gbb-beg-banner-text a {
  color: #c4b9ff;
}
/* 구걸 요청 카드 컨테이너 */
body.gbb-board-page .gbb-beg-cards {
  border: 2px dashed rgba(240, 167, 48, 0.28);
  background: rgba(240, 167, 48, 0.04);
}
/* 구걸 카드 내부(헤더/카드/타입/제목/메타/메시지/버튼) — 앰버 톤 정렬 */
body.gbb-board-page .gbb-beg-cards-header {
  background: rgba(240, 167, 48, 0.08);
  border-bottom: 1px solid rgba(240, 167, 48, 0.15);
  color: var(--gb-amber);
}
body.gbb-board-page .gbb-beg-card {
  border-bottom: 1px solid rgba(240, 167, 48, 0.10);
}
body.gbb-board-page .gbb-beg-card:hover {
  background: rgba(240, 167, 48, 0.05);
}
body.gbb-board-page .gbb-beg-card-type {
  background: rgba(240, 167, 48, 0.12);
  color: var(--gb-amber);
}
body.gbb-board-page .gbb-beg-card-title a {
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-beg-card-title a:hover {
  color: #fff;
}
body.gbb-board-page .gbb-beg-card-meta {
  color: var(--gb-mut);
}
body.gbb-board-page .gbb-beg-card-message {
  background: var(--gb-bg3);
  border-left: 2px solid rgba(240, 167, 48, 0.22);
  color: var(--gb-txt2);
}
/* 구걸 액션 버튼: 보기=중립 / 수락=그린 / 거부=무채(호버만 절제된 빨강) */
body.gbb-board-page .gbb-beg-banner-close {
  color: var(--gb-mut);
}
body.gbb-board-page .gbb-beg-banner-close:hover {
  background: var(--gb-line);
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-beg-btn-view {
  background: var(--gb-bg3);
  border: 1px solid var(--gb-line2);
  color: var(--gb-txt2);
}
body.gbb-board-page .gbb-beg-btn-view:hover {
  background: var(--gb-bg4);
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-beg-btn-accept,
body.gbb-board-page .gbb-beg-btn-open {
  background: var(--gb-green);
  color: #06302a;
  box-shadow: none;
}
body.gbb-board-page .gbb-beg-btn-accept:hover,
body.gbb-board-page .gbb-beg-btn-open:hover {
  background: #18d39a;
  box-shadow: none;
}
body.gbb-board-page .gbb-beg-btn-reject {
  background: transparent;
  border: 1px solid var(--gb-line2);
  color: var(--gb-mut);
}
body.gbb-board-page .gbb-beg-btn-reject:hover {
  background: rgba(150, 60, 60, 0.12);
  border-color: rgba(150, 60, 60, 0.4);
  color: #d98a8a;
}

/* ============================================================
   4) 글보기(post-view) — 14a §3 컴포넌트 전수 리스타일
   ------------------------------------------------------------
   인벤토리(workflow postview-inventory) 기반. 마크업/JS/id 보존, 시각만.
   ⚠️ 공유버튼(.gbb-sh-btn)은 인라인 !important라 CSS 불가 → 컨테이너(.gbb-sh-bar)만.
   ⚠️ 셀프핀/구걸모달/관리자핀은 board.css에 규칙 없음(100% 인라인) → 컨테이너 프레임만
      id+!important로 토큰화(내부 인라인 유지). 로그인/작성자/관리자 조건부 = 운영자 로그인 검수.
   ============================================================ */

/* ── 4-a) breadcrumb + 글 컨테이너(카드) ── */
body.gbb-board-page .gbb-breadcrumb {
  color: var(--gb-mut);
}
body.gbb-board-page .gbb-breadcrumb a:hover {
  color: #c9b9ff;
}
body.gbb-board-page .gbb-post-view {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
  border-radius: 12px;
}

/* ── 4-b) 글 헤더(제목·메타·말머리·댓글수) ── */
body.gbb-board-page .gbb-post-header {
  border-bottom: 1px solid var(--gb-line);
}
body.gbb-board-page .gbb-post-header h1 {
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-post-meta {
  color: var(--gb-mut);
}
body.gbb-board-page .gbb-post-meta .is-member::after {
  color: var(--gb-amber);
}
/* 말머리(헤더 인라인 태그) — 퍼플 톤(§2 .gbb-feed-tag와 통일) */
body.gbb-board-page .gbb-post-tag-inline {
  background: rgba(146, 41, 247, 0.14);
  border: 1px solid rgba(146, 41, 247, 0.22);
  color: #c4b9ff;
}
body.gbb-board-page .gbb-post-comment-count {
  color: var(--gb-pink);
}

/* ── 4-c) 본문 ── */
body.gbb-board-page .gbb-post-body {
  color: #d7d7de;
}

/* ── 4-d) 추천/비추/북마크 (추천=핑크·비추=무채·북마크=앰버) ── */
body.gbb-board-page .gbb-post-actions {
  border-top: none;
  border-bottom: none;
}
body.gbb-board-page .gbb-vote-btn,
body.gbb-board-page .gbb-bookmark-btn {
  background: var(--gb-bg3);
  border: 1px solid var(--gb-line2);
  color: var(--gb-txt2);
  border-radius: 20px;
}
body.gbb-board-page .gbb-vote-like:hover {
  background: rgba(231, 43, 153, 0.12);
  border-color: rgba(231, 43, 153, 0.4);
  color: #f4a8d3;
}
body.gbb-board-page .gbb-vote-dislike:hover {
  background: var(--gb-bg4);
  border-color: var(--gb-line3);
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-bookmark-btn:hover,
body.gbb-board-page .gbb-bookmark-btn.bookmarked {
  background: rgba(240, 167, 48, 0.14);
  border-color: rgba(240, 167, 48, 0.4);
  color: var(--gb-amber);
}

/* ── 4-e) 공유바 컨테이너(버튼은 인라인 !important라 불가, 중립 다크 유지) ── */
body.gbb-board-page .gbb-sh-bar {
  background: var(--gb-bg3);
  border: 1px solid var(--gb-line);
}
body.gbb-board-page .gbb-sh-bar:hover {
  border-color: rgba(231, 43, 153, 0.25);
  box-shadow: none;
}
body.gbb-board-page .gbb-sh-label {
  color: var(--gb-mut);
}

/* ── 4-f) 글 액션(목록/수정/삭제/신고) ── */
body.gbb-board-page .gbb-btn-outline {
  background: transparent;
  border: 1px solid var(--gb-line2);
  color: var(--gb-txt2);
}
body.gbb-board-page .gbb-btn-outline:hover {
  background: var(--gb-bg3);
  border-color: var(--gb-line3);
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-btn-danger:hover {
  background: rgba(150, 60, 60, 0.12);
  border-color: rgba(150, 60, 60, 0.4);
  color: #d98a8a;
}

/* ── 4-g) 댓글 시스템(섹션·댓글·작성자·시간·답글토글·삭제·본문·대댓글·답글폼·작성폼) ── */
body.gbb-board-page .gbb-comments-section {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
  border-radius: 12px;
}
body.gbb-board-page .gbb-comments-section h3 {
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-comments-empty {
  color: var(--gb-mut);
}
body.gbb-board-page .gbb-comment {
  border-bottom: 1px solid var(--gb-line);
}
body.gbb-board-page .gbb-comment-author {
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-comment-author.is-member::after {
  color: var(--gb-amber);
}
body.gbb-board-page .gbb-comment-time {
  color: var(--gb-mut2);
}
body.gbb-board-page .gbb-reply-toggle,
body.gbb-board-page .gbb-comment-delete {
  background: transparent;
  border: 1px solid var(--gb-line2);
  color: var(--gb-mut);
}
body.gbb-board-page .gbb-reply-toggle:hover {
  background: rgba(146, 41, 247, 0.12);
  border-color: rgba(146, 41, 247, 0.3);
  color: #c4b9ff;
}
body.gbb-board-page .gbb-comment-delete:hover {
  background: rgba(150, 60, 60, 0.12);
  border-color: rgba(150, 60, 60, 0.4);
  color: #d98a8a;
}
body.gbb-board-page .gbb-comment-body {
  color: #d7d7de;
}
/* 대댓글 — 좌측 가이드라인 퍼플 라인 */
body.gbb-board-page .gbb-comment-reply {
  border-left: 2px solid var(--gb-line2);
}
body.gbb-board-page .gbb-replies-toggle {
  background: rgba(146, 41, 247, 0.08);
  color: #c4b9ff;
}
body.gbb-board-page .gbb-replies-toggle:hover {
  background: rgba(146, 41, 247, 0.16);
}
/* 답글폼 / 댓글작성폼 */
body.gbb-board-page .gbb-reply-form {
  background: var(--gb-bg3);
  border: 1px solid var(--gb-line2);
}
body.gbb-board-page .gbb-comment-write {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line2);
}
body.gbb-board-page .gbb-input-sm,
body.gbb-board-page .gbb-textarea-sm {
  background: var(--gb-bg3);
  border: 1px solid var(--gb-line2);
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-input-sm:focus,
body.gbb-board-page .gbb-textarea-sm:focus {
  border-color: var(--gb-pur);
}
/* 등록 버튼(작은/기본) — 옛 보라 그라데 → 플랫 퍼플 */
body.gbb-board-page .gbb-btn-sm,
body.gbb-board-page .gbb-btn-primary {
  background: var(--gb-pur);
  box-shadow: none;
}
body.gbb-board-page .gbb-btn-sm:hover,
body.gbb-board-page .gbb-btn-primary:hover {
  background: var(--gb-pur-d);
  box-shadow: none;
  transform: none;
}

/* ── 4-h) 하단 같은 게시판 글목록 + 현재글 하이라이트 ── */
body.gbb-board-page .gbb-view-postlist {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
  border-radius: 12px;
}
body.gbb-board-page .gbb-view-postlist-header {
  background: var(--gb-bg3);
  border-bottom: 1px solid var(--gb-line);
}
body.gbb-board-page .gbb-view-postlist-header h3 {
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-view-postlist-count {
  color: var(--gb-mut);
}
/* 현재글 하이라이트 — board.css가 !important라 동일 specificity 필요 */
body.gbb-board-page .gbb-view-postlist .gbb-feed-current {
  background: rgba(146, 41, 247, 0.10) !important;
  border-left: 3px solid var(--gb-pur) !important;
}
body.gbb-board-page .gbb-view-postlist .gbb-feed-current .gbb-feed-title {
  color: #c4b9ff !important;
}

/* ── 4-i) 파리/거미줄 툴팁 — 무채·저강조(콘텐츠 방해 금지) ── */
body.gbb-board-page .gbb-fly-tooltip {
  background: rgba(20, 18, 26, 0.92);
  border: 1px solid var(--gb-line2);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}
body.gbb-board-page .gbb-fly-tooltip-text {
  color: var(--gb-txt2);
}
/* 파리 쫓기 버튼 — 거부 의미: 절제된 핑크(빨강 그라데 제거) */
body.gbb-board-page .gbb-fly-dismiss {
  background: var(--gb-pink);
  box-shadow: none;
}
body.gbb-board-page .gbb-fly-dismiss:hover {
  background: #d41f87;
  box-shadow: none;
}
body.gbb-board-page .gbb-cobweb {
  opacity: 0.5;
}

/* ── 4-j) 셀프핀/구걸영역/관리자핀 컨테이너 프레임 (id+!important로 인라인 위 토큰화) ──
   내부 요소는 인라인 스타일이라 미변경. 로그인/작성자/관리자 조건부 → 운영자 로그인 검수 필요. */
/* 셀프핀 = 앰버 카드 */
body.gbb-board-page #gbb-selfpin-area {
  background: rgba(240, 167, 48, 0.06) !important;
  border: 1px solid rgba(240, 167, 48, 0.22) !important;
  border-radius: 12px !important;
}
/* 구걸 요청 영역 = 앰버 카드(클래스지만 인라인 위라 !important) */
body.gbb-board-page .gbb-beg-request-area {
  background: rgba(240, 167, 48, 0.05) !important;
  border: 1px solid rgba(240, 167, 48, 0.22) !important;
  border-radius: 12px !important;
}
/* 구걸 모달 dim 오버레이 + 패널 프레임 */
body.gbb-board-page #gbb-beg-modal {
  background: rgba(16, 16, 21, 0.72) !important;
}
body.gbb-board-page #gbb-beg-modal > div {
  background: var(--gb-bg2) !important;
  border: 1px solid var(--gb-line2) !important;
}
/* 관리자 핀 = 퍼플 카드(권한 톤) */
body.gbb-board-page #gbb-admin-pin-area {
  background: rgba(146, 41, 247, 0.06) !important;
  border: 1px solid rgba(146, 41, 247, 0.28) !important;
  border-radius: 12px !important;
}

/* ============================================================
   5) 글쓰기(post-write) — 14a §4 컴포넌트 자체 설계 리스타일
   ------------------------------------------------------------
   시안 없음 → 토큰 + 기존 오버레이 컨벤션으로 설계(인벤토리 postwrite-inventory).
   규칙: 1차 폼카드=bg2/line/12 · 입력면=bg3/line2/8 · focus=pur · 툴바바=bg4 ·
   주 action(글 등록)=핑크(글쓰기 진입 CTA 동색) · 미리보기/취소=아웃라인 · 플랫(글로우/그라데/transform 제거).
   ⚠️ board.css가 !important인 곳(.gbb-write-form·-captcha-input·-editor-dragover·게임카드 인라인)은 !important로.
   ============================================================ */

/* ── 5-a) 폼 카드 + 라벨 ── */
body.gbb-board-page .gbb-write-form {
  background: var(--gb-bg2) !important;
  border: 1px solid var(--gb-line) !important;
  border-radius: 12px;
}
body.gbb-board-page .gbb-write-label {
  color: var(--gb-txt2);
}
body.gbb-board-page .gbb-write-hint {
  color: var(--gb-mut2);
}

/* ── 5-b) 입력/select(게시판·말머리·제목·닉·비번 공용) ── */
body.gbb-board-page .gbb-write-input,
body.gbb-board-page .gbb-write-select,
body.gbb-board-page .gbb-write-textarea {
  background: var(--gb-bg3);
  border: 1px solid var(--gb-line2);
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-write-input::placeholder,
body.gbb-board-page .gbb-write-textarea::placeholder {
  color: var(--gb-mut2);
}
body.gbb-board-page .gbb-write-input:focus,
body.gbb-board-page .gbb-write-select:focus,
body.gbb-board-page .gbb-write-textarea:focus {
  border-color: var(--gb-pur);
  box-shadow: none;
  outline: none;
}
body.gbb-board-page .gbb-write-select option {
  background: var(--gb-bg3);
  color: var(--gb-txt);
}

/* ── 5-c) 에디터 래퍼(2차 카드) + focus-within ── */
body.gbb-board-page .gbb-editor-wrap {
  border: 1px solid var(--gb-line2);
  border-radius: 10px;
}
body.gbb-board-page .gbb-editor-wrap:focus-within {
  border-color: var(--gb-pur);
  box-shadow: none;
}

/* ── 5-d) 에디터 툴바 + 버튼(기본/호버) + 구분선 ── */
body.gbb-board-page .gbb-editor-toolbar {
  background: var(--gb-bg4);
  border-bottom: 1px solid var(--gb-line2);
}
body.gbb-board-page .gbb-tb-btn {
  background: transparent;
  border: 1px solid transparent;
  color: var(--gb-txt2);
}
body.gbb-board-page .gbb-tb-btn:hover {
  background: var(--gb-bg2);
  border-color: var(--gb-line2);
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-tb-sep {
  background: var(--gb-line2);
}

/* ── 5-e) contenteditable 본문(작성=결과 동일 타이포) ── */
body.gbb-board-page .gbb-editor {
  background: var(--gb-bg3);
  color: var(--gb-txt);
  caret-color: var(--gb-pur);
}
body.gbb-board-page .gbb-editor-empty::before {
  color: var(--gb-mut2);
}
body.gbb-board-page .gbb-editor a {
  color: #c4b9ff;
}
body.gbb-board-page .gbb-editor-dragover {
  background: rgba(146, 41, 247, 0.08) !important;
  outline-color: var(--gb-pur);
}
body.gbb-board-page .gbb-editor-dragover::after {
  background: rgba(20, 18, 26, 0.92);
  border: 1px solid rgba(146, 41, 247, 0.3);
  color: #c4b9ff;
}

/* ── 5-f) 에디터 푸터 + 글자수 카운터 ── */
body.gbb-board-page .gbb-editor-footer {
  background: var(--gb-bg4);
  border-top: 1px solid var(--gb-line2);
  color: var(--gb-mut);
}
body.gbb-board-page .gbb-editor-counter {
  color: var(--gb-mut2);
}

/* ── 5-g) 업로드 상태/드롭존/프리뷰 아이템 ── */
body.gbb-board-page .gbb-img-uploading {
  background: rgba(146, 41, 247, 0.08);
  border: 1px dashed rgba(146, 41, 247, 0.3);
  color: #c4b9ff;
}
body.gbb-board-page .gbb-image-dropzone {
  background: rgba(146, 41, 247, 0.03);
  border: 2px dashed rgba(146, 41, 247, 0.3);
}
body.gbb-board-page .gbb-image-dropzone:hover,
body.gbb-board-page .gbb-dropzone-hover {
  background: rgba(146, 41, 247, 0.08);
  border-color: var(--gb-pur);
}
body.gbb-board-page .gbb-dropzone-text {
  color: var(--gb-txt2);
}
body.gbb-board-page .gbb-dropzone-sub {
  color: var(--gb-mut2);
}
body.gbb-board-page .gbb-preview-item {
  background: var(--gb-bg3);
  border: 1px solid var(--gb-line2);
}
body.gbb-board-page .gbb-preview-name {
  color: var(--gb-mut);
}

/* ── 5-h) 산수 CAPTCHA(비회원) ── */
body.gbb-board-page .gbb-write-captcha {
  background: var(--gb-bg3);
  border: 1px solid var(--gb-line2);
}
body.gbb-board-page .gbb-write-captcha-q {
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-write-captcha-input {
  background: var(--gb-bg4) !important;
  border: 1px solid var(--gb-line2) !important;
  color: var(--gb-txt);
}

/* ── 5-i) 액션: 등록=핑크(주 action) / 미리보기·취소=아웃라인 ── */
body.gbb-board-page .gbb-write-actions {
  border-top: 1px solid var(--gb-line);
}
body.gbb-board-page .gbb-write-submit {
  background: var(--gb-pink);
  box-shadow: none;
}
body.gbb-board-page .gbb-write-submit:hover {
  background: #d41f87;
  box-shadow: none;
  transform: none;
}
body.gbb-board-page .gbb-write-preview {
  background: transparent;
  border: 1px solid var(--gb-line2);
  color: var(--gb-txt2);
  box-shadow: none;
}
body.gbb-board-page .gbb-write-preview:hover {
  background: var(--gb-bg3);
  border-color: var(--gb-line3);
  color: var(--gb-txt);
  box-shadow: none;
}
body.gbb-board-page .gbb-write-cancel {
  background: transparent;
  border: 1px solid var(--gb-line2);
  color: var(--gb-mut);
}
body.gbb-board-page .gbb-write-cancel:hover {
  background: var(--gb-bg3);
  border-color: var(--gb-line3);
  color: var(--gb-txt2);
}

/* ── 5-j) 미리보기 영역(작성=결과 동일 타이포, dashed로 임시 표시) ── */
body.gbb-board-page .gbb-preview-area {
  background: var(--gb-bg2);
  border: 1px dashed var(--gb-line2);
}
body.gbb-board-page .gbb-preview-header {
  background: var(--gb-bg3);
  border-bottom: 1px solid var(--gb-line);
}
body.gbb-board-page .gbb-preview-header h3 {
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-preview-close {
  background: var(--gb-bg3);
  border: 1px solid var(--gb-line2);
  color: var(--gb-mut);
}
body.gbb-board-page .gbb-preview-close:hover {
  background: rgba(150, 60, 60, 0.12);
  border-color: rgba(150, 60, 60, 0.4);
  color: #d98a8a;
}
body.gbb-board-page .gbb-preview-title h1 {
  color: var(--gb-txt);
}

/* ── 5-k) 게임정보 자동삽입 카드(인라인 위 컨테이너 프레임만 토큰화) ── */
body.gbb-board-page .gbb-game-card {
  background: var(--gb-bg2) !important;
  border: 1px solid var(--gb-line2) !important;
}

/* ── 5-l) 삽입 모달(링크/이미지 URL 입력) ── */
body.gbb-board-page .gbb-modal-overlay {
  background: rgba(16, 16, 21, 0.72);
}
body.gbb-board-page .gbb-modal {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line2);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
}
body.gbb-board-page .gbb-modal-title {
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-modal-msg {
  color: var(--gb-txt2);
}
body.gbb-board-page .gbb-modal-input {
  background: var(--gb-bg3);
  border: 1px solid var(--gb-line2);
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-modal-input:focus {
  border-color: var(--gb-pur);
  box-shadow: none;
}
body.gbb-board-page .gbb-modal-input::placeholder {
  color: var(--gb-mut2);
}
body.gbb-board-page .gbb-modal-btn-cancel {
  background: var(--gb-bg3);
  color: var(--gb-txt2);
}
body.gbb-board-page .gbb-modal-btn-ok {
  background: var(--gb-pur);
  box-shadow: none;
}
body.gbb-board-page .gbb-modal-btn-ok:hover {
  background: var(--gb-pur-d);
  box-shadow: none;
}
body.gbb-board-page .gbb-modal-btn-danger {
  background: rgba(150, 60, 60, 0.85);
  box-shadow: none;
}
body.gbb-board-page .gbb-modal-btn-danger:hover {
  background: rgba(170, 70, 70, 0.95);
  box-shadow: none;
}

/* ── 5-m) 링크 카드(에디터/본문 삽입) ── */
body.gbb-board-page .gbb-link-card {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
}
body.gbb-board-page .gbb-link-card:hover {
  border-color: rgba(146, 41, 247, 0.4);
  box-shadow: none;
}
body.gbb-board-page .gbb-link-card__thumb {
  background: var(--gb-bg3);
}
body.gbb-board-page .gbb-link-card__thumb--fallback {
  background: rgba(146, 41, 247, 0.18);
  color: var(--gb-txt2);
}
body.gbb-board-page .gbb-link-card__title {
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-link-card__desc {
  color: var(--gb-mut);
}
body.gbb-board-page .gbb-link-card__site {
  color: var(--gb-mut2);
}

/* ============================================================
   6) 카테고리 카드 그리드 + 빈상태 — /board/categories/ · /board/search/ 공용
   ------------------------------------------------------------
   best/베오베·search·categories 의 top-nav·피드·페이지네이션·best-criteria·empty 는
   §1~§2 에서 상속됨. 여기서는 미커버분(카테고리 카드 그리드 + 계층 자식 + 빈상태 CTA)만.
   ============================================================ */

/* ── 6-a) 카테고리 카드(대분류) ── */
body.gbb-board-page .gbb-cat-card {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
  color: var(--gb-txt2);
}
body.gbb-board-page .gbb-cat-card:hover {
  background: var(--gb-bg3);
  border-color: rgba(146, 41, 247, 0.35);
  box-shadow: none;
  transform: none;
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-cat-info h3 {
  color: var(--gb-txt);
}
body.gbb-board-page .gbb-cat-desc {
  color: var(--gb-mut);
}
body.gbb-board-page .gbb-cat-stats {
  color: var(--gb-mut);
}
/* "오늘 +N" = 활동 신선도 → 그린(핑크는 글쓰기/추천 CTA에 한정) */
body.gbb-board-page .gbb-cat-today {
  color: var(--gb-green);
}
body.gbb-board-page .gbb-cat-arrow {
  color: var(--gb-mut2);
}
body.gbb-board-page .gbb-cat-card:hover .gbb-cat-arrow {
  color: #c4b9ff;
}

/* ── 6-b) 계층 자식 카드(2뎁스) ── */
body.gbb-board-page .gbb-cat-has-children {
  border-left: 3px solid rgba(146, 41, 247, 0.4);
}
body.gbb-board-page .gbb-cat-child {
  border-left: 2px solid rgba(146, 41, 247, 0.22);
}
body.gbb-board-page .gbb-cat-indent {
  color: var(--gb-mut2);
}
body.gbb-board-page .gbb-cat-depth-badge {
  background: rgba(146, 41, 247, 0.2);
  color: #c4b9ff;
}

/* ── 6-c) 빈 상태 CTA 버튼(옛 보라 그라데 → 플랫 퍼플) ── */
body.gbb-board-page .gbb-empty-action {
  background: var(--gb-pur);
}
body.gbb-board-page .gbb-empty-action:hover {
  background: var(--gb-pur-d);
  transform: none;
}

/* ============================================================
   6-d) 전체 게시판(/board/categories/) 전용 — 밀도형 디렉터리 재설계
   ------------------------------------------------------------
   운영자 피드백(2026-06-26): 큰 2열 카드가 무겁고 보기 힘듦 → 완전 다른 방향.
   부모 = 그룹 헤더 행(작은 라운드 아이콘 + 이름 + 우측 통계), 자식 = 칩(pill).
   ⚠️ .gbb-cat-* 는 search 페이지와 공용 → categories 페이지에만(body.gbb-page-categories) 적용.
      (search의 카테고리 매칭 카드는 §6 기본 룩 유지 — 운영자 "다른 페이지는 괜찮다")
   ============================================================ */

/* 그리드 → 단일 흐름(부모 헤더 + 자식 칩행이 순서대로) */
body.gbb-page-categories .gbb-cat-grid {
  display: block;
}

/* ── 대분류(부모) = 그룹 헤더 행 ── */
body.gbb-page-categories .gbb-cat-grid > .gbb-cat-card {
  display: flex;
  align-items: center;
  gap: 12px;
  width: auto;
  padding: 9px 6px;
  margin: 18px 0 2px;
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--gb-line);
  border-radius: 0;
  box-shadow: none;
  transform: none;
}
body.gbb-page-categories .gbb-cat-grid > .gbb-cat-card:first-child {
  margin-top: 4px;
}
body.gbb-page-categories .gbb-cat-grid > .gbb-cat-card:hover {
  background: transparent;
  border-bottom-color: var(--gb-line3);
  box-shadow: none;
  transform: none;
}
/* 헤더 아이콘 = 작은 라운드 칩 */
body.gbb-page-categories .gbb-cat-grid > .gbb-cat-card > .gbb-cat-icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  font-size: 17px;
  background: var(--gb-bg3);
  border: 1px solid var(--gb-line2);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* 헤더 정보 = 이름 + 우측 통계 한 줄 */
body.gbb-page-categories .gbb-cat-grid > .gbb-cat-card > .gbb-cat-info {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
}
body.gbb-page-categories .gbb-cat-grid > .gbb-cat-card .gbb-cat-info h3 {
  font-size: 14.5px;
  font-weight: 700;
  white-space: nowrap;
}
body.gbb-page-categories .gbb-cat-grid > .gbb-cat-card .gbb-cat-stats {
  margin-left: auto;
  font-size: 12px;
  white-space: nowrap;
}
/* 설명 숨김(밀도) · 화살표 숨김 */
body.gbb-page-categories .gbb-cat-desc {
  display: none;
}
body.gbb-page-categories .gbb-cat-arrow {
  display: none;
}

/* ── 하위(자식) = 칩 행 ── */
body.gbb-page-categories .gbb-cat-children {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 7px;
  padding: 8px 0 4px 42px;
  margin: 0;
  border: none;
}
body.gbb-page-categories .gbb-cat-child.gbb-cat-card {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: auto;
  padding: 5px 11px 5px 9px;
  margin: 0;
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
  border-radius: 20px;
  opacity: 1;
  box-shadow: none;
  transform: none;
}
body.gbb-page-categories .gbb-cat-child.gbb-cat-card:hover {
  background: var(--gb-bg3);
  border-color: rgba(146, 41, 247, 0.4);
  box-shadow: none;
  transform: none;
}
body.gbb-page-categories .gbb-cat-child .gbb-cat-indent {
  display: none;
}
body.gbb-page-categories .gbb-cat-child .gbb-cat-icon {
  font-size: 14px !important;
  width: auto;
  min-width: 0;
  background: none;
  border: none;
  padding: 0;
}
body.gbb-page-categories .gbb-cat-child .gbb-cat-info {
  display: flex;
  align-items: center;
  gap: 7px;
  flex: none;
}
body.gbb-page-categories .gbb-cat-child .gbb-cat-info h3 {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--gb-txt2);
  margin: 0;
}
body.gbb-page-categories .gbb-cat-child:hover .gbb-cat-info h3 {
  color: var(--gb-txt);
}
body.gbb-page-categories .gbb-cat-child .gbb-cat-stats {
  gap: 6px;
  font-size: 11px;
  color: var(--gb-mut2);
}
/* 모바일: 긴 통계가 우측에서 잘리지 않게 헤더 정보 줄바꿈 + 칩 들여쓰기 축소 */
@media (max-width: 600px) {
  body.gbb-page-categories .gbb-cat-grid > .gbb-cat-card .gbb-cat-info {
    flex-wrap: wrap;
    gap: 2px 10px;
  }
  body.gbb-page-categories .gbb-cat-children {
    padding-left: 0;
  }
}

/* ============================================================
   7) board EXP 랭킹(/board/ranking/) — cx-system.css 위 오버레이
   ------------------------------------------------------------
   인벤토리(cx-ranking-roulette-inventory). 전부 cx-system.css, 인라인/!important 거의 없음(공개·읽기전용).
   옛 gold(#fbbf24/#fde68a/메달3색)→앰버 / green(#4ade80)→그린 / 보라(#a78bfa/#8b5cf6/#c4b5fd)→퍼플·#c4b9ff.
   글로우·그라데·애니(mvpGlow·crownBounce)·translateX 제거. JS 계약(.tab.active/.ranking-tab-content.active/#tab-*) 보존.
   ============================================================ */
body.gbb-board-page .gbb-page-title { color: var(--gb-txt); }
body.gbb-board-page .gbb-page-subtitle { color: var(--gb-mut); }

/* 기준 안내(details) */
body.gbb-board-page .ranking-info-box {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
}
body.gbb-board-page .ranking-info-box[open] { border-color: rgba(146, 41, 247, 0.3); }
body.gbb-board-page .ranking-info-label { color: var(--gb-txt2); }
body.gbb-board-page .ranking-info-arrow { color: var(--gb-mut); }
body.gbb-board-page .ranking-info-intro em,
body.gbb-board-page .ranking-info-item p em { color: #c4b9ff; }
body.gbb-board-page .ranking-info-item {
  background: var(--gb-bg3);
  border: 1px solid var(--gb-line);
}
body.gbb-board-page .ranking-info-item:hover { border-color: rgba(146, 41, 247, 0.18); }
body.gbb-board-page .ranking-info-item p u {
  background: rgba(240, 167, 48, 0.14);
  color: var(--gb-amber);
}
body.gbb-board-page .ranking-info-footer {
  background: rgba(240, 167, 48, 0.06);
  border: 1px solid rgba(240, 167, 48, 0.18);
}
body.gbb-board-page .ranking-info-footer strong { color: var(--gb-amber); }
body.gbb-board-page .ranking-tab-footnote {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
  color: var(--gb-mut);
}

/* 주간 MVP 카드 — 플랫 앰버(글로우/애니 제거) */
body.gbb-board-page .mvp-card {
  background: rgba(240, 167, 48, 0.06);
  border: 1px solid rgba(240, 167, 48, 0.22);
  border-radius: 12px;
}
body.gbb-board-page .mvp-card::before { display: none; }
body.gbb-board-page .mvp-crown { animation: none; }
body.gbb-board-page .mvp-card h3 { color: var(--gb-amber) !important; }
body.gbb-board-page .mvp-name { color: var(--gb-txt); }
body.gbb-board-page .mvp-detail { color: var(--gb-mut); }
body.gbb-board-page .mvp-avatar {
  border: 2px solid var(--gb-amber);
  box-shadow: none;
}

/* 탭(종합/배틀/퀴즈/카지노/출석) — 활성=플랫 퍼플 */
body.gbb-board-page .ranking-tabs .tab {
  background: var(--gb-bg3);
  border: 1px solid var(--gb-line2);
  color: var(--gb-txt2);
}
body.gbb-board-page .ranking-tabs .tab.active {
  background: var(--gb-pur);
  border-color: var(--gb-pur);
  color: #fff;
  box-shadow: none;
}

/* 랭킹 행 */
body.gbb-board-page .rank-row {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
  border-radius: 12px;
}
body.gbb-board-page .rank-row:hover {
  background: var(--gb-bg3);
  transform: none;
}
/* 상위 3 — 원본 !important라 동일 적용. 1위=앰버 강조 / 2·3위=중립 */
body.gbb-board-page .rank-top-1 {
  background: rgba(240, 167, 48, 0.08) !important;
  border-color: rgba(240, 167, 48, 0.25) !important;
}
body.gbb-board-page .rank-top-2,
body.gbb-board-page .rank-top-3 {
  background: var(--gb-bg3) !important;
  border-color: var(--gb-line2) !important;
}
body.gbb-board-page .rank-num { color: var(--gb-mut); }
body.gbb-board-page .rank-top-1 .rank-num { color: var(--gb-amber); }
body.gbb-board-page .rank-top-2 .rank-num,
body.gbb-board-page .rank-top-3 .rank-num { color: var(--gb-txt2); }
body.gbb-board-page .rank-avatar {
  border: 1px solid var(--gb-line2);
  box-shadow: none;
}
body.gbb-board-page .rank-top-1 .rank-avatar { border-color: var(--gb-amber); box-shadow: none; }
body.gbb-board-page .rank-top-2 .rank-avatar,
body.gbb-board-page .rank-top-3 .rank-avatar { border-color: var(--gb-line2); box-shadow: none; }
body.gbb-board-page .rank-nickname { color: var(--gb-txt); }
body.gbb-board-page .rank-top-1 .rank-nickname { color: var(--gb-amber); }
body.gbb-board-page .rank-lv { color: var(--gb-mut); }
body.gbb-board-page .rank-exp { color: #c4b9ff; }
body.gbb-board-page .rank-exp small { color: var(--gb-mut2); }
body.gbb-board-page .rank-highlight { color: var(--gb-amber); }
body.gbb-board-page .rank-profit { color: var(--gb-green); }
body.gbb-board-page .rank-sub { color: var(--gb-mut); }
body.gbb-board-page .ranking-empty,
body.gbb-board-page .ranking-empty p,
body.gbb-board-page .ranking-empty small { color: var(--gb-mut); }

/* ============================================================
   8) board 출석 룰렛(/board/roulette/) — cx-system.css 위 오버레이
   ------------------------------------------------------------
   ⚠️ 휠 회전 보호: .roulette-wheel 의 transform/transition/border-radius/overflow 절대 미변경.
      휠 conic 색은 범례(.legend-item 인라인 hex)와 일치해야 하므로 유지 — 글로우 box-shadow·테두리만 토큰화.
   JS 계약(#roulette-wheel·#spin-roulette·.cal-day.today) 보존. 일반 클래스(.stat/.rank/.nickname)는 부모 한정.
   ============================================================ */

/* 휠 — 색(conic)·회전 유지, 글로우만 제거 + 토큰 테두리 */
body.gbb-board-page .roulette-wheel {
  border: 2px solid var(--gb-line2);
  box-shadow: none;
}
body.gbb-board-page .roulette-wheel::after {
  background: var(--gb-bg3);
  border: 2px solid var(--gb-line2);
  box-shadow: none;
}
body.gbb-board-page .roulette-pointer { color: var(--gb-amber); }

/* 돌리기 버튼 = 핑크 CTA(글로우/hover transform 제거, :active 클릭감은 cx 원본 유지) */
body.gbb-board-page .btn-spin-roulette {
  background: var(--gb-pink);
  box-shadow: none;
}
body.gbb-board-page .btn-spin-roulette:hover {
  background: #d41f87;
  transform: none;
  box-shadow: none;
}

/* 오늘 완료 박스 = 플랫 그린 */
body.gbb-board-page .roulette-done {
  background: rgba(27, 189, 138, 0.08);
  border: 1px solid rgba(27, 189, 138, 0.22);
  backdrop-filter: none;
  box-shadow: none;
}
body.gbb-board-page .roulette-done strong { color: var(--gb-green); }

/* MC 서버 연동 안내 = 플랫 카드(그라데 테두리 트릭 제거) */
body.gbb-board-page .roulette-mc-notice {
  background: none;
  padding: 0;
}
body.gbb-board-page .roulette-mc-notice-inner {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
  backdrop-filter: none;
}
body.gbb-board-page .roulette-mc-title { color: var(--gb-green); }
body.gbb-board-page .roulette-mc-desc { color: var(--gb-mut); }
body.gbb-board-page .roulette-mc-desc a { color: #c4b9ff; }
body.gbb-board-page .roulette-mc-id {
  background: rgba(27, 189, 138, 0.10);
  border: 1px solid rgba(27, 189, 138, 0.25);
  color: var(--gb-green);
}
body.gbb-board-page .roulette-mc-offline-notice .roulette-mc-title { color: var(--gb-cyan); }
body.gbb-board-page .roulette-mc-offline-notice .roulette-mc-desc strong { color: var(--gb-cyan); }

/* 출석 캘린더 = 카드화 */
body.gbb-board-page .attendance-calendar {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
  border-radius: 12px;
  padding: 16px;
}
body.gbb-board-page .cal-day {
  background: var(--gb-bg3);
  border: 1px solid var(--gb-line);
  color: var(--gb-mut);
}
body.gbb-board-page .cal-day.attended {
  background: rgba(27, 189, 138, 0.10);
  border-color: rgba(27, 189, 138, 0.22);
  color: var(--gb-green);
}
body.gbb-board-page .cal-day.today {
  border-color: var(--gb-pur);
  box-shadow: 0 0 0 1px var(--gb-pur);
}

/* 출석 통계 = 카드화(strong=앰버 골드) */
body.gbb-board-page .attendance-stats .stat {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
  border-radius: 10px;
  color: var(--gb-mut);
}
body.gbb-board-page .attendance-stats .stat strong { color: var(--gb-amber); }

/* 출석왕 랭킹 카드 (h3는 cx에서 #fff !important라 유지) */
body.gbb-board-page .gbb-ranking-card {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
  border-radius: 12px;
}
body.gbb-board-page .ranking-item { background: var(--gb-bg3); }
body.gbb-board-page .ranking-item:hover { background: var(--gb-bg4); }
body.gbb-board-page .ranking-item .nickname { color: var(--gb-txt); }
body.gbb-board-page .ranking-item .stat { color: var(--gb-mut); }
body.gbb-board-page .login-notice { color: var(--gb-mut); }

/* ============================================================
   9) 카지노 허브(/board/casino/) — cx-system.css 위 오버레이 (P4-1)
   ------------------------------------------------------------
   인벤토리(p4-casino-chunk1). 전부 cx-system.css, 인라인 거의 없음(.casino-pioneers-highlight만 !important).
   시안(board-casino.html .cas-card)→.casino-game-card 매핑. 옛 보라(139,92,246)/골드그라데/빨강/글로우/translateY 플랫화.
   .gbb-ranking-card/.ranking-item/.ranking-empty 는 §8 상속. JS/마크업 미수정, 시각만.
   ============================================================ */
/* 9-a) 헤더 잔액/안내 (title/subtitle 은 §7 상속) */
body.gbb-board-page .casino-balance { color: var(--gb-amber); }
body.gbb-board-page .casino-balance strong { color: #f0c98a; }
body.gbb-board-page .casino-login-notice { color: var(--gb-mut); }
/* 9-b) 실시간 피드 — 컨테이너 카드화(marquee 애니는 정보 캐러셀이라 유지) */
body.gbb-board-page .casino-live-feed {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
  border-radius: 12px;
  padding: 10px 14px;
}
body.gbb-board-page .feed-item { color: var(--gb-txt2); }
/* 9-c) 게임 카드 그리드 (플랫, transform/글로우 제거) */
body.gbb-board-page .casino-game-card {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
  border-radius: 12px;
}
body.gbb-board-page .casino-game-card:hover {
  background: var(--gb-bg3);
  border-color: rgba(146, 41, 247, 0.35);
  transform: none;
  box-shadow: none;
}
body.gbb-board-page .casino-game-card h3 { color: var(--gb-txt); }
body.gbb-board-page .casino-game-card p { color: var(--gb-mut); }
/* 9-d) 배지 — 기본=퍼플 / hot=핑크 / jackpot=앰버 / quick=그린 / danger=절제빨강 */
body.gbb-board-page .game-badge {
  background: rgba(146, 41, 247, 0.14);
  border: 1px solid rgba(146, 41, 247, 0.22);
  color: #c4b9ff;
}
body.gbb-board-page .game-badge.hot { background: rgba(231, 43, 153, 0.14); color: #f4a8d3; }
body.gbb-board-page .game-badge.jackpot { background: rgba(240, 167, 48, 0.15); color: var(--gb-amber); }
body.gbb-board-page .game-badge.quick { background: rgba(27, 189, 138, 0.15); color: var(--gb-green); }
body.gbb-board-page .game-badge.danger { background: rgba(150, 60, 60, 0.16); color: #d98a8a; }
/* 9-e) 섹션 안내(보라 톤 절제) */
body.gbb-board-page .casino-section-info {
  background: rgba(146, 41, 247, 0.08);
  border: 1px solid rgba(146, 41, 247, 0.18);
}
body.gbb-board-page .casino-section-info p { color: var(--gb-mut); }
/* 9-f) 수익왕 profit(§8 .ranking-item 상속, profit만 그린) */
body.gbb-board-page .ranking-item .stat.profit { color: var(--gb-green); }
/* 9-g) 연승 랭킹 */
body.gbb-board-page .streak-item .streak-count { color: var(--gb-amber); }
body.gbb-board-page .streak-item .streak-game {
  color: var(--gb-mut);
  background: var(--gb-bg4);
  border: 1px solid var(--gb-line2);
}
body.gbb-board-page .streak-bet-badge,
body.gbb-board-page .pioneer-mini-bet {
  background: rgba(240, 167, 48, 0.12);
  border: 1px solid rgba(240, 167, 48, 0.3);
  color: var(--gb-amber);
}
/* 9-h) 최초 기록자(.casino-pioneers-highlight 는 원본 !important) */
body.gbb-board-page .casino-pioneers-highlight {
  background: rgba(240, 167, 48, 0.05) !important;
  border: 1px solid rgba(240, 167, 48, 0.22) !important;
}
body.gbb-board-page .pioneer-highlight-desc { color: var(--gb-mut); }
body.gbb-board-page .pioneer-mini-card {
  background: var(--gb-bg3);
  border: 1px solid rgba(240, 167, 48, 0.18);
}
body.gbb-board-page .pioneer-mini-card:hover {
  background: rgba(240, 167, 48, 0.1);
  border-color: rgba(240, 167, 48, 0.3);
  transform: none;
}
body.gbb-board-page .pioneer-mini-crown { filter: none; }
body.gbb-board-page .pioneer-mini-streak { color: var(--gb-amber); }
body.gbb-board-page .pioneer-mini-name { color: var(--gb-txt); }
body.gbb-board-page .pioneer-mini-game {
  color: var(--gb-mut2);
  background: var(--gb-bg4);
  border: 1px solid var(--gb-line2);
}
body.gbb-board-page .pioneer-view-all-link {
  background: var(--gb-bg3);
  border: 1px solid rgba(240, 167, 48, 0.3);
  color: var(--gb-amber);
}
body.gbb-board-page .pioneer-view-all-link:hover {
  background: rgba(240, 167, 48, 0.1);
  border-color: rgba(240, 167, 48, 0.4);
  transform: none;
}
body.gbb-board-page .pioneer-empty-inline { color: var(--gb-mut); }
body.gbb-board-page .pioneer-empty-inline a { color: #c4b9ff; }
/* 9-i) 거래량 / 안전안내 */
body.gbb-board-page .casino-volume { color: var(--gb-mut); }
body.gbb-board-page .casino-safety-notice {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
  border-radius: 12px;
  color: var(--gb-mut2);
}

/* ============================================================
   10) 카지노 공용 게임 UI(9게임 공유 chrome) — cx-system.css 위 오버레이 (P4-1)
   ------------------------------------------------------------
   bet-chips.php + 게임 공용 요소(상단바/잔액/칩/딜·스핀 버튼/btn-choice·action/결과/리더보드).
   게임별 고유 캔버스(카드/릴/딜러/바카라테이블)는 다음 청크. 인라인 색 없음(.card.red 등 클래스).
   ⚠️ 보존: .game-phase.hidden(display:none JS 토글)·#balance·data-bet·결과 상태클래스(.win/.lose/.push).
   딜/스핀 = 핑크(§8 룰렛 버튼과 통일). 칩 active/btn-choice.chosen = 퍼플(선택 상태). 글로우·transform·애니 제거.
   ============================================================ */
/* 10-a) 상단바 / 보드 / 진행방법 */
body.gbb-board-page .back-link { color: var(--gb-mut); }
body.gbb-board-page .back-link:hover { color: var(--gb-pur); }
body.gbb-board-page .game-balance { color: var(--gb-amber); }
body.gbb-board-page .game-board {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
  border-radius: 12px;
  box-shadow: none;
}
body.gbb-board-page .game-title { color: var(--gb-txt) !important; }
body.gbb-board-page .game-howto {
  background: var(--gb-bg3);
  border: 1px solid var(--gb-line);
  color: var(--gb-mut);
}
body.gbb-board-page .game-howto summary { color: var(--gb-txt2); }
/* 10-b) 베팅 칩 (active=퍼플, 글로우 제거) */
body.gbb-board-page .bet-chips .chip {
  background: var(--gb-bg3);
  border: 1px solid var(--gb-line2);
  color: var(--gb-txt2);
}
body.gbb-board-page .bet-chips .chip:hover {
  background: var(--gb-bg4);
  border-color: var(--gb-line3);
}
body.gbb-board-page .bet-chips .chip.active {
  background: rgba(146, 41, 247, 0.14);
  border-color: var(--gb-pur);
  color: #c4b9ff;
  box-shadow: none;
}
/* 10-c) 딜/스핀 주 CTA = 핑크(그라데·글로우·hover transform 제거) */
body.gbb-board-page .btn-deal,
body.gbb-board-page .btn-spin,
body.gbb-board-page .btn-spin-roulette {
  background: var(--gb-pink);
  box-shadow: none;
}
body.gbb-board-page .btn-deal:hover,
body.gbb-board-page .btn-spin:hover,
body.gbb-board-page .btn-spin-roulette:hover {
  background: #d41f87;
  transform: none;
  box-shadow: none;
}
/* 10-d) 선택 버튼(홀짝/하이로우/바카라) — 의미색 토큰, 선택=퍼플 */
body.gbb-board-page .btn-choice {
  background: var(--gb-bg3);
  border: 2px solid var(--gb-line2);
  color: var(--gb-txt2);
}
body.gbb-board-page .btn-choice:hover { transform: none; }
body.gbb-board-page .btn-choice.odd:hover,
body.gbb-board-page .btn-choice.low:hover { border-color: rgba(150, 60, 60, 0.5); color: #d98a8a; }
body.gbb-board-page .btn-choice.even:hover,
body.gbb-board-page .btn-choice.stand:hover { border-color: var(--gb-cyan); color: var(--gb-cyan); }
body.gbb-board-page .btn-choice.high:hover { border-color: var(--gb-green); color: var(--gb-green); }
body.gbb-board-page .btn-choice.chosen {
  border-color: var(--gb-pur) !important;
  background: rgba(146, 41, 247, 0.14) !important;
  box-shadow: none;
}
/* 10-e) 블랙잭 액션(hit/stand/double) */
body.gbb-board-page .btn-action {
  background: var(--gb-bg3);
  border: 2px solid var(--gb-line2);
  color: var(--gb-txt2);
}
body.gbb-board-page .btn-action small { color: var(--gb-mut); }
body.gbb-board-page .btn-action.hit:hover { border-color: var(--gb-green); color: var(--gb-green); }
body.gbb-board-page .btn-action.stand:hover { border-color: var(--gb-cyan); color: var(--gb-cyan); }
body.gbb-board-page .btn-action.double:hover { border-color: var(--gb-amber); color: var(--gb-amber); }
/* 10-f) 점수/결과 — 애니/글로우 제거, 승=그린·패=절제빨강·무=앰버 */
body.gbb-board-page .hand-total { color: var(--gb-amber); }
body.gbb-board-page .hand-total.updated { animation: none; }
body.gbb-board-page .result-display { animation: none; }
body.gbb-board-page .result-display.win { color: var(--gb-green); text-shadow: none; }
body.gbb-board-page .result-display.lose { color: #d98a8a; }
body.gbb-board-page .result-display.push { color: var(--gb-amber); }
/* 10-g) 게임 리더보드 */
body.gbb-board-page .game-leaderboard {
  background: var(--gb-bg2);
  border: 1px solid var(--gb-line);
  border-radius: 12px;
}
body.gbb-board-page .lb-item { color: var(--gb-txt2); }
body.gbb-board-page .lb-profit { color: var(--gb-green); }
body.gbb-board-page .lb-empty { color: var(--gb-mut); }

/* ============================================================
   11) 카지노 게임별 캔버스 9종 — cx-system.css 위 오버레이 (P4-2)
   ------------------------------------------------------------
   §10(공용 chrome: game-board/title/howto/chip/딜스핀/btn-choice/action/result-display/
   leaderboard/back-link/balance)은 재선언 안 함. 여기는 게임 고유 캔버스만.
   인벤토리(p4-game-canvas-inventory, 5에이전트).
   ✅ 보존: 카드 .card.red(♥♦) · 룰렛 red/black/green · 말 SVG색 · 게임 의미색(승=그린/골드=앰버) ·
            JS 계약(#id·data-*·상태클래스 .hidden/.win*/.lose*/.chosen/.selected/.flipping 등) ·
            기능 모션(휠 회전 transform/transition · 말 이동 left · 코인 flip · 볼 바운스 · 카드 등장).
   플랫화: 글로우/네온/골드그라데/보라그라데/장식 애니(scorePulse·vsPulse·rainbow·shimmer 등) 제거.
   ============================================================ */

/* ── 11-공통 ── */
body.gbb-board-page .game-desc { color: var(--gb-mut); }
body.gbb-board-page .game-result { border-radius: 12px; }

/* ── 11-CARD) 트럼프 카드(블랙잭/포커/바카라/하이로우 공유) ── */
body.gbb-board-page .dealer-area h4,
body.gbb-board-page .player-area h4 { color: var(--gb-mut); }
body.gbb-board-page .divider { color: var(--gb-mut2); animation: none; }
/* 카드 앞면 — bg3 평면, 3D딜/hover/그림자 제거. .card.red(♥♦)·검정무늬(#fff) 미수정 */
body.gbb-board-page .card {
  background: var(--gb-bg3);
  border: 1px solid var(--gb-line2);
  border-radius: 12px;
  box-shadow: none;
  animation: none;
}
body.gbb-board-page .card:hover { transform: none; box-shadow: none; }
/* 카드 뒷면 — 보라 단색(JS 인라인 hidden-card 보라와 톤 통일), 패턴/글로우 제거 */
body.gbb-board-page .card.face-down {
  background: var(--gb-pur-d);
  border: 1px solid rgba(146, 41, 247, 0.35);
  box-shadow: none;
}
body.gbb-board-page .card.face-down::after { color: rgba(196, 185, 255, 0.3); text-shadow: none; }
/* 카드 상태(블랙잭/포커 공유) — 의미색 보더만, 글로우/애니 제거(cx !important) */
body.gbb-board-page .card.bj-card-win,
body.gbb-board-page .card.win-highlight {
  border-color: var(--gb-green) !important;
  box-shadow: none !important;
  animation: none !important;
}
body.gbb-board-page .card.bj-card-blackjack {
  border-color: var(--gb-amber) !important;
  box-shadow: none !important;
  animation: none !important;
}
body.gbb-board-page .card.bj-card-lose,
body.gbb-board-page .card.bj-card-bust {
  border-color: rgba(150, 60, 60, 0.5) !important;
  box-shadow: none !important;
  animation: none !important;
}
body.gbb-board-page .card.lose-dim { filter: grayscale(0.4); opacity: 0.5; }

/* ── 11-BJ) 블랙잭 결과 오버레이/플로팅(화려도 최상 → 평면화) ── */
body.gbb-board-page .dealer-area.dealer-bust h4 { color: #d98a8a !important; animation: none; }
body.gbb-board-page .bj-result-overlay,
body.gbb-board-page .bj-ro { animation: none; box-shadow: none; }
body.gbb-board-page .bj-result-overlay::before,
body.gbb-board-page .bj-ro::before { display: none; }
body.gbb-board-page .bj-ro.win { background: rgba(27, 189, 138, 0.08); border-color: rgba(27, 189, 138, 0.3); box-shadow: none; }
body.gbb-board-page .bj-ro.blackjack { background: rgba(240, 167, 48, 0.1); border-color: rgba(240, 167, 48, 0.35); box-shadow: none; }
body.gbb-board-page .bj-ro.lose { background: rgba(150, 60, 60, 0.1); border-color: rgba(150, 60, 60, 0.3); }
body.gbb-board-page .bj-ro.push { background: var(--gb-bg3); border-color: var(--gb-line2); }
body.gbb-board-page .bj-result-overlay.blackjack .bj-result-amount,
body.gbb-board-page .bj-ro-gold.blackjack {
  background: none !important;
  -webkit-text-fill-color: var(--gb-amber) !important;
  color: var(--gb-amber) !important;
  filter: none !important;
  animation: none !important;
}
body.gbb-board-page .bj-ro-gold.win { color: var(--gb-green); text-shadow: none; }
body.gbb-board-page .bj-ro-gold.lose { color: #d98a8a; text-shadow: none; }
body.gbb-board-page .bj-ro-gold.push { color: var(--gb-txt2); text-shadow: none; }
body.gbb-board-page .bj-ro-badge.win { color: var(--gb-green); background: rgba(27, 189, 138, 0.12); border-color: rgba(27, 189, 138, 0.25); text-shadow: none; }
body.gbb-board-page .bj-ro-badge.blackjack { color: var(--gb-amber); background: rgba(240, 167, 48, 0.12); border-color: rgba(240, 167, 48, 0.3); text-shadow: none; }
body.gbb-board-page .bj-ro-badge.lose { color: #d98a8a; background: rgba(150, 60, 60, 0.1); border-color: rgba(150, 60, 60, 0.25); }
body.gbb-board-page .bj-ro-badge.push { color: var(--gb-txt2); background: var(--gb-bg3); border-color: var(--gb-line2); }
body.gbb-board-page .bj-ro-spark,
body.gbb-board-page .bj-ro-icon-ring { display: none; }
body.gbb-board-page .bj-ro-vs-num { color: var(--gb-amber); }
body.gbb-board-page .score-win .bj-ro-vs-num { color: var(--gb-green); }
body.gbb-board-page .bj-float-badge.win { background: var(--gb-green); box-shadow: none; }
body.gbb-board-page .bj-float-badge.blackjack { background: var(--gb-amber); box-shadow: none; }
body.gbb-board-page .bj-float-badge.lose,
body.gbb-board-page .bj-float-badge.bust { background: #b35454; box-shadow: none; }
body.gbb-board-page .bj-float-badge.push { background: var(--gb-bg3); color: var(--gb-txt2); box-shadow: none; }
body.gbb-board-page .bj-screen-flash.purple { background: radial-gradient(ellipse at 50% 40%, rgba(146, 41, 247, 0.25), transparent 80%); }

/* ── 11-SLOT) 슬롯 릴/페이테이블/결과 ── */
body.gbb-board-page .slots-machine { perspective: none; }
body.gbb-board-page .slots-reels { background: var(--gb-bg3); border: 1px solid var(--gb-line); border-radius: 12px; box-shadow: none; }
body.gbb-board-page .reel { background: var(--gb-bg2); border: 1px solid var(--gb-line2); border-radius: 12px; transition: border-color 0.2s, opacity 0.2s; }
body.gbb-board-page .reel.spinning { border-color: var(--gb-pur); box-shadow: none; animation: none; }
body.gbb-board-page .reel.stopped { animation: none; }
body.gbb-board-page .reel.win-glow,
body.gbb-board-page .reel.slot-reel-win { border-color: var(--gb-green) !important; box-shadow: none !important; transform: none; animation: none; }
body.gbb-board-page .reel.jackpot-glow,
body.gbb-board-page .reel.slot-reel-jackpot { border-color: var(--gb-amber) !important; border-width: 1px !important; box-shadow: none !important; transform: none; animation: none; }
body.gbb-board-page .reel.slot-reel-lose { opacity: 0.45; filter: none; transform: none; }
body.gbb-board-page .pay-row { background: var(--gb-bg3); color: var(--gb-mut); }
body.gbb-board-page .pay-row.highlight { color: var(--gb-amber); background: rgba(240, 167, 48, 0.08); }
body.gbb-board-page .pay-row.jackpot { color: #e08a8a; background: rgba(224, 138, 138, 0.08); animation: none; }
body.gbb-board-page .slots-result { animation: none; }
body.gbb-board-page .slots-result.win-result { color: var(--gb-green); }
body.gbb-board-page .slots-result.lose-result { color: #d98a8a; }
body.gbb-board-page .slots-result.jackpot-result { color: var(--gb-amber); animation: none; }
body.gbb-board-page .slot-ro-reels { background: var(--gb-bg3); border: 1px solid var(--gb-line); animation: none; }
body.gbb-board-page .slot-ro-symbol { background: var(--gb-bg4); border: 1px solid var(--gb-line); }
body.gbb-board-page .slot-ro-multi { color: var(--gb-amber); background: rgba(240, 167, 48, 0.1); border: 1px solid rgba(240, 167, 48, 0.22); }

/* ── 11-BAC) 바카라 테이블/뱃지/핸드/VS ── */
body.gbb-board-page .bac-table { background: var(--gb-bg3); border: 1px solid var(--gb-line); border-radius: 12px; transition: none; }
body.gbb-board-page .bac-table::before { display: none; }
body.gbb-board-page .bac-table.bac-table-dealing { border-color: var(--gb-pur); box-shadow: none; }
body.gbb-board-page .bac-table.bac-table-result { border-color: var(--gb-green); box-shadow: none; }
body.gbb-board-page .bac-deco-chip { animation: none; opacity: 0.08; }
body.gbb-board-page .bac-info-badge { background: var(--gb-bg4); border: 1px solid var(--gb-line2); color: var(--gb-mut); border-radius: 10px; }
body.gbb-board-page .bac-info-badge span { color: var(--gb-amber); }
body.gbb-board-page .bac-info-badge.player { border-color: rgba(39, 192, 214, 0.35); }
body.gbb-board-page .bac-info-badge.tie { border-color: rgba(27, 189, 138, 0.35); }
body.gbb-board-page .bac-info-badge.banker { border-color: rgba(217, 138, 138, 0.45); }
body.gbb-board-page .bac-hand { background: var(--gb-bg2); border: 1px solid var(--gb-line); border-radius: 12px; transition: none; }
body.gbb-board-page .bac-hand-label { color: var(--gb-mut); }
body.gbb-board-page .bac-placeholder-card { background: var(--gb-bg4); border: 1px solid var(--gb-line2); border-radius: 8px; color: var(--gb-mut2); animation: none; }
body.gbb-board-page .bac-card-deal { animation: none; }
body.gbb-board-page .bac-hand-total { color: var(--gb-mut); transition: none; }
body.gbb-board-page .bac-hand-total.updated { animation: none; color: var(--gb-amber); }
body.gbb-board-page .bac-hand-total.bac-winner { color: var(--gb-green); text-shadow: none; }
body.gbb-board-page .bac-hand-total.bac-loser { color: var(--gb-mut2); }
body.gbb-board-page .bac-vs { color: var(--gb-line3); transition: none; }
body.gbb-board-page .bac-vs.bac-vs-active { color: var(--gb-txt2); }
body.gbb-board-page .bac-vs-glow { display: none; }
body.gbb-board-page .bac-hand.bac-hand-win { background: rgba(27, 189, 138, 0.08); border-color: var(--gb-green); box-shadow: none; }
body.gbb-board-page .bac-hand.bac-hand-win .bac-hand-cards .card { box-shadow: none; }
body.gbb-board-page .bac-btn-multi { color: var(--gb-amber); background: rgba(240, 167, 48, 0.12); border-radius: 6px; }
/* 프리미엄 버튼(아이콘+라벨+배지 세로스택)이 베이스 .btn-choice min-height:68px·border-box 때문에
   아이콘이 위로 넘침 → 충분한 높이 확보 + 세로 중앙정렬(레이아웃 !important는 cx와 동급으로) */
body.gbb-board-page .bac-premium-btn {
  min-height: 96px !important;
  height: auto !important;
  justify-content: center !important;
}
body.gbb-board-page .btn-choice.player:hover:not(:disabled) { border-color: var(--gb-cyan); color: var(--gb-cyan); }
body.gbb-board-page .btn-choice.tie:hover:not(:disabled) { border-color: var(--gb-green); color: var(--gb-green); }
body.gbb-board-page .btn-choice.banker:hover:not(:disabled) { border-color: rgba(217, 138, 138, 0.6); color: #d98a8a; }
body.gbb-board-page .bac-ro-score { background: var(--gb-bg3); border: 1px solid var(--gb-line2); animation: none; }
body.gbb-board-page .bac-ro-side-label,
body.gbb-board-page .bac-ro-side-total { color: var(--gb-mut); }
body.gbb-board-page .bac-ro-side.winner .bac-ro-side-total { color: var(--gb-green); text-shadow: none; }
body.gbb-board-page .bac-ro-side.loser .bac-ro-side-total { color: var(--gb-mut2); }
body.gbb-board-page .bac-ro-vs { color: var(--gb-line3); }

/* ── 11-OE) 홀짝 주사위 ── */
body.gbb-board-page .dice-plus,
body.gbb-board-page .dice-eq { color: var(--gb-mut2); }
body.gbb-board-page .dice-total { color: var(--gb-amber); }
body.gbb-board-page .dice-total.pulse { animation: none; }
body.gbb-board-page .dice.rolling { animation: none; filter: none; }
body.gbb-board-page .dice.revealed { animation: none; }
body.gbb-board-page .dice.oe-dice-win { animation: none; filter: none; }
body.gbb-board-page .dice.oe-dice-lose { filter: grayscale(0.4); opacity: 0.5; }
body.gbb-board-page #oddeven-result { animation: none; border-radius: 12px; }
body.gbb-board-page #oddeven-result.win-result { color: var(--gb-green); background: rgba(27, 189, 138, 0.1) !important; border-color: rgba(27, 189, 138, 0.25); }
body.gbb-board-page #oddeven-result.lose-result { color: #d98a8a; background: rgba(217, 138, 138, 0.08) !important; border-color: rgba(217, 138, 138, 0.2); }
body.gbb-board-page .oe-ro-dice { background: var(--gb-bg3); border-color: var(--gb-line); animation: none; }

/* ── 11-HL) 하이로우 ── */
body.gbb-board-page .current-card { background: var(--gb-bg3); border-color: var(--gb-line2); box-shadow: none; }
body.gbb-board-page .current-card.card-flip { animation: none; }
body.gbb-board-page .current-card.win-card { box-shadow: none; animation: none; border-color: var(--gb-green); }
body.gbb-board-page .current-card.win-card::after { display: none; }
body.gbb-board-page .current-card.lose-card { box-shadow: none; animation: none; border-color: #d98a8a; }
body.gbb-board-page .current-card.streak-rainbow,
body.gbb-board-page .current-card.streak-cosmic { animation: none; box-shadow: none; border-color: var(--gb-pur); }
/* 플로팅 보상 뱃지: hlFloatUp 애니(떠올라 사라짐)는 보존해야 카드에 안 겹침 — animation 끄지 말 것.
   네온 글로우만 절제(가독용 다크 섀도). */
body.gbb-board-page .hl-float-badge { text-shadow: 0 1px 4px rgba(0, 0, 0, 0.85); }
body.gbb-board-page .hl-screen-flash { display: none; }
body.gbb-board-page .hl-coin-particle { display: none; }
body.gbb-board-page .highlow-board.board-shake { animation: none; }
body.gbb-board-page .hl-streak-info { color: var(--gb-mut); }
body.gbb-board-page .hl-streak-info strong { color: var(--gb-amber); }
body.gbb-board-page .hl-streak-info strong.streak-pulse,
body.gbb-board-page .hl-streak-info strong.streak-fire { animation: none; text-shadow: none; color: var(--gb-amber); }
body.gbb-board-page .hl-multiplier-table { color: var(--gb-mut2); }
body.gbb-board-page .btn-cashout { color: var(--gb-amber); background: rgba(240, 167, 48, 0.1); border-color: rgba(240, 167, 48, 0.3); animation: none; }
body.gbb-board-page .btn-cashout:hover { background: rgba(240, 167, 48, 0.18); transform: none; box-shadow: none; }
body.gbb-board-page #hl-result.hl-result-win { animation: none; background: rgba(27, 189, 138, 0.08); border-color: rgba(27, 189, 138, 0.25); }
body.gbb-board-page #hl-result.hl-result-lose { animation: none; background: rgba(217, 138, 138, 0.08); border-color: rgba(217, 138, 138, 0.2); }
body.gbb-board-page .hl-preview-card { animation: none; }
body.gbb-board-page .hl-vs-icon { animation: none; }
body.gbb-board-page .hl-vs-text { color: var(--gb-mut2); }
body.gbb-board-page .hl-preview-label { background: none; -webkit-text-fill-color: var(--gb-txt2); color: var(--gb-txt2); animation: none; }
body.gbb-board-page .hl-payout-ladder { background: var(--gb-bg3); border-color: var(--gb-line); }
body.gbb-board-page .hl-ladder-title { color: var(--gb-txt2); }
body.gbb-board-page .hl-step-num { color: var(--gb-mut); }
body.gbb-board-page .hl-step-bar { background: rgba(146, 41, 247, 0.45); }
body.gbb-board-page .hl-ladder-step.hot .hl-step-bar { background: rgba(240, 167, 48, 0.55); }
body.gbb-board-page .hl-ladder-step.jackpot .hl-step-bar { background: rgba(217, 138, 138, 0.55); animation: none; }
body.gbb-board-page .hl-step-mult { color: var(--gb-txt2); }
body.gbb-board-page .hl-ladder-step.hot .hl-step-mult { color: var(--gb-amber); }
body.gbb-board-page .hl-ladder-step.jackpot .hl-step-num,
body.gbb-board-page .hl-ladder-step.jackpot .hl-step-mult { color: #d98a8a; }
body.gbb-board-page .hl-stat-item { background: var(--gb-bg3); border-color: var(--gb-line); }
body.gbb-board-page .hl-stat-value { color: var(--gb-txt); }
body.gbb-board-page .hl-stat-label { color: var(--gb-mut); }

/* ── 11-DBL) 더블 오어 낫싱(코인 앞=골드/뒤=흑화, flip 모션 보존) ── */
body.gbb-board-page .dbl-coin-front {
  background: radial-gradient(circle at 35% 30%, #fde68a 0%, #f0a730 55%, #b9781c 100%);
  border-color: var(--gb-amber);
  box-shadow: inset 0 -4px 12px rgba(0, 0, 0, 0.18), inset 0 4px 8px rgba(255, 255, 255, 0.22);
}
body.gbb-board-page .dbl-coin-back {
  border-color: #d98a8a;
  box-shadow: inset 0 -4px 12px rgba(0, 0, 0, 0.3), inset 0 4px 8px rgba(255, 255, 255, 0.06);
  text-shadow: none;
}
body.gbb-board-page .dbl-stat-label { color: var(--gb-mut); }
body.gbb-board-page .dbl-stat-value { color: var(--gb-amber); }
body.gbb-board-page .dbl-next { color: var(--gb-pur) !important; }
body.gbb-board-page .dbl-cashout-btn { animation: none; }
body.gbb-board-page .dbl-cashout-btn:hover { transform: none; box-shadow: none; }
body.gbb-board-page #double-result.win-result { background: rgba(27, 189, 138, 0.1) !important; color: var(--gb-green); border-color: rgba(27, 189, 138, 0.25); }
body.gbb-board-page #double-result.lose-result { background: rgba(217, 138, 138, 0.08) !important; color: #d98a8a; border-color: rgba(217, 138, 138, 0.2); }

/* ── 11-RG) 룰렛 게임(휠 회전 보존, red/black/green 식별색 유지) ── */
body.gbb-board-page .rg-wheel { border-color: var(--gb-line3); box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.4); }
body.gbb-board-page .rg-ball { background: var(--gb-bg4); border-color: var(--gb-line3); box-shadow: none; }
body.gbb-board-page .rg-pointer { border-top-color: var(--gb-amber); filter: none; }
body.gbb-board-page .rg-pointer::after { border-top-color: var(--gb-amber); }
body.gbb-board-page .rg-bet-btn { background: var(--gb-bg3); border-color: var(--gb-line2); color: var(--gb-txt2); border-radius: 12px; }
body.gbb-board-page .rg-bet-btn:hover { transform: none; box-shadow: none; border-color: var(--gb-line3); }
body.gbb-board-page .rg-bet-btn.chosen { border-color: var(--gb-pur) !important; background: rgba(146, 41, 247, 0.14) !important; box-shadow: none; }
body.gbb-board-page .rg-section-title { color: var(--gb-mut); }
body.gbb-board-page .rg-wheel.rg-wheel-win { box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.4), 0 0 0 3px var(--gb-green); animation: none; }
body.gbb-board-page .rg-ball.rg-ball-win { box-shadow: 0 0 0 2px var(--gb-green); animation: none; }
body.gbb-board-page .rg-ro-number { box-shadow: none; border-color: var(--gb-line2); }
body.gbb-board-page .rg-ro-number.red { background: #b3433f; }
body.gbb-board-page .rg-ro-number.black { background: var(--gb-bg4); }
body.gbb-board-page .rg-ro-number.green { background: var(--gb-green); }
body.gbb-board-page .rg-ro-multi { color: var(--gb-amber); background: rgba(240, 167, 48, 0.12); border-color: rgba(240, 167, 48, 0.25); }

/* ── 11-RACE) AI 경마(말 이동·다리 애니 보존, 말 SVG색 유지) ── */
body.gbb-board-page .horse { background: var(--gb-bg3); border-color: var(--gb-line2); color: var(--gb-txt2); border-radius: 12px; }
body.gbb-board-page .horse:hover { border-color: var(--gb-line3); background: var(--gb-bg4); }
body.gbb-board-page .horse.selected { border-color: var(--gb-pur); background: rgba(146, 41, 247, 0.12); }
body.gbb-board-page .horse .odds { color: var(--gb-amber); }
body.gbb-board-page .race-track-visual { background: var(--gb-bg3); border-color: var(--gb-line); border-radius: 12px; }
body.gbb-board-page .race-track-visual.celebration-mode { background: var(--gb-bg3); animation: none; }
body.gbb-board-page .race-lane.my-lane { background: rgba(146, 41, 247, 0.07); }
body.gbb-board-page .race-lane.my-lane.lane-pulse { animation: none; background: rgba(146, 41, 247, 0.12); box-shadow: none; }
body.gbb-board-page .race-finish-line.flash { animation: none; box-shadow: none; }
body.gbb-board-page .race-runner.winner .horse-svg { filter: none; }
body.gbb-board-page .race-runner.winner-celebrate { filter: none; }
body.gbb-board-page .race-place { background: var(--gb-bg3); color: var(--gb-txt2); }
body.gbb-board-page .race-place.first { background: rgba(240, 167, 48, 0.12); color: var(--gb-amber); border-color: rgba(240, 167, 48, 0.25); }
body.gbb-board-page .race-place.mine { background: rgba(146, 41, 247, 0.1); border-color: var(--gb-pur); }
body.gbb-board-page .race-final-ranking { background: var(--gb-bg); border-color: var(--gb-line2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5); }
body.gbb-board-page .final-rank-row { color: var(--gb-txt); border-bottom-color: var(--gb-line); }
body.gbb-board-page .final-rank-row.winner { color: var(--gb-amber); text-shadow: none; }
body.gbb-board-page .final-rank-row.mine { background: rgba(146, 41, 247, 0.14); border-color: var(--gb-pur); }
body.gbb-board-page .mine-tag { color: var(--gb-pur); }
body.gbb-board-page .race-flash-msg { text-shadow: 0 2px 12px rgba(0, 0, 0, 0.9); }
body.gbb-board-page .race-countdown-overlay .cd-text { text-shadow: 0 2px 16px rgba(0, 0, 0, 0.6); }
body.gbb-board-page .race-countdown { text-shadow: 0 4px 16px rgba(0, 0, 0, 0.6); }

/* ============================================================
   12) 한판승부(/board/battle/) — board.css 위 오버레이 (P4-3)
   ------------------------------------------------------------
   인벤토리(p4-battle-quiz-pioneers). page-title/subtitle=§7, ranking-card/item=§8 상속(재정의 안 함).
   ⚠️ 투표 진영 의미색: A=절제빨강(#d98a8a) / B=시안(--gb-cyan) — 파랑이 활성 퍼플과 충돌해 시안 채택.
      승자=앰버, 좋아요=앰버, 투표/의견 CTA=핑크, 선택/포커스/펼침/현재페이지=퍼플, 타이머=절제빨강.
   글로우·그라데·hover transform·timer pulse 제거. spinner 회전·arrow rotate·아코디언 slide(JS 인라인) 보존.
   ============================================================ */
body.gbb-board-page .gbb-battle-card { background: var(--gb-bg2); border: 1px solid var(--gb-line); border-radius: 16px; box-shadow: none; }
body.gbb-board-page .gbb-battle-badge { color: var(--gb-mut); }
body.gbb-board-page .gbb-battle-title { color: var(--gb-txt) !important; }
body.gbb-board-page .gbb-battle-timer { color: #d98a8a; background: rgba(150, 60, 60, 0.14); border: 1px solid rgba(150, 60, 60, 0.28); animation: none; }
body.gbb-board-page .gbb-battle-option { background: var(--gb-bg3); border: 2px solid var(--gb-line2); }
body.gbb-board-page .gbb-battle-option:hover { background: var(--gb-bg4); border-color: var(--gb-line3); transform: none; }
body.gbb-board-page .gbb-battle-label { color: var(--gb-txt); }
body.gbb-board-page .gbb-battle-vs { background: var(--gb-bg4); color: var(--gb-mut); }
body.gbb-board-page .gbb-battle-option--selected { border-color: var(--gb-pur) !important; background: rgba(146, 41, 247, 0.1) !important; box-shadow: none; }
body.gbb-board-page .gbb-battle-option--selected[data-side="a"] { border-color: rgba(217, 138, 138, 0.55) !important; background: rgba(150, 60, 60, 0.12) !important; box-shadow: none; }
body.gbb-board-page .gbb-battle-option--selected[data-side="b"] { border-color: rgba(39, 192, 214, 0.5) !important; background: rgba(39, 192, 214, 0.1) !important; box-shadow: none; }
body.gbb-board-page .gbb-battle-vote-btn { background: var(--gb-pink); box-shadow: none; }
body.gbb-board-page .gbb-battle-vote-btn:hover { background: #d41f87; transform: none; box-shadow: none; }
body.gbb-board-page .gbb-battle-bar { background: var(--gb-bg4); }
body.gbb-board-page .gbb-battle-bar-a { background: #d98a8a; }
body.gbb-board-page .gbb-battle-bar-b { background: var(--gb-cyan); }
body.gbb-board-page .gbb-battle-pct { color: var(--gb-txt); }
body.gbb-board-page .gbb-battle-pct span { color: var(--gb-mut2); }
body.gbb-board-page .gbb-battle-total { color: var(--gb-mut); border-top-color: var(--gb-line); border-bottom-color: var(--gb-line); }
/* 의견 폼 */
body.gbb-board-page .gbb-battle-opinion-form h3,
body.gbb-board-page .gbb-battle-opinions h3 { color: var(--gb-txt) !important; }
body.gbb-board-page .gbb-battle-opinion-count { color: var(--gb-mut); }
body.gbb-board-page .gbb-battle-opinion-side-badge { background: rgba(146, 41, 247, 0.14); border: 1px solid rgba(146, 41, 247, 0.28); color: #c4b9ff; }
body.gbb-board-page #gbb-battle-opinion-text { background: var(--gb-bg3); border: 1px solid var(--gb-line2); color: var(--gb-txt); }
body.gbb-board-page #gbb-battle-opinion-text:focus { border-color: var(--gb-pur); box-shadow: 0 0 0 3px rgba(146, 41, 247, 0.18); }
body.gbb-board-page #gbb-battle-charcount { color: var(--gb-mut2); }
body.gbb-board-page .gbb-battle-submit-btn { background: var(--gb-pink); box-shadow: none; }
body.gbb-board-page .gbb-battle-submit-btn:hover { background: #d41f87; transform: none; box-shadow: none; }
body.gbb-board-page .gbb-battle-opinion-notice { background: var(--gb-bg3); border: 1px dashed var(--gb-line2); color: var(--gb-mut); }
/* 의견 아이템 + 진영 라벨(A=빨강 / B=시안) */
body.gbb-board-page .gbb-battle-opinion-item { background: var(--gb-bg3); border: 1px solid var(--gb-line); }
body.gbb-board-page .gbb-battle-opinion-item:hover { border-color: var(--gb-line3); }
body.gbb-board-page .gbb-battle-opinion-side--a { background: rgba(150, 60, 60, 0.16); border: 1px solid rgba(217, 138, 138, 0.3); color: #d98a8a; }
body.gbb-board-page .gbb-battle-opinion-side--b { background: rgba(39, 192, 214, 0.14); border: 1px solid rgba(39, 192, 214, 0.3); color: var(--gb-cyan); }
body.gbb-board-page .gbb-battle-opinion-author { color: var(--gb-txt2); }
body.gbb-board-page .gbb-battle-opinion-time { color: var(--gb-mut2); }
body.gbb-board-page .gbb-battle-opinion-text { color: var(--gb-txt2); }
body.gbb-board-page .gbb-battle-opinion-like { color: var(--gb-mut); border: 1px solid var(--gb-line2); background: transparent; }
body.gbb-board-page .gbb-battle-opinion-like:hover { color: var(--gb-amber); border-color: rgba(240, 167, 48, 0.35); background: rgba(240, 167, 48, 0.08); }
body.gbb-board-page .gbb-battle-no-opinions { color: var(--gb-mut); }
/* 빈 배틀 */
body.gbb-board-page .gbb-battle-empty { background: var(--gb-bg2); border: 1px dashed var(--gb-line2); }
body.gbb-board-page .gbb-battle-empty h2 { color: var(--gb-txt2) !important; }
body.gbb-board-page .gbb-battle-empty p { color: var(--gb-mut); }
/* 아카이브 + 아코디언 */
body.gbb-board-page .gbb-battle-archive h2 { color: var(--gb-txt) !important; }
body.gbb-board-page .gbb-battle-archive-item { background: var(--gb-bg2); border: 1px solid var(--gb-line); }
body.gbb-board-page .gbb-battle-archive-item:hover { border-color: var(--gb-line3); }
body.gbb-board-page .gbb-battle-archive-title { color: var(--gb-txt); }
body.gbb-board-page .gbb-archive-side { color: var(--gb-mut); }
body.gbb-board-page .gbb-archive-side strong { color: var(--gb-txt2); }
body.gbb-board-page .gbb-archive-vs { color: var(--gb-mut2); }
body.gbb-board-page .gbb-battle-archive-meta { color: var(--gb-mut2); }
body.gbb-board-page .gbb-archive-winner,
body.gbb-board-page .gbb-archive-winner strong { color: var(--gb-amber) !important; }
body.gbb-board-page .gbb-battle-accordion:hover { border-color: rgba(146, 41, 247, 0.28); background: rgba(146, 41, 247, 0.04); }
body.gbb-board-page .gbb-battle-accordion.gbb-accordion-open { border-color: var(--gb-pur); background: rgba(146, 41, 247, 0.06); box-shadow: none; }
body.gbb-board-page .gbb-battle-accordion-toggle { background: var(--gb-bg4); }
body.gbb-board-page .gbb-battle-accordion:hover .gbb-battle-accordion-toggle { background: rgba(146, 41, 247, 0.14); }
body.gbb-board-page .gbb-accordion-arrow { color: var(--gb-mut); }
body.gbb-board-page .gbb-accordion-open .gbb-accordion-arrow { color: #c4b9ff; }
body.gbb-board-page .gbb-battle-accordion-body { border-top-color: var(--gb-line); }
body.gbb-board-page .gbb-battle-accordion-loading { color: var(--gb-mut); }
/* 스피너 — 회전 애니 유지, 색만 토큰 */
body.gbb-board-page .gbb-spinner { border-color: rgba(146, 41, 247, 0.25); border-top-color: var(--gb-pur); }
body.gbb-board-page .gbb-accordion-opinion-item { background: var(--gb-bg3); border: 1px solid var(--gb-line); }
body.gbb-board-page .gbb-accordion-opinion-item:hover { border-color: var(--gb-line3); }
body.gbb-board-page .gbb-accordion-opinion-side--a { background: rgba(150, 60, 60, 0.16); border: 1px solid rgba(217, 138, 138, 0.3); color: #d98a8a; }
body.gbb-board-page .gbb-accordion-opinion-side--b { background: rgba(39, 192, 214, 0.14); border: 1px solid rgba(39, 192, 214, 0.3); color: var(--gb-cyan); }
body.gbb-board-page .gbb-accordion-opinion-author { color: var(--gb-txt2); }
body.gbb-board-page .gbb-accordion-opinion-time { color: var(--gb-mut2); }
body.gbb-board-page .gbb-accordion-opinion-text { color: var(--gb-txt2); }
body.gbb-board-page .gbb-accordion-opinion-likes { color: var(--gb-mut); }
body.gbb-board-page .gbb-accordion-opinion-likes.has-likes { color: var(--gb-amber); }
body.gbb-board-page .gbb-accordion-no-opinions { color: var(--gb-mut); }
/* 공용 페이지네이션(battle 아카이브 + quiz 기록 공유) — 그라데/글로우/transform 제거 */
body.gbb-board-page .gbb-battle-pagination { border-top: 1px solid var(--gb-line); }
body.gbb-board-page .gbb-battle-archive-total-badge { color: var(--gb-mut); }
body.gbb-board-page .gbb-page-btn { background: var(--gb-bg3); border: 1px solid var(--gb-line2); border-radius: 8px; color: var(--gb-txt2); }
body.gbb-board-page a.gbb-page-btn:hover { background: var(--gb-bg4); border-color: var(--gb-line3); color: var(--gb-txt); transform: none; }
body.gbb-board-page .gbb-page-current { background: var(--gb-pur) !important; border-color: var(--gb-pur) !important; color: #fff !important; box-shadow: none; }
body.gbb-board-page .gbb-page-disabled { color: var(--gb-mut2) !important; background: transparent !important; border-color: var(--gb-line) !important; }
body.gbb-board-page .gbb-page-ellipsis { color: var(--gb-mut2); }

/* ============================================================
   13) AI 퀴즈(/board/quiz/) — cx-system.css 위 오버레이 (P4-3)
   ------------------------------------------------------------
   의미색: 정답=그린 · 오답=절제빨강 · 강조/선택=퍼플 · 골드/참여=앰버 · 타이머=절제빨강.
   글로우·그라데·transform·waitPulse 장식 제거. 랭킹카드=§8·페이지네이션=§12 상속. !important는 cx/인라인 덮을 때만.
   ⚠️ quiz.php:75-76 인라인 #4ade80/#fbbf24(헤더 +3G/+1G)는 CSS로 못 덮음 — 의미색이라 무해, 잔존.
   ============================================================ */
body.gbb-board-page .gbb-quiz-card { background: var(--gb-bg2); border: 1px solid var(--gb-line); border-radius: 12px; box-shadow: none; }
body.gbb-board-page .quiz-number { color: #c4b9ff; background: rgba(146, 41, 247, 0.14); }
body.gbb-board-page .quiz-category { color: var(--gb-mut); }
body.gbb-board-page .quiz-timer { color: #d98a8a; background: rgba(150, 60, 60, 0.12); }
body.gbb-board-page .quiz-question h2 { color: var(--gb-txt); }
body.gbb-board-page .quiz-option { background: var(--gb-bg3); border: 2px solid var(--gb-line2); border-radius: 12px; color: var(--gb-txt2); transition: background .15s, border-color .15s; }
body.gbb-board-page .quiz-option:hover:not(:disabled) { background: var(--gb-bg4); border-color: rgba(146, 41, 247, 0.45); transform: none; }
body.gbb-board-page .quiz-option .option-label { color: #c4b9ff; }
body.gbb-board-page .quiz-option.correct { border-color: rgba(27, 189, 138, 0.55) !important; background: rgba(27, 189, 138, 0.1) !important; }
body.gbb-board-page .quiz-option.wrong { border-color: rgba(150, 60, 60, 0.5) !important; background: rgba(150, 60, 60, 0.1) !important; }
body.gbb-board-page .quiz-option.disabled { opacity: 0.45; }
body.gbb-board-page .quiz-result { background: var(--gb-bg3); border-radius: 12px; }
body.gbb-board-page .result-badge.correct { color: var(--gb-green); }
body.gbb-board-page .result-badge.wrong { color: #d98a8a; }
body.gbb-board-page .result-points.correct { color: var(--gb-green); }
body.gbb-board-page .result-points.participation { color: var(--gb-amber); }
body.gbb-board-page .quiz-explanation-box { background: rgba(146, 41, 247, 0.06); border-left: 3px solid var(--gb-pur); }
body.gbb-board-page .quiz-explanation { color: var(--gb-txt2); }
body.gbb-board-page .quiz-stats { color: var(--gb-mut); }
/* 관리자 초기화 = 절제 위험 아웃라인(빨강→오렌지 그라데/글로우 제거) */
body.gbb-board-page .quiz-admin-btn { background: transparent; border: 1px solid rgba(150, 60, 60, 0.4); color: #d98a8a; box-shadow: none; }
body.gbb-board-page .quiz-admin-btn:hover { background: rgba(150, 60, 60, 0.12); box-shadow: none; transform: none; }
/* 대기 상태(waitPulse 펄스 제거) */
body.gbb-board-page .quiz-waiting-state { background: var(--gb-bg2) !important; border: 1px solid var(--gb-line) !important; }
body.gbb-board-page .quiz-waiting-icon { animation: none; }
body.gbb-board-page .quiz-waiting-title { color: var(--gb-txt); }
body.gbb-board-page .quiz-waiting-timer { color: #c4b9ff; }
body.gbb-board-page .quiz-waiting-hint { color: var(--gb-mut); }
/* 이전 퀴즈 기록 */
body.gbb-board-page .quiz-history-title { color: var(--gb-txt); }
body.gbb-board-page .quiz-history-item { background: var(--gb-bg2); border: 1px solid var(--gb-line); border-radius: 12px; }
body.gbb-board-page .quiz-history-item[open] { background: var(--gb-bg3); border-color: rgba(146, 41, 247, 0.25); }
body.gbb-board-page .quiz-history-item summary:hover { background: var(--gb-bg3); }
body.gbb-board-page .qh-num { color: #c4b9ff; }
body.gbb-board-page .qh-question { color: var(--gb-txt2); }
body.gbb-board-page .qh-accuracy { color: var(--gb-green); }
body.gbb-board-page .qh-date { color: var(--gb-mut2); }
body.gbb-board-page .qh-full-question { color: var(--gb-txt); }
body.gbb-board-page .qh-option { background: var(--gb-bg3); border: 1px solid var(--gb-line2); color: var(--gb-txt2); }
body.gbb-board-page .qh-option.qh-correct { background: rgba(27, 189, 138, 0.1); border-color: rgba(27, 189, 138, 0.28); color: var(--gb-green); }
body.gbb-board-page .qh-opt-label { color: var(--gb-mut2); }
body.gbb-board-page .qh-correct .qh-opt-label { color: var(--gb-green); }
body.gbb-board-page .qh-explanation { background: rgba(146, 41, 247, 0.05); border-left: 3px solid rgba(146, 41, 247, 0.4); color: var(--gb-txt2); }
body.gbb-board-page .qh-stats { color: var(--gb-mut2); }

/* ============================================================
   14) 카지노 명예전당(/board/casino/pioneers/) + 구걸 잔여 — cx/board 위 오버레이 (P4-3)
   ------------------------------------------------------------
   rich/beg 본체는 §3·§9 상속(미작성). 그라데/글로우/장식애니/transform 제거. 앰버=골드, 연승=앰버(§9 통일).
   ============================================================ */
body.gbb-board-page .pioneer-hero { background: var(--gb-bg2); border: 1px solid rgba(240, 167, 48, 0.22); border-radius: 12px; }
body.gbb-board-page .pioneer-hero-icon { filter: none; animation: none; }
body.gbb-board-page .pioneer-hero-title { background: none !important; -webkit-text-fill-color: var(--gb-amber) !important; color: var(--gb-amber) !important; }
body.gbb-board-page .pioneer-hero-subtitle { color: var(--gb-txt2); }
body.gbb-board-page .pioneer-hero-desc { color: var(--gb-mut); }
body.gbb-board-page .pioneer-hero-desc strong { color: var(--gb-amber); }
body.gbb-board-page .pioneer-stat-card { background: var(--gb-bg3); border: 1px solid var(--gb-line2); }
body.gbb-board-page .pioneer-stat-num { color: var(--gb-amber); }
body.gbb-board-page .pioneer-stat-label { color: var(--gb-mut); }
body.gbb-board-page .pioneer-game-section { background: var(--gb-bg2); border: 1px solid var(--gb-line); }
body.gbb-board-page .pioneer-game-header { background: var(--gb-bg3); border-bottom: 1px solid var(--gb-line); }
body.gbb-board-page .pioneer-game-name { color: var(--gb-txt); }
body.gbb-board-page .pioneer-game-desc { color: var(--gb-mut); }
body.gbb-board-page .pioneer-game-count { color: var(--gb-mut2); }
body.gbb-board-page .pioneer-record-card { background: var(--gb-bg3); border: 1px solid var(--gb-line2); }
body.gbb-board-page .pioneer-record-card:hover { background: rgba(240, 167, 48, 0.08); border-color: rgba(240, 167, 48, 0.28); }
body.gbb-board-page .pioneer-record-card.top-record { background: rgba(240, 167, 48, 0.06); border-color: rgba(240, 167, 48, 0.3); box-shadow: none; }
body.gbb-board-page .pioneer-crown { filter: none; }
body.gbb-board-page .pioneer-streak-badge { color: var(--gb-amber); }
body.gbb-board-page .pioneer-bet-badge { background: rgba(240, 167, 48, 0.12); border: 1px solid rgba(240, 167, 48, 0.3); color: var(--gb-amber); }
body.gbb-board-page .pioneer-nickname { color: var(--gb-txt); }
body.gbb-board-page .pioneer-date { color: var(--gb-mut2); }
body.gbb-board-page .pioneer-record-tag { background: rgba(240, 167, 48, 0.1); color: var(--gb-amber); }
body.gbb-board-page .pioneer-empty { color: var(--gb-mut); }
body.gbb-board-page .pioneer-empty a { color: #c4b9ff; }
body.gbb-board-page .pioneer-footer-notice { color: var(--gb-mut); }
body.gbb-board-page .pioneer-footer-notice strong { color: var(--gb-amber); }
body.gbb-board-page .pioneer-back-link { background: rgba(146, 41, 247, 0.08); border: 1px solid rgba(146, 41, 247, 0.28); color: #c4b9ff; }
body.gbb-board-page .pioneer-back-link:hover { background: rgba(146, 41, 247, 0.15); border-color: rgba(146, 41, 247, 0.4); color: #d9d0ff; }
/* 구걸 rich 카드 hover transform 제거(§3는 색만 덮음) */
body.gbb-board-page .gbb-rich-card:hover { transform: none; }