/* Light/Dark visibility polish for shared chrome and readable bright dark mode */

.site-header,
.site-sidebar,
.bottom-nav {
  color: var(--color-text-primary);
}

.site-header {
  background: color-mix(in srgb, var(--color-surface) 92%, transparent);
  border-bottom: 1px solid var(--color-border-light);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 8px 24px rgba(20, 20, 43, .06);
}

.site-header__inner {
  min-height: 56px;
}

.site-header__logo,
.site-header__logo span,
.sidebar__brand-name {
  color: var(--color-text-primary);
}

.site-header__icon-btn,
.sidebar__icon-btn,
.sidebar__util-btn {
  background: var(--color-surface-2);
  border: 1px solid var(--color-border);
  color: var(--color-text-secondary);
  box-shadow: 0 1px 2px rgba(20,20,43,.04);
}

.site-header__icon-btn:hover,
.sidebar__icon-btn:hover,
.sidebar__util-btn:hover {
  background: var(--color-primary-bg);
  border-color: var(--color-primary-border);
  color: var(--color-primary);
}

.site-header__theme-btn {
  color: var(--color-primary);
  background: linear-gradient(135deg, var(--color-primary-bg), var(--color-surface));
  border-color: var(--color-primary-border);
}

.site-header__icon-btn svg,
.sidebar__icon-btn svg,
.sidebar__util-btn svg {
  width: 18px;
  height: 18px;
  display: block;
}

.notif-badge,
.sidebar__badge {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 17px;
  height: 17px;
  padding: 0 5px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ef4444;
  color: #fff;
  border: 2px solid var(--color-surface);
  font-size: 9px;
  font-weight: 1000;
  line-height: 1;
}

.site-header__avatar {
  background: var(--gradient-brand);
  color: #fff;
  border-color: transparent;
  font-weight: 1000;
  overflow: hidden;
}

.site-header__avatar--icon {
  background: var(--color-surface-2);
  border-color: var(--color-border);
}

.site-header__avatar-emoji {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  font-size: 19px;
}

.site-header__install-btn {
  background: var(--color-primary-bg);
  border: 1px solid var(--color-primary-border);
  color: var(--color-primary);
}

.card,
.feed-card,
.game-detail-card,
.liar-create-card,
.liar-room-card,
.liar-invite-card,
.liar-player-card,
.sosoland-card {
  background: var(--color-surface);
  border-color: var(--color-border-light);
}

.form-input,
.form-select,
.form-textarea,
.search-input,
.feed-search-input {
  background: var(--color-surface);
  color: var(--color-text-primary);
  border-color: var(--color-border);
}

.account-feedback-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.account-feedback-btn--sidebar {
  width: 100%;
  margin-top: 4px;
  justify-content: flex-start;
  padding: 7px 8px;
  border-radius: 8px;
  font-size: 12px;
}


[data-theme="dark"] body,
[data-theme="dark"] .site-main {
  background:
    radial-gradient(circle at top left, rgba(255, 120, 86, .12), transparent 30%),
    radial-gradient(circle at top right, rgba(96, 165, 250, .10), transparent 34%),
    var(--color-bg);
  color: var(--color-text-primary);
}

/* 관리자 사이드바: inner-background-fix.css !important 오버라이드 */
[data-theme="dark"] body:has(.admin-layout) .admin-sidebar,
[data-theme="dark"] body:has(.admin-layout) .admin-sidebar__footer,
[data-theme="dark"] body:has(.admin-layout) .admin-brand {
  background: var(--color-surface) !important;
}

[data-theme="dark"] .site-header {
  background: rgba(48, 54, 79, .9);
  border-bottom-color: rgba(255,255,255,.12);
  box-shadow: 0 10px 28px rgba(20,24,40,.24);
}

[data-theme="dark"] .site-sidebar,
[data-theme="dark"] .bottom-nav {
  background: rgba(48, 54, 79, .94);
  border-color: rgba(255,255,255,.12);
}

