/* Theme overrides loaded after page CSS so light mode can fix legacy hard-coded dark blocks */

.theme-toggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:auto !important;
  min-width:108px !important;
  max-width:none !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
  margin-left:auto;
  padding:8px 14px !important;
  border-radius:12px !important;
  border:1px solid #22324a !important;
  background:#ffffff !important;
  color:#13263d !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  box-sizing:border-box !important;
}

html[data-theme="dark"] .theme-toggle{
  background:#ffffff !important;
  color:#13263d !important;
  border-color:#22324a !important;
}

html[data-theme="light"] body,
html[data-theme="light"] html{
  background:var(--bg) !important;
  color:var(--text) !important;
}

html[data-theme="light"] .navbar,
html[data-theme="light"] .brand{
  background:transparent;
}

html[data-theme="light"] .navbar{
  background:var(--surface-2) !important;
  border-bottom-color:var(--border) !important;
}

html[data-theme="light"] .navbar a,
html[data-theme="light"] .navbar .nav-link{
  color:var(--accent) !important;
}

html[data-theme="light"] .navbar a:hover,
html[data-theme="light"] .navbar a.is-active,
html[data-theme="light"] .navbar .nav-link:hover,
html[data-theme="light"] .navbar .nav-link.is-active{
  background:#ffffff !important;
  border-color:var(--border) !important;
}

html[data-theme="light"] .theme-toggle{
  background:#fff !important;
  color:var(--text) !important;
  border-color:var(--border) !important;
}

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] .pageTitle,
html[data-theme="light"] .h1,
html[data-theme="light"] .tourSectionTitle,
html[data-theme="light"] .tourCurrentGame,
html[data-theme="light"] .tourArchiveGame,
html[data-theme="light"] .tourPlayer,
html[data-theme="light"] .tourPodiumName,
html[data-theme="light"] .pm-user,
html[data-theme="light"] .thread-title,
html[data-theme="light"] .card-title,
html[data-theme="light"] .name,
html[data-theme="light"] .user-profile-name,
html[data-theme="light"] .unlockTitle,
html[data-theme="light"] .fireTitle,
html[data-theme="light"] .green,
html[data-theme="light"] .forum-green-strong,
html[data-theme="light"] .section-title-green,
html[data-theme="light"] .arcadeTitle,
html[data-theme="light"] .metaLine b,
html[data-theme="light"] .tourHero h1,
html[data-theme="light"] .tourHeroStat b,
html[data-theme="light"] .tourScore,
html[data-theme="light"] .tourPodiumScore,
html[data-theme="light"] .big,
html[data-theme="light"] .stat .n,
html[data-theme="light"] .pcBig,
html[data-theme="light"] .unlockCard .unlockTitle,
html[data-theme="light"] .unlockCard .big,
html[data-theme="light"] .relatedTitle,
html[data-theme="light"] .reviewTitle,
html[data-theme="light"] .reviewUser,
html[data-theme="light"] .achHero h1,
html[data-theme="light"] .achSectionTitle,
html[data-theme="light"] .achPct,
html[data-theme="light"] .heroStat b,
html[data-theme="light"] .hallRank,
html[data-theme="light"] .hallScore,
html[data-theme="light"] .achCardTitle,
html[data-theme="light"] .achIconGuideCard b,
html[data-theme="light"] .achShowcaseMain,
html[data-theme="light"] .forum-search-title a,
html[data-theme="light"] .forum-search-title a:visited,
html[data-theme="light"] .forum-player-achcount,
html[data-theme="light"] .forum-player-card-links a,
html[data-theme="light"] .forum-player-card-links a:visited,
html[data-theme="light"] .forum-player-card a,
html[data-theme="light"] .forum-player-card a:visited,
html[data-theme="light"] .hallUser a,
html[data-theme="light"] .hallUser a:visited,
html[data-theme="light"] .uLink,
html[data-theme="light"] .uLink:visited,
html[data-theme="light"] .linkList a,
html[data-theme="light"] .linkList a:visited,
html[data-theme="light"] .user-link-list a,
html[data-theme="light"] .user-link-list a:visited{
  color:var(--accent) !important;
}