[data-theme="dark"] .site-header__icon-btn,
[data-theme="dark"] .sidebar__icon-btn,
[data-theme="dark"] .sidebar__util-btn {
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.18);
  color: #eef3ff;
  box-shadow: none;
}

[data-theme="dark"] .site-header__icon-btn:hover,
[data-theme="dark"] .sidebar__icon-btn:hover,
[data-theme="dark"] .sidebar__util-btn:hover {
  background: rgba(255, 132, 96, .22);
  border-color: rgba(255, 170, 140, .52);
  color: #fff4ef;
}

[data-theme="dark"] .site-header__theme-btn {
  color: #ffe08a;
  background: linear-gradient(135deg, rgba(255,224,138,.22), rgba(255,255,255,.10));
  border-color: rgba(255,224,138,.42);
}

[data-theme="dark"] .notif-badge,
[data-theme="dark"] .sidebar__badge {
  border-color: #30364f;
  background: #ff4d5d;
}

[data-theme="dark"] .site-header__avatar--icon {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.20);
}

[data-theme="dark"] .site-header__install-btn {
  background: rgba(255,132,96,.20);
  border-color: rgba(255,170,140,.48);
  color: #ffe1d7;
}

[data-theme="dark"] .card,
[data-theme="dark"] .feed-card,
[data-theme="dark"] .game-detail-card,
[data-theme="dark"] .liar-create-card,
[data-theme="dark"] .liar-room-card,
[data-theme="dark"] .liar-invite-card,
[data-theme="dark"] .liar-player-card,
[data-theme="dark"] .sosoland-card,
[data-theme="dark"] .account-profile-card,
[data-theme="dark"] .stats-card,
[data-theme="dark"] .follows-section,
[data-theme="dark"] .notif-item,
[data-theme="dark"] .acrostic-card,
[data-theme="dark"] .howto-steps-display {
  background: linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.075));
  border-color: rgba(255,255,255,.16);
  box-shadow: 0 16px 38px rgba(18,22,36,.20);
  color: var(--color-text-primary);
}

[data-theme="dark"] .feedback-modal__panel {
  background: var(--color-surface) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.55) !important;
}

[data-theme="dark"] .card__footer,
[data-theme="dark"] .feed-card__footer,
[data-theme="dark"] .account-tabs,
[data-theme="dark"] .feedback-page-box {
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.14);
}

/* game-app-polish.css의 !important 흰 배경 강제 오버라이드 */
[data-theme="dark"] .liar-room-info {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.12) !important;
  color: var(--color-text-primary) !important;
}
[data-theme="dark"] .liar-room-info span,
[data-theme="dark"] .liar-room-info b {
  color: var(--color-text-primary) !important;
}
[data-theme="dark"] .game-guide-list > div,
[data-theme="dark"] .game-guide-list div {
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(255,255,255,.12) !important;
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] .section-title,
[data-theme="dark"] .feed-card__title,
[data-theme="dark"] .account-nickname,
[data-theme="dark"] .empty-state__title,
[data-theme="dark"] .modal__title,
[data-theme="dark"] .feedback-modal__title,
[data-theme="dark"] .game-detail-hero h1,
[data-theme="dark"] .liar-hero h1,
[data-theme="dark"] .sosoland-card h2,
[data-theme="dark"] .form-label,
[data-theme="dark"] .account-tab.active,
[data-theme="dark"] .sidebar__nav-item.active,
[data-theme="dark"] strong,
[data-theme="dark"] b {
  color: #ffffff !important;
}

[data-theme="dark"] p,
[data-theme="dark"] span,
[data-theme="dark"] div,
[data-theme="dark"] label,
[data-theme="dark"] small,
[data-theme="dark"] .feed-card__desc,
[data-theme="dark"] .empty-state__desc,
[data-theme="dark"] .form-hint,
[data-theme="dark"] .account-stat__label,
[data-theme="dark"] .stats-card__label,
[data-theme="dark"] .notif-item__time,
[data-theme="dark"] .feed-card__meta,
[data-theme="dark"] .game-guide-list span,
[data-theme="dark"] .sosoland-card p,
[data-theme="dark"] .liar-hero p,
[data-theme="dark"] .game-detail-hero p {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .color-muted,
[data-theme="dark"] .text-muted,
[data-theme="dark"] .account-tab__label,
[data-theme="dark"] .sidebar__nav-item,
[data-theme="dark"] .site-footer__copy,
[data-theme="dark"] .site-footer__links a {
  color: var(--color-text-muted) !important;
}

[data-theme="dark"] .form-input,
[data-theme="dark"] .form-select,
[data-theme="dark"] .form-textarea,
[data-theme="dark"] .search-input,
[data-theme="dark"] .feed-search-input {
  background: rgba(255,255,255,.105);
  color: #ffffff;
  border-color: rgba(255,255,255,.22);
}

[data-theme="dark"] .form-input:focus,
[data-theme="dark"] .form-select:focus,
[data-theme="dark"] .form-textarea:focus,
[data-theme="dark"] .search-input:focus,
[data-theme="dark"] .feed-search-input:focus {
  background: rgba(255,255,255,.14);
  border-color: rgba(255,150,120,.70);
  box-shadow: 0 0 0 3px rgba(255,107,74,.18);
}

[data-theme="dark"] .form-input::placeholder,
[data-theme="dark"] .form-textarea::placeholder,
[data-theme="dark"] .search-input::placeholder,
[data-theme="dark"] .feed-search-input::placeholder {
  color: rgba(232,238,255,.66);
}

[data-theme="dark"] .btn--ghost,
[data-theme="dark"] .account-feedback-btn,
[data-theme="dark"] .reaction-btn,
[data-theme="dark"] .tag,
[data-theme="dark"] .badge--gray {
  background: rgba(255,255,255,.09);
  border-color: rgba(255,255,255,.18);
  color: #f1f5ff;
}

[data-theme="dark"] .btn--ghost:hover,
[data-theme="dark"] .account-feedback-btn:hover,
[data-theme="dark"] .reaction-btn:hover,
[data-theme="dark"] .tag:hover {
  background: rgba(255,132,96,.22);
  border-color: rgba(255,170,140,.52);
  color: #fff;
}

[data-theme="dark"] .btn--secondary,
[data-theme="dark"] .badge--primary,
[data-theme="dark"] .title-badge,
[data-theme="dark"] .streak-pill {
  background: rgba(255,132,96,.22);
  border-color: rgba(255,170,140,.46);
  color: #ffe8df;
}

[data-theme="dark"] .account-tab {
  background: rgba(255,255,255,.075);
  border-color: rgba(255,255,255,.13);
  color: var(--color-text-secondary);
}

[data-theme="dark"] .account-tab.active {
  background: var(--gradient-brand);
  border-color: rgba(255,255,255,.20);
  box-shadow: 0 8px 22px rgba(255,107,74,.24);
}

[data-theme="dark"] .vote-option,
[data-theme="dark"] .follow-item,
[data-theme="dark"] .feedback-type-tab {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.15);
  color: var(--color-text-primary);
}