html[data-theme="light"] .small,
html[data-theme="light"] .muted,
html[data-theme="light"] .desc,
html[data-theme="light"] .metaText,
html[data-theme="light"] .card-desc,
html[data-theme="light"] .card-meta,
html[data-theme="light"] .thread-meta,
html[data-theme="light"] .pm-preview,
html[data-theme="light"] .pm-date,
html[data-theme="light"] .tourCurrentMeta,
html[data-theme="light"] .tourArchiveMode,
html[data-theme="light"] .tourEmpty,
html[data-theme="light"] .pcRank,
html[data-theme="light"] .pcFav,
html[data-theme="light"] .pcBest,
html[data-theme="light"] .achSubline,
html[data-theme="light"] .achShowcaseLabel,
html[data-theme="light"] .small a,
html[data-theme="light"] .user-empty-note,
html[data-theme="light"] .user-profile-note,
html[data-theme="light"] .section-title-tight,
html[data-theme="light"] .user-link-label,
html[data-theme="light"] .tourArchiveWeek,
html[data-theme="light"] .tourHero p,
html[data-theme="light"] .forum-breadcrumb,
html[data-theme="light"] .forum-breadcrumb a,
html[data-theme="light"] .tagLine,
html[data-theme="light"] .playHint,
html[data-theme="light"] .metaLine,
html[data-theme="light"] .pm-meta,
html[data-theme="light"] .user-signature-html,
html[data-theme="light"] .reviewMeta,
html[data-theme="light"] .reviewDate,
html[data-theme="light"] .reviewEmpty,
html[data-theme="light"] .reviewLabel,
html[data-theme="light"] .cooldownHint,
html[data-theme="light"] .lpHost,
html[data-theme="light"] .achHero p,
html[data-theme="light"] .achMeta,
html[data-theme="light"] .achEmpty,
html[data-theme="light"] .achCardMeta,
html[data-theme="light"] .forum-player-card-ach,
html[data-theme="light"] .forum-player-card-achsub,
html[data-theme="light"] .forum-player-card .small,
html[data-theme="light"] .small.muted,
html[data-theme="light"] #gameMetaText,
html[data-theme="light"] .reviewText,
html[data-theme="light"] .lpTitle,
html[data-theme="light"] .relatedCard small,
html[data-theme="light"] .post-date,
html[data-theme="light"] .post-edited,
html[data-theme="light"] .post-user-title,
html[data-theme="light"] .heroStat span{
  color:#52627a !important;
  opacity:1 !important;
}

html[data-theme="light"] a{
  color:var(--accent);
}

html[data-theme="light"] .panel,
html[data-theme="light"] .card,
html[data-theme="light"] .box,
html[data-theme="light"] .sectionBox,
html[data-theme="light"] .thread,
html[data-theme="light"] .post,
html[data-theme="light"] .empty,
html[data-theme="light"] .alert,
html[data-theme="light"] .tourHero,
html[data-theme="light"] .tourPanel,
html[data-theme="light"] .tourArchiveCard,
html[data-theme="light"] .dlTable,
html[data-theme="light"] .playerFrame,
html[data-theme="light"] .wrap .panel,
html[data-theme="light"] .tableBox,
html[data-theme="light"] .unlockCard,
html[data-theme="light"] .playerCard,
html[data-theme="light"] .achCard,
html[data-theme="light"] .achShowcaseCard,
html[data-theme="light"] .banner,
html[data-theme="light"] .pop,
html[data-theme="light"] .forum-autocomplete-box,
html[data-theme="light"] .forum-live-search-box,
html[data-theme="light"] .reviewBox,
html[data-theme="light"] .reviewItem,
html[data-theme="light"] .lp,
html[data-theme="light"] .forum-search-panel,
html[data-theme="light"] .forum-search-result,
html[data-theme="light"] .forum-player-card,
html[data-theme="light"] .achHero,
html[data-theme="light"] .achPanel,
html[data-theme="light"] .hallRow,
html[data-theme="light"] .recentRow{
  background:var(--surface) !important;
  color:var(--text) !important;
  border-color:var(--border) !important;
  box-shadow:0 10px 24px rgba(18,32,51,.08) !important;
}

html[data-theme="light"] .stat,
html[data-theme="light"] .sigBox,
html[data-theme="light"] .sigPreview,
html[data-theme="light"] .badge,
html[data-theme="light"] .pill,
html[data-theme="light"] .pm-row,
html[data-theme="light"] .pm-thread,
html[data-theme="light"] .pm-bubble,
html[data-theme="light"] .pm-msg.mine .pm-bubble,
html[data-theme="light"] .tourHeroStat,
html[data-theme="light"] .tourCurrentCard,
html[data-theme="light"] .tourLiveRow,
html[data-theme="light"] .tourPodiumRow,
html[data-theme="light"] .tourArchiveCard .tourPodiumRow,
html[data-theme="light"] .recentGame,
html[data-theme="light"] .achProgress,
html[data-theme="light"] .playBtn,
html[data-theme="light"] .vibToggle,
html[data-theme="light"] .thread-head,
html[data-theme="light"] .thread-sub,
html[data-theme="light"] .thread-move-select,
html[data-theme="light"] .post-body.has-post-bg,
html[data-theme="light"] .ruffle-container.bg-black,
html[data-theme="light"] .ruffle-bg-black,
html[data-theme="light"] .forum-search-inline input,
html[data-theme="light"] .forum-search-inline-live input,
html[data-theme="light"] .forum-suggest-item,
html[data-theme="light"] .pm-del,
html[data-theme="light"] .dlTable .tag,
html[data-theme="light"] .challengeCard,
html[data-theme="light"] .engCard,
html[data-theme="light"] .challengeSide,
html[data-theme="light"] .challengeMain,
html[data-theme="light"] .challengeTop,
html[data-theme="light"] .challengeMini .box,
html[data-theme="light"] .box .box,
html[data-theme="light"] .fireTitle,
html[data-theme="light"] .relatedCard,
html[data-theme="light"] .heroStat,
html[data-theme="light"] .achMini,
html[data-theme="light"] .achTab,
html[data-theme="light"] .achIconGuideCard,
html[data-theme="light"] .forum-player-achicon,
html[data-theme="light"] .forum-post-tools,
html[data-theme="light"] .post-sig .medals .m,
html[data-theme="light"] .medals-inline .m,
html[data-theme="light"] .reviewActions button,
html[data-theme="light"] .adminInline button,
html[data-theme="light"] .lp,
html[data-theme="light"] .note,
html[data-theme="light"] .forum-player-card .badge,
html[data-theme="light"] .reviewMsg,
html[data-theme="light"] .ql-toolbar,
html[data-theme="light"] .editor,
html[data-theme="light"] .pager a,
html[data-theme="light"] .pager .cur,
html[data-theme="light"] .page,
html[data-theme="light"] .reportForm input[type="text"],
html[data-theme="light"] .reviewForm textarea,
html[data-theme="light"] .table,
html[data-theme="light"] .table th,
html[data-theme="light"] .table td{
  background:var(--surface-2) !important;
  color:var(--text) !important;
  border-color:var(--border) !important;
  box-shadow:none !important;
}

html[data-theme="light"] .post-body.has-post-bg{ --post-bg: var(--surface-2); }