/* liar-player-item: game-app-polish.css !important 강제 오버라이드 */
[data-theme="dark"] .liar-player-item {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.14) !important;
  color: var(--color-text-primary) !important;
}
[data-theme="dark"] .liar-player-item span,
[data-theme="dark"] .liar-player-item b {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .feedback-type-tab.active,
[data-theme="dark"] .vote-option.selected,
[data-theme="dark"] .reaction-btn.active {
  background: rgba(255,132,96,.24);
  border-color: rgba(255,170,140,.52);
  color: #fff;
}

[data-theme="dark"] .modal,
[data-theme="dark"] .modal-content {
  background: var(--color-surface);
  color: var(--color-text-primary);
  border: 1px solid rgba(255,255,255,.16);
}

@media (max-width:1023px) {
  .site-header__theme-btn {
    display: inline-flex !important;
  }

  .site-header__icon-btn,
  .site-header__theme-btn,
  .notif-bell,
  .site-header__avatar {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    flex: 0 0 34px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  .site-header__avatar {
    border-radius: 50% !important;
  }

  .site-header__actions {
    gap: 6px !important;
  }
}

@media (max-width:374px) {
  .site-header__icon-btn,
  .site-header__theme-btn,
  .notif-bell,
  .site-header__avatar {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    flex-basis: 32px !important;
  }

  .site-header__actions {
    gap: 4px !important;
  }
}

/* ══════════════════════════════════════════════════
   다크/라이트 모드 종합 보완 — 누락 요소 전체 커버
══════════════════════════════════════════════════ */

/* ── 위험 버튼 (다크모드) ── */
[data-theme="dark"] .btn--danger {
  background: rgba(240,55,56,0.14);
  border-color: rgba(240,55,56,0.40);
  color: #FCA5A5;
}
[data-theme="dark"] .btn--danger:hover {
  background: var(--color-danger);
  color: #fff;
  border-color: var(--color-danger);
}

/* ── 보조 버튼 호버 (다크모드) ── */
[data-theme="dark"] .btn--secondary:hover {
  background: rgba(255,107,74,0.26);
  border-color: rgba(255,150,120,0.60);
}

/* ── 옵션 추가 버튼 호버 (다크모드) ── */
[data-theme="dark"] .add-option-btn:hover {
  background: rgba(255,107,74,0.22);
  border-color: rgba(255,150,120,0.52);
}

/* ── 사이드바 로그아웃 버튼 호버 (다크모드) ── */
[data-theme="dark"] .sidebar__logout-btn:hover {
  background: rgba(240,55,56,0.14);
  color: #FCA5A5;
}

/* ── 상세 페이지 액션 버튼 활성 상태 (다크모드) ── */
[data-theme="dark"] .detail-action-btn.active {
  background: rgba(245,158,11,0.18);
  color: #FCD34D;
  border-color: rgba(245,158,11,0.42);
}

/* ── 배틀 팀 선택 버튼 활성 상태 (다크모드) ── */
[data-theme="dark"] .cbattle-side-btn--a.active {
  border-color: rgba(239,68,68,0.70);
  background: rgba(239,68,68,0.18);
  color: #FCA5A5;
}
[data-theme="dark"] .cbattle-side-btn--b.active {
  border-color: rgba(59,130,246,0.70);
  background: rgba(59,130,246,0.18);
  color: #93C5FD;
}

/* ── 배틀 컬럼 제목 (다크모드) ── */
[data-theme="dark"] .cbattle-col--a .cbattle-col__title { color: #FCA5A5; }
[data-theme="dark"] .cbattle-col--b .cbattle-col__title { color: #93C5FD; }

/* ── 릴레이 미션 카드 보라색 텍스트 (다크모드) ── */
[data-theme="dark"] .multi-relay-mission-card__badge {
  background: rgba(124,58,237,0.22);
  color: #C4B5FD;
}
[data-theme="dark"] .multi-preview-mission b { color: #C4B5FD; }
[data-theme="dark"] .multi-relay-mission-option {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.12);
}

/* ── 홈 카테고리 카드 상세 (다크모드) ── */
[data-theme="dark"] .home-cat-card__hook { color: var(--color-text-secondary); }
[data-theme="dark"] .home-cat-card__type-pill {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.12);
  color: var(--color-text-muted);
}

/* ── 퀴즈 OX 버튼 배경 (라이트/다크 모두 카드 배경 통일) ── */
[data-theme="dark"] .quiz-ox-btn { color: var(--color-text-primary); }

/* ── 스트릭 위젯 (다크모드) ── */
[data-theme="dark"] .streak-num { color: #FCD34D; }
[data-theme="dark"] .streak-label { color: var(--color-text-muted); }

/* ── 알림 패널 (다크모드 명시적 처리) ── */
[data-theme="dark"] .notification-panel {
  background: var(--color-surface);
  border-color: var(--color-border);
  box-shadow: 0 20px 50px rgba(0,0,0,0.50);
}
[data-theme="dark"] .notification-panel::before {
  background: var(--color-surface);
  border-color: var(--color-border);
}
[data-theme="dark"] .notification-panel__head {
  border-bottom-color: var(--color-border);
}
[data-theme="dark"] .notification-item__icon {
  background: var(--color-surface-2);
}

/* ── 이용가이드 카드 (다크모드) ── */
[data-theme="dark"] .guide-intro-card {
  background: var(--color-surface);
  border-color: var(--color-border);
}
[data-theme="dark"] .guide-step {
  background: var(--color-surface);
  border-color: var(--color-border);
}
[data-theme="dark"] .guide-cat {
  border-color: var(--color-border);
}
[data-theme="dark"] .guide-cat__head { background: var(--color-surface-2); }
[data-theme="dark"] .guide-cat--golra .guide-cat__head { background: var(--color-golra-bg); }
[data-theme="dark"] .guide-cat--usgyo .guide-cat__head { background: var(--color-usgyo-bg); }
[data-theme="dark"] .guide-cat--malhe .guide-cat__head { background: var(--color-malhe-bg); }
[data-theme="dark"] .guide-cat__types { background: var(--color-surface); }
[data-theme="dark"] .guide-feature-card {
  background: var(--color-surface);
  border-color: var(--color-border);
}
[data-theme="dark"] .guide-rules {
  background: var(--color-surface);
  border-color: var(--color-border);
}

/* ── 명예의 전당 (다크모드) ── */
[data-theme="dark"] .hall-section {
  background: var(--color-surface);
  border-color: var(--color-border);
}
[data-theme="dark"] .hall-section__head { border-bottom-color: var(--color-border); }
[data-theme="dark"] .hall-item:hover { background: var(--color-surface-alt); }

/* ── 오늘의 왕좌 (다크모드) ── */
[data-theme="dark"] .throne-card {
  background: var(--color-surface);
  border-color: var(--color-border);
}

/* ── 이용약관 테이블 (다크모드) ── */
[data-theme="dark"] .legal-table-wrap { border-color: var(--color-border); }
[data-theme="dark"] .legal-table thead tr { background: var(--color-surface-alt); }
[data-theme="dark"] .legal-table td { border-bottom-color: var(--color-border-light); }
[data-theme="dark"] .legal-table tbody tr:hover { background: var(--color-surface-alt); }
[data-theme="dark"] .legal-notice {
  background: var(--color-surface-2);
  color: var(--color-text-secondary);
}
[data-theme="dark"] .legal-h2 { border-bottom-color: var(--color-border); }

/* ── 팔로우 탭 (다크모드) ── */
[data-theme="dark"] .follows-section {
  border-color: var(--color-border);
}
[data-theme="dark"] .follows-section__title {
  background: var(--color-surface-2);
  border-bottom-color: var(--color-border);
  color: var(--color-text-primary);
}
[data-theme="dark"] .follow-item:hover { background: var(--color-surface-alt); }

/* ── 내 통계 카드 (다크모드) ── */
[data-theme="dark"] .stats-card {
  background: var(--color-surface);
  border-color: var(--color-border);
}

/* ── 글쓰기 폼 백버튼 (다크모드) ── */
[data-theme="dark"] .write-back-btn {
  background: var(--color-surface-2);
  border-color: var(--color-border);
  color: var(--color-text-secondary);
}

/* ── 댓글 삭제 버튼 (다크모드) ── */
[data-theme="dark"] .comment-delete-btn { color: var(--color-text-muted); }
[data-theme="dark"] .comment-delete-btn:hover { color: var(--color-danger); }

/* ── 공유 버튼 (다크모드) ── */
[data-theme="dark"] .feed-share-btn {
  color: var(--color-text-muted);
  border-color: var(--color-border);
}

/* ── 검색 입력 아이콘 (다크모드) ── */
[data-theme="dark"] .search-input-wrap svg { color: var(--color-text-muted); }

/* ── 라이트 모드: 카드/입력 선명도 보강 ── */
:root:not([data-theme="dark"]) .card,
:root:not([data-theme="dark"]) .feed-card {
  box-shadow: 0 1px 4px rgba(20,20,43,0.07), 0 4px 16px rgba(20,20,43,0.05);
}
:root:not([data-theme="dark"]) .form-input,
:root:not([data-theme="dark"]) .form-textarea,
:root:not([data-theme="dark"]) .form-select {
  background: #ffffff;
  color: #14142B;
}
:root:not([data-theme="dark"]) .form-input::placeholder,
:root:not([data-theme="dark"]) .form-textarea::placeholder {
  color: #A0A3BD;
}

/* ── 퀴즈 힌트 / 경고 (다크모드: 어두운 황갈색 → 밝은 앰버) ── */
[data-theme="dark"] .multi-quiz-hint b { color: #FCD34D; }
[data-theme="dark"] .multi-quiz-hint {
  background: rgba(245,158,11,0.14);
  border-color: rgba(245,158,11,0.28);
}
[data-theme="dark"] .multi-preview-warn {
  background: rgba(245,158,11,0.14);
  color: #FCD34D;
}

/* ── 릴레이 미션 옵션 카드 (다크모드) ── */
[data-theme="dark"] .multi-relay-mission-card {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.12);
}

/* ── 다크모드: 배틀 B팀 호버 및 퍼센트 색상 ── */
[data-theme="dark"] .battle-side--b:hover { background: rgba(59,130,246,0.10); }
[data-theme="dark"] .battle-side--b .battle-side__pct { color: #93C5FD; }
[data-theme="dark"] .battle-side--b:hover { background: rgba(59,130,246,0.10); }

/* ── 다크모드: cbattle 선택 버튼 배경 (라이트모드 하드코딩 방지) ── */
[data-theme="dark"] .cbattle-side-btn--a.active { border-color: #EF4444; background: rgba(239,68,68,0.16); color: #FCA5A5; }
[data-theme="dark"] .cbattle-side-btn--b.active { border-color: #3B82F6; background: rgba(59,130,246,0.16); color: #93C5FD; }
[data-theme="dark"] .cbattle-col--a .cbattle-col__title { border-color: rgba(239,68,68,0.6); }
[data-theme="dark"] .cbattle-col--b .cbattle-col__title { border-color: rgba(59,130,246,0.6); }

/* ── 다크모드: 스크랩 활성 상태 (황금색 계열) ── */
[data-theme="dark"] .detail-action-btn.scrap-active,
[data-theme="dark"] .detail-action-btn[data-action="scrap"].active {
  background: rgba(245,158,11,0.18);
  color: #FCD34D;
  border-color: rgba(245,158,11,0.42);
}

/* ── 다크모드: 홈 피드 탭 배경 보강 ── */
[data-theme="dark"] .home-feed-tabs { background: var(--color-surface-2); }
[data-theme="dark"] .home-feed-tab { color: var(--color-text-secondary); }
[data-theme="dark"] .home-feed-tab.active {
  background: var(--color-surface);
  color: var(--color-primary);
}

/* ── 다크모드: 쓰기 단계 표시기 ── */
[data-theme="dark"] .write-step-dot {
  background: var(--color-surface-2);
  border-color: var(--color-border);
  color: var(--color-text-muted);
}
[data-theme="dark"] .write-step-line { background: var(--color-border); }

/* ── 다크모드: 빈 상태 카드 ── */
[data-theme="dark"] .empty-state {
  background: var(--color-surface);
  border-color: var(--color-border);
}

/* ── 다크모드: 랭킹 번호 배지 ── */
[data-theme="dark"] .home-rank-item__num {
  background: var(--color-surface-2);
  border-color: var(--color-border);
  color: var(--color-text-muted);
}

/* ── 다크모드: 사이드바 로그인 버튼 ── */
[data-theme="dark"] .sidebar__login-btn {
  background: var(--color-primary-bg);
  color: var(--color-primary);
}
[data-theme="dark"] .sidebar__login-btn:hover {
  background: var(--color-primary);
  color: #fff;
}

/* ══════════════════════════════════════════════════
   다크모드 게임 영역 !important 강제 수정
   (game-app-polish.css의 !important 흰색 배경 오버라이드)
══════════════════════════════════════════════════ */

/* game-detail-list__item: rgba(255,255,255,.56)!important */
[data-theme="dark"] .game-detail-list__item {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.13) !important;
  color: var(--color-text-primary) !important;
}
[data-theme="dark"] .game-detail-list__item * {
  color: var(--color-text-primary) !important;
}

/* sosoland 콘솔 스팬: rgba(255,255,255,.92)!important → 어두운 글라스 */
[data-theme="dark"] .sosoland-hero__console span {
  background: rgba(255,255,255,.14) !important;
  color: #C4B5FD !important;
}

/* sosoland 카드 태그: color:#16a34a (어두운 녹색) → 밝게 */
[data-theme="dark"] .sosoland-card__tag {
  background: rgba(52,211,153,.18) !important;
  color: #6EE7B7 !important;
  border-color: rgba(52,211,153,.30) !important;
}

/* 게임 카드 내부 링크/텍스트 보강 */
[data-theme="dark"] .game-detail-card,
[data-theme="dark"] .liar-create-card,
[data-theme="dark"] .liar-room-card,
[data-theme="dark"] .liar-invite-card,
[data-theme="dark"] .liar-player-card,
[data-theme="dark"] .sosoland-card {
  color: var(--color-text-primary) !important;
}
[data-theme="dark"] .game-detail-card h2,
[data-theme="dark"] .liar-create-card h2,
[data-theme="dark"] .sosoland-card h2 {
  color: #ffffff !important;
}
[data-theme="dark"] .game-detail-card p,
[data-theme="dark"] .sosoland-card p {
  color: var(--color-text-secondary) !important;
}

/* ── 다크모드: card 내부 전체 텍스트 가시성 보강 ── */
/* 일반 카드 내용 */
[data-theme="dark"] .card .card__body,
[data-theme="dark"] .feed-card .feed-card__header {
  color: var(--color-text-primary);
}

/* ── 다크모드: 모달 헤더/바디 텍스트 ── */
[data-theme="dark"] .modal__title { color: #ffffff !important; }
[data-theme="dark"] .modal__body { color: var(--color-text-primary); }
[data-theme="dark"] .modal__close { color: var(--color-text-muted); }

/* ── 다크모드: 사이드바 내비 항목 기본 텍스트 ── */
[data-theme="dark"] .sidebar__nav-item {
  color: var(--color-text-secondary) !important;
}
[data-theme="dark"] .sidebar__nav-item.active {
  color: var(--color-primary) !important;
}

/* ── 다크모드: 관리자 테이블 텍스트 ── */
[data-theme="dark"] .admin-table td { color: var(--color-text-primary); }
[data-theme="dark"] .admin-table th { color: var(--color-text-muted); }
[data-theme="dark"] .admin-table__muted { color: var(--color-text-secondary); }

/* ── 다크모드: 폼 라벨/힌트 보강 ── */
[data-theme="dark"] .form-label { color: var(--color-text-primary) !important; }
[data-theme="dark"] .form-hint { color: var(--color-text-muted); }
[data-theme="dark"] .char-counter { color: var(--color-text-muted); }

/* ── 다크모드: 상세 페이지 텍스트 ── */
[data-theme="dark"] .detail-title { color: var(--color-text-primary) !important; }
[data-theme="dark"] .detail-body { color: var(--color-text-primary); }
[data-theme="dark"] .detail-body p { color: var(--color-text-secondary); }
[data-theme="dark"] .detail-meta { color: var(--color-text-muted); }
[data-theme="dark"] .comment-item__author { color: var(--color-text-primary) !important; }
[data-theme="dark"] .comment-item__text { color: var(--color-text-secondary) !important; }

/* ── 다크모드: 알림 항목 텍스트 ── */
[data-theme="dark"] .notif-item__text { color: var(--color-text-primary); }
[data-theme="dark"] .notif-item__time { color: var(--color-text-muted); }

/* ── 다크모드: 피드 카드 내부 텍스트 (명시적) ── */
[data-theme="dark"] .feed-card__title { color: var(--color-text-primary) !important; }
[data-theme="dark"] .feed-card__desc { color: var(--color-text-secondary) !important; }
[data-theme="dark"] .feed-card__meta { color: var(--color-text-muted) !important; }

/* ── 다크모드: 빈 상태 텍스트 ── */
[data-theme="dark"] .empty-state__title { color: var(--color-text-primary) !important; }
[data-theme="dark"] .empty-state__desc { color: var(--color-text-secondary) !important; }

/* ── 다크모드: 사이드바 하단 유틸 버튼 텍스트 ── */
[data-theme="dark"] .sidebar__util-btn { color: var(--color-text-muted); }
[data-theme="dark"] .sidebar__util-btn:hover { color: var(--color-text-primary); }
[data-theme="dark"] .sidebar__user-name { color: var(--color-text-primary); }

/* ── 다크모드: 계정 페이지 텍스트 ── */
[data-theme="dark"] .account-nickname { color: var(--color-text-primary) !important; }
[data-theme="dark"] .account-stat__num { color: var(--color-primary) !important; }
[data-theme="dark"] .account-stat__label { color: var(--color-text-muted) !important; }

/* ── 다크모드: 섹션 타이틀 ── */
[data-theme="dark"] .section-title { color: var(--color-text-primary) !important; }
[data-theme="dark"] .home-section-title { color: var(--color-text-primary) !important; }
[data-theme="dark"] .home-cats-header__title { color: var(--color-text-primary) !important; }
[data-theme="dark"] .home-cats-header__sub { color: var(--color-text-muted) !important; }

/* ── 다크모드: 사이드바 위젯 텍스트 ── */
[data-theme="dark"] .sidebar-widget__title { color: var(--color-text-primary) !important; }
[data-theme="dark"] .sidebar-rank-title { color: var(--color-text-primary); }
[data-theme="dark"] .sidebar-rank-meta { color: var(--color-text-muted); }
[data-theme="dark"] .sidebar-mission__text { color: var(--color-text-primary); }

/* ── 다크모드: 홈 랭킹/빠른시작 텍스트 ── */
[data-theme="dark"] .home-rank-item__title { color: var(--color-text-primary) !important; }
[data-theme="dark"] .home-rank-item__type { color: var(--color-text-muted); }
[data-theme="dark"] .home-rank-item__stats { color: var(--color-text-muted); }
[data-theme="dark"] .home-quick-btn__label { color: var(--color-text-primary) !important; }
[data-theme="dark"] .home-stat-card__num { color: var(--color-primary) !important; }
[data-theme="dark"] .home-stat-card__label { color: var(--color-text-muted) !important; }

/* ── 다크모드: 왕좌 카드 텍스트 ── */
[data-theme="dark"] .throne-card__title { color: var(--color-text-primary) !important; }
[data-theme="dark"] .throne-card__author { color: var(--color-text-muted) !important; }
[data-theme="dark"] .throne-card__score { color: var(--color-text-muted) !important; }