html[data-theme="light"] .card:hover,
html[data-theme="light"] .thread:hover,
html[data-theme="light"] .pm-row:hover,
html[data-theme="light"] .recentGame:hover,
html[data-theme="light"] .btn:hover,
html[data-theme="light"] .playBtn:hover,
html[data-theme="light"] .relatedCard:hover,
html[data-theme="light"] .achBtn:hover,
html[data-theme="light"] .forum-player-card:hover{
  border-color:#9fb6d0 !important;
  background:#f4f8fc !important;
}

html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select,
html[data-theme="light"] .ql-container,
html[data-theme="light"] .ql-toolbar{
  background:#fff !important;
  color:var(--text) !important;
  border-color:var(--border) !important;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{
  color:#7487a1 !important;
}

html[data-theme="light"] button,
html[data-theme="light"] .btn,
html[data-theme="light"] .tourBtn{
  background:var(--accent-2) !important;
  border-color:#2f5f96 !important;
  color:#fff !important;
}

html[data-theme="light"] .btn.ghost,
html[data-theme="light"] .playBtn,
html[data-theme="light"] .pm-del,
html[data-theme="light"] .pill,
html[data-theme="light"] .badge,
html[data-theme="light"] .tourBtn.ghost,
html[data-theme="light"] .forum-inline-form .btn,
html[data-theme="light"] .theme-toggle,
html[data-theme="light"] .user-profile-actions .btn,
html[data-theme="light"] .user-profile-actions-single .btn,
html[data-theme="light"] .achBtn,
html[data-theme="light"] .forum-post-tools .btn,
html[data-theme="light"] .reviewActions button,
html[data-theme="light"] .adminInline button,
html[data-theme="light"] .page,
html[data-theme="light"] .pager a,
html[data-theme="light"] .pager .cur,
html[data-theme="light"] .forum-player-card .badge,
html[data-theme="light"] .achTab,
html[data-theme="light"] .playBtn,
html[data-theme="light"] .vibToggle{
  background:#fff !important;
  color:#1f4f8c !important;
  border-color:#9fb6d0 !important;
}

html[data-theme="light"] .btn.ghost:hover,
html[data-theme="light"] .playBtn:hover,
html[data-theme="light"] .pm-del:hover,
html[data-theme="light"] .pill:hover,
html[data-theme="light"] .badge:hover,
html[data-theme="light"] .achBtn:hover,
html[data-theme="light"] .achTab:hover,
html[data-theme="light"] .reviewActions button:hover,
html[data-theme="light"] .adminInline button:hover{
  background:#f2f7fc !important;
}

html[data-theme="light"] .pm-badge,
html[data-theme="light"] .nav-badge{
  color:#fff !important;
}

html[data-theme="light"] table,
html[data-theme="light"] th,
html[data-theme="light"] td{
  color:var(--text);
  border-color:var(--border) !important;
}

html[data-theme="light"] thead th,
html[data-theme="light"] th{
  color:#5d6f87 !important;
}

html[data-theme="light"] .me,
html[data-theme="light"] .hallRow.isMe{
  background:rgba(21,115,71,.08) !important;
}

html[data-theme="light"] .playerFrame,
html[data-theme="light"] .forum-player-card{
  background:var(--surface-2) !important;
}

html[data-theme="light"] .ruffle-container,
html[data-theme="light"] .ruffle-container.bg-white{
  background:#fff !important;
}

html[data-theme="light"] .overlay18{
  background:linear-gradient(to bottom, rgba(255,255,255,.04), rgba(18,32,51,.18)) !important;
}

html[data-theme="light"] .lockText{
  background:rgba(255,255,255,.96) !important;
  color:var(--text) !important;
  border-color:var(--border) !important;
  box-shadow:0 8px 20px rgba(18,32,51,.12) !important;
}

html[data-theme="light"] .badge18{
  background:#fff5f7 !important;
  color:#b4234a !important;
  border-color:#f1bfd0 !important;
}

html[data-theme="light"] .achProgress span,
html[data-theme="light"] .achProgress > span{
  background:linear-gradient(90deg,#43b768,#7adf8d) !important;
}

html[data-theme="light"] .forum-suggest-item.is-active,
html[data-theme="light"] .forum-suggest-item:hover{
  background:#f1f6fb !important;
}

html[data-theme="light"] .dlTable tbody tr:hover,
html[data-theme="light"] .rankingTable tbody tr:hover,
html[data-theme="light"] .table tbody tr:hover,
html[data-theme="light"] .hallRow:hover,
html[data-theme="light"] .recentRow:hover{
  background:rgba(43,108,176,.05) !important;
}

html[data-theme="light"] .post-body,
html[data-theme="light"] .post-body *,
html[data-theme="light"] .reviewText,
html[data-theme="light"] .reviewText *,
html[data-theme="light"] .forum-search-snippet,
html[data-theme="light"] .forum-search-snippet *,
html[data-theme="light"] .recentRow *,
html[data-theme="light"] .hallRow *,
html[data-theme="light"] .relatedCard,
html[data-theme="light"] .relatedCard *{
  color:inherit;
}

html[data-theme="light"] .post-body a,
html[data-theme="light"] .reviewText a,
html[data-theme="light"] .forum-search-snippet a,
html[data-theme="light"] .forum-search-meta a,
html[data-theme="light"] .forum-search-meta a:visited{
  color:var(--accent) !important;
}

/* Final polish: forum player card contrast + keep primary buttons blue on hover */
html[data-theme="light"] .forum-player-rank,
html[data-theme="light"] .forum-player-card-top .forum-player-rank,
html[data-theme="light"] .forum-player-card .forum-player-rank{
  color:#1f4f8c !important;
  opacity:1 !important;
}

html[data-theme="light"] .forum-player-medal,
html[data-theme="light"] .forum-player-card .forum-player-medal,
html[data-theme="light"] .forum-player-achicon,
html[data-theme="light"] .forum-player-card .forum-player-achicon{
  background:#edf4fc !important;
  color:#1f4f8c !important;
  border:1px solid #b8cce2 !important;
  box-shadow:none !important;
  opacity:1 !important;
}

html[data-theme="light"] .forum-player-achpct,
html[data-theme="light"] .forum-player-card-achpct,
html[data-theme="light"] .forum-player-achcount,
html[data-theme="light"] .forum-player-card-ach .forum-player-achcount{
  color:#163b68 !important;
  opacity:1 !important;
}

html[data-theme="light"] .forum-player-card-links a:hover,
html[data-theme="light"] .forum-player-card a:hover{
  color:#0f6a4b !important;
}

html[data-theme="light"] a.btn:not(.ghost):not(.theme-toggle):hover,
html[data-theme="light"] button:not(.ghost):not(.theme-toggle):hover,
html[data-theme="light"] .toolbarActions .btn:hover,
html[data-theme="light"] .challengeSide .btn:hover,
html[data-theme="light"] .tourBtn:hover,
html[data-theme="light"] .lp .btn:hover,
html[data-theme="light"] .roomQuickLinks a.btn:hover,
html[data-theme="light"] .dlTable .btn:hover,
html[data-theme="light"] .pmHead .btn:hover,
html[data-theme="light"] .searchRow button:hover,
html[data-theme="light"] .catActions button:hover,
html[data-theme="light"] .forumActions .btn:hover,
html[data-theme="light"] .forum-post-tools .btn:hover,
html[data-theme="light"] .btn.fit:hover{
  background:var(--accent-2) !important;
  color:#fff !important;
  border-color:#2f5f96 !important;
  filter:none !important;
  box-shadow:none !important;
}

html[data-theme="light"] a.btn:not(.ghost):not(.theme-toggle):hover *,
html[data-theme="light"] button:not(.ghost):not(.theme-toggle):hover *,
html[data-theme="light"] .toolbarActions .btn:hover *,
html[data-theme="light"] .challengeSide .btn:hover *,
html[data-theme="light"] .tourBtn:hover *,
html[data-theme="light"] .lp .btn:hover *,
html[data-theme="light"] .dlTable .btn:hover *,
html[data-theme="light"] .btn.fit:hover *{
  color:#fff !important;
}

html[data-theme="light"] .toolbarActions .btn,
html[data-theme="light"] .challengeSide .btn,
html[data-theme="light"] .lp .btn,
html[data-theme="light"] .dlTable .btn,
html[data-theme="light"] .searchRow button,
html[data-theme="light"] .catActions button,
html[data-theme="light"] .btn.fit,
html[data-theme="light"] .tourBtn{
  color:#fff !important;
}

html[data-theme="light"] .card:hover,
html[data-theme="light"] .miniCard:hover,
html[data-theme="light"] .engCard:hover,
html[data-theme="light"] .challengeCard:hover,
html[data-theme="light"] .sectionBox:hover,
html[data-theme="light"] .grid .card:hover,
html[data-theme="light"] .miniGrid .miniCard:hover{
  background:var(--surface) !important;
}

html[data-theme="light"] .card:hover img,
html[data-theme="light"] .miniCard:hover img,
html[data-theme="light"] .grid .card:hover img{
  filter:none !important;
  opacity:1 !important;
}

/* Final tiny cleanup: arcade card visibility + remove light hover rectangles */
html[data-theme="light"] .challengeSide,
html[data-theme="light"] .challengeSide:hover,
html[data-theme="light"] .toolbarActions,
html[data-theme="light"] .toolbarActions:hover,
html[data-theme="light"] .challengeCard > div,
html[data-theme="light"] .challengeCard > div:hover,
html[data-theme="light"] .sectionBox .challengeSide,
html[data-theme="light"] .sectionBox .challengeSide:hover{
  background:transparent !important;
  box-shadow:none !important;
}

html[data-theme="light"] .challengeSide .small,
html[data-theme="light"] .challengeSide .small:hover{
  background:transparent !important;
  box-shadow:none !important;
}

html[data-theme="light"] .challengeCard .btn,
html[data-theme="light"] .challengeCard .btn:hover,
html[data-theme="light"] .challengeCard a.btn,
html[data-theme="light"] .challengeCard a.btn:hover,
html[data-theme="light"] .toolbarActions .btn,
html[data-theme="light"] .toolbarActions .btn:hover,
html[data-theme="light"] .toolbarActions a.btn,
html[data-theme="light"] .toolbarActions a.btn:hover{
  background:var(--accent-2) !important;
  color:#fff !important;
  border-color:#2f5f96 !important;
  filter:none !important;
  box-shadow:none !important;
}

html[data-theme="light"] .challengeCard .btn *,
html[data-theme="light"] .challengeCard .btn:hover *,
html[data-theme="light"] .toolbarActions .btn *,
html[data-theme="light"] .toolbarActions .btn:hover *{
  color:#fff !important;
}

html[data-theme="light"] .forum-player-card{
  background:#dbe6f1 !important;
  border-color:#b8cce2 !important;
}

html[data-theme="light"] .forum-player-card .forum-player-rank,
html[data-theme="light"] .forum-player-card .forum-player-rank a,
html[data-theme="light"] .forum-player-card .forum-player-rank strong{
  color:#163b68 !important;
  font-weight:800 !important;
  opacity:1 !important;
}

html[data-theme="light"] .forum-player-card .forum-player-medal,
html[data-theme="light"] .forum-player-card .forum-player-achicon,
html[data-theme="light"] .forum-player-card .forum-player-medal *,
html[data-theme="light"] .forum-player-card .forum-player-achicon *{
  color:#1f4f8c !important;
  opacity:1 !important;
  filter:none !important;
}

/* Final tiny cleanup 2: game page light blocks, score debug, forum percent pill, quill icons */
html[data-theme="light"] .leaderBox,
html[data-theme="light"] .leaderBox:hover,
html[data-theme="light"] .reviewBox,
html[data-theme="light"] .reviewItem,
html[data-theme="light"] .relatedWrap,
html[data-theme="light"] .relatedBox,
html[data-theme="light"] .game-back-wrap,
html[data-theme="light"] .game-back-wrap:hover{
  background:var(--surface) !important;
  color:var(--text) !important;
  border-color:var(--border) !important;
}

html[data-theme="light"] .leaderBox table,
html[data-theme="light"] .leaderBox tbody,
html[data-theme="light"] .leaderBox tr,
html[data-theme="light"] .leaderBox td,
html[data-theme="light"] .leaderBox th,
html[data-theme="light"] .leaderBox .uCell,
html[data-theme="light"] .leaderBox .uAva,
html[data-theme="light"] .leaderBox .rowInfo,
html[data-theme="light"] .relatedGrid,
html[data-theme="light"] .relatedCard,
html[data-theme="light"] .relatedCard:hover,
html[data-theme="light"] .relatedCard:focus{
  background:var(--surface-2) !important;
  border-color:var(--border) !important;
  color:var(--text) !important;
  box-shadow:none !important;
}

html[data-theme="light"] .leaderBox .section-title-accent,
html[data-theme="light"] .leaderBox .game-section-title,
html[data-theme="light"] .relatedBox .section-title-accent,
html[data-theme="light"] .relatedBox .game-section-title,
html[data-theme="light"] .relatedTitle,
html[data-theme="light"] .leaderBox .uLink,
html[data-theme="light"] .leaderBox .uLink:visited{
  color:var(--accent) !important;
}

html[data-theme="light"] .leaderBox .small,
html[data-theme="light"] .leaderBox td.small,
html[data-theme="light"] .leaderBox th,
html[data-theme="light"] .relatedCard small,
html[data-theme="light"] .game-rank-meta,
html[data-theme="light"] .muted-soft{
  color:#52627a !important;
  opacity:1 !important;
}

html[data-theme="light"] .leaderBox .meRow{
  background:rgba(21,115,71,.08) !important;
}

html[data-theme="light"] .leaderBox .uAva{
  background:#fff !important;
}

html[data-theme="light"] .leaderBox .uLink:hover,
html[data-theme="light"] .relatedCard:hover .relatedTitle,
html[data-theme="light"] .relatedCard:hover{
  color:#0f6a4b !important;
}

html[data-theme="light"] .forum-player-achpct,
html[data-theme="light"] .forum-player-card-achpct{
  background:#163b68 !important;
  color:#ffffff !important;
  border-color:#315b8c !important;
  opacity:1 !important;
}

html[data-theme="light"] .forum-player-achpct *,
html[data-theme="light"] .forum-player-card-achpct *{
  color:#ffffff !important;
}

html[data-theme="light"] #admin-debug-box pre,
html[data-theme="light"] .admin-debug-toggle pre,
html[data-theme="light"] #admin-debug-box code,
html[data-theme="light"] .admin-debug-toggle code{
  background:#f6f9fc !important;
  color:#1f3047 !important;
  border:1px solid var(--border) !important;
  box-shadow:none !important;
}

html[data-theme="light"] #admin-debug-box,
html[data-theme="light"] .admin-debug-toggle[open],
html[data-theme="light"] .admin-debug-toggle > div{
  color:var(--text) !important;
}

html[data-theme="light"] .admin-debug-toggle b,
html[data-theme="light"] .admin-debug-toggle .small,
html[data-theme="light"] #admin-debug-box > div:first-child{
  color:var(--accent) !important;
  opacity:1 !important;
}


html[data-theme="light"] .post-body pre.ql-syntax{
  background:#f6f9fc !important;
  color:#1f3047 !important;
  border:1px solid var(--border) !important;
  box-shadow:none !important;
}

html[data-theme="light"] .post-body pre.ql-syntax code,
html[data-theme="light"] .post-body pre.ql-syntax span,
html[data-theme="light"] .post-body pre.ql-syntax *{
  color:#1f3047 !important;
}

html[data-theme="light"] .post-body code{
  background:#eef4fb !important;
  color:#1b5e20 !important;
  border:1px solid #d7e3f1;
}

html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow,
html[data-theme="light"] .forum-editor .ql-container.ql-snow,
html[data-theme="light"] .forum-editor .ql-editor,
html[data-theme="light"] .forum-editor .ql-picker-options{
  background:#fff !important;
  color:var(--text) !important;
  border-color:var(--border) !important;
}


html[data-theme="light"] .post-body pre.ql-syntax{
  background:#f6f9fc !important;
  color:#1f3047 !important;
  border:1px solid var(--border) !important;
  box-shadow:none !important;
}

html[data-theme="light"] .post-body pre.ql-syntax code,
html[data-theme="light"] .post-body pre.ql-syntax span,
html[data-theme="light"] .post-body pre.ql-syntax *{
  color:#1f3047 !important;
}

html[data-theme="light"] .post-body code{
  background:#eef4fb !important;
  color:#1b5e20 !important;
  border:1px solid #d7e3f1;
}

html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow,
html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow button,
html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow .ql-picker-label,
html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow .ql-picker-item,
html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{
  color:#1f3047 !important;
}

html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow button svg,
html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow .ql-picker-label svg{
  opacity:1 !important;
}

html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow button .ql-stroke,
html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow .ql-picker-label .ql-stroke,
html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow .ql-picker-item .ql-stroke{
  stroke:#1f3047 !important;
}

html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow button .ql-fill,
html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow .ql-picker-label .ql-fill,
html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow .ql-picker-item .ql-fill{
  fill:#1f3047 !important;
}

html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow button:hover,
html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow button.ql-active,
html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow .ql-picker-label:hover,
html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow .ql-picker-label.ql-active{
  background:#eef4fa !important;
  color:#0f6a4b !important;
}

html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow button:hover .ql-stroke,
html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow button.ql-active .ql-stroke,
html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke,
html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow .ql-picker-label.ql-active .ql-stroke{
  stroke:#0f6a4b !important;
}

html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow button:hover .ql-fill,
html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow button.ql-active .ql-fill,
html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow .ql-picker-label:hover .ql-fill,
html[data-theme="light"] .forum-editor .ql-toolbar.ql-snow .ql-picker-label.ql-active .ql-fill{
  fill:#0f6a4b !important;
}

/* ===== AUTH PAGES THEME FIX (respect light/dark) ===== */

/* LIGHT MODE */
html[data-theme="light"] .box{
  background:#ffffff !important;
  border:1px solid #c8d7e6 !important;
  box-shadow:0 10px 28px rgba(18,32,51,.08) !important;
}

html[data-theme="light"] body{
  background:#eef3f8 !important;
  color:#1f3047 !important;
}

html[data-theme="light"] input{
  background:#ffffff !important;
  color:#1f3047 !important;
  border:1px solid #b9cce0 !important;
}

html[data-theme="light"] input::placeholder{
  color:#7a8ea8 !important;
}

html[data-theme="light"] h2{
  color:#1f4f8c !important;
}


/* DARK MODE (ohrani original look) */
html[data-theme="dark"] .box{
  background:#1e2f44 !important;
  border:1px solid #22324a !important;
}

html[data-theme="dark"] body{
  background:#081826 !important;
  color:#dbe6f1 !important;
}

html[data-theme="dark"] input{
  background:#0f2436 !important;
  color:#dbe6f1 !important;
  border:1px solid #22324a !important;
}

html[data-theme="dark"] input::placeholder{
  color:#6f8aa5 !important;
}