/* Shatranj Al Arab / unified charcoal palette / 2026-10-12.
   Pixel samples from approved image:
   canvas #1b1c1a, separator #222320, rail #292a27,
   raised surface top #363833 -> bottom #252623.
   UI-only rules: chess boards, squares and piece assets are untouched. */
:root {
  color-scheme:dark;
  --coal-bg:#1b1c1a;
  --coal-separator:#222320;
  --coal-rail:#292a27;
  --coal-card:#292b28;
  --coal-top:#363833;
  --coal-bottom:#252623;
  --coal-border:#484a43;
  --coal-border-soft:#40423d;
  --coal-text:#f5f4f0;
  --coal-muted:#cbc9c3;
  --coal-highlight:#dcd6cd;
  --coal-raise:linear-gradient(180deg,#363833 0%,#2f312d 48%,#252623 100%);
  --coal-rail-gradient:linear-gradient(180deg,#292a27 0%,#2f2d2a 100%);

  /* UI design tokens only, never --board-*, square/piece or board artwork. */
  --hero-deep:#222320; --hero-deeper:#1b1c1a;
  --hero-panel:#292b28; --hero-panel-2:#292a27;
  --hero-gold:#dcd6cd; --hero-gold-2:#ebe8e2;
  --hero-cream:#f5f4f0; --hero-muted:#cbc9c3;
  --hero-line:#484a43; --hero-cyan-line:#40423d;
  --shell-bg:#1b1c1a; --shell-bg-2:#222320;
  --shell-panel:#292b28; --shell-panel-2:#292a27;
  --shell-gold:#dcd6cd; --shell-cream:#f5f4f0;
  --shell-muted:#cbc9c3; --shell-line:#484a43;
  --p-bg:#1b1c1a; --p-deep:#222320;
  --p-panel:#292b28; --p-panel2:#292a27;
  --p-gold:#dcd6cd; --p-gold2:#ebe8e2;
  --p-cream:#f5f4f0; --p-muted:#cbc9c3; --p-line:#484a43;
  --bg:#1b1c1a; --bg1:#1b1c1a; --bg2:#222320; --bg3:#292a27;
  --panel:#292b28; --panel2:#292a27;
  --surface:#292b28; --surface-soft:#292a27;
  --text:#f5f4f0; --muted:#cbc9c3; --line:#484a43;
  --gold:#dcd6cd; --gold2:#ebe8e2;
  --green-900:#1b1c1a; --green-800:#222320; --green-700:#292a27;
  --green-600:#292b28; --green-500:#363833;
  --gold-500:#dcd6cd; --gold-200:#ebe8e2;
  --mobile-workspace-gold:#dcd6cd; --mobile-workspace-cream:#f5f4f0;
  --mobile-workspace-panel:#292b28; --mobile-workspace-line:#484a43;
  --v2-petrol-deep:#1b1c1a; --v2-petrol:#222320;
  --v2-panel:#292b28; --v2-panel-soft:#292a27;
  --v2-text:#f5f4f0; --v2-muted:#cbc9c3;
  --v2-clock:#292a27; --v2-clock-text:#f5f4f0;
}
html,html:has(body.mobile-board-workspace),html:has(body.live-game){
  background:#1b1c1a!important;color-scheme:dark!important;
}
html body,
html body.home-signed-in,
html body.v2-shell-active,
html body.v2-shell-active.desktop-board-workspace,
html body.mobile-board-workspace,
html body.platform-page,
html body.live-game,
html body.pregame.reference-play-layout,
html body.computer-game,
html body.admin-page,
html body.admin-embedded{
  background:#1b1c1a!important;background-image:none!important;color:#f5f4f0!important;
}
html body #gamePage,
html body.live-game #gamePage,
html body.pregame.reference-play-layout #gamePage,
html body #mobileFixedWorkspace{
  background:#1b1c1a!important;background-image:none!important;color:#f5f4f0!important;
}
/* Screen frames, header, ticker and fixed navigation. */
html body :is(.home-header,.site-header,.v2-global-sidebar,.v2-mobile-nav,
 .v2-mobile-more-card,.mfw-header,.side-header,.side-head-stack,
 .desktop-sidebar-brand,.desktop-dashboard-view-head,.platform-head,
 .admin-inline-nav,.admin-inline-header,.tournament-tabs,
 .tournament-table-head){
  background:var(--coal-rail-gradient)!important;
  border-color:var(--coal-border-soft)!important;color:var(--coal-text)!important;
}
html body.desktop-board-workspace .v2-global-sidebar,
html body.desktop-board-workspace .v2-global-sidebar.desktop-sidebar-refined,
html body.mobile-board-workspace .home-header,
html body #mobileFixedWorkspace .mfw-header{
  background:var(--coal-rail-gradient)!important;border-color:var(--coal-border-soft)!important;
}
html body :is(.welcome-ticker,#welcomeTicker,#tournamentResultsTicker,
 .news-ticker,.chess-news-ticker){
  background:#222320!important;background-image:none!important;
  border-color:#40423d!important;color:#ebe8e2!important;
}
html body :is(.desktop-dashboard-column,.desktop-board-stage,
 #homeHero,.home-hero,#ranking,.platform-shell,.admin-shell,.page,
 .desktop-home-side-rail){
  background-color:transparent!important;background-image:none!important;
}
/* Reference raised-card gradient. No general button/div rule: board squares are excluded. */
html body :is(.desktop-home-statistics,.desktop-live-stat,.desktop-dashboard-view,
 .desktop-home-side-card,.desktop-champion-card,.desktop-dashboard-message-card,
 .desktop-play-online-choice,.desktop-play-options-intro,.desktop-dashboard-embed,
 .desktop-move-notebook,.desktop-member-card,.v2-mobile-more-link,
 .v2-player-card,.v2-side-panel,.v2-settings-card,
 .platform-card,.profile-card,.profile-panel,.player-card,.stat-card,
 .table-card,.table-wrap,.panel,.card,.tournament-table-shell,
 .tournament-list-item,.tournament-card,.tournament-detail,
 .inline-play-player-card,.inline-play-search-tools,.inline-play-actions,
 .inline-puzzle-panel,.inline-puzzle-card,.mfw-panel,.mfw-stat,.mfw-action,
 .mfw-auth-dialog,.mfw-play-tile,.mfw-rank-row,.mfw-more,
 .mobile-workspace-panel,.mobile-home-stat,.mobile-home-message,
 .admin-card,.admin-tile,.admin-stat,.stat-box,.summary-card,.info-card,
 .profile-section){
  background:var(--coal-raise)!important;border-color:var(--coal-border)!important;
  color:var(--coal-text)!important;
}
/* Previously high-specificity desktop/phone/live/embedded panel skins. */
html body.desktop-board-workspace :is(.desktop-home-statistics,.desktop-live-stat,
 .desktop-dashboard-view,.desktop-champion-card,.desktop-home-side-card,
 .desktop-dashboard-message-card,.desktop-member-card),
html body.desktop-board-workspace .desktop-dashboard-view.play-options-view .desktop-dashboard-view-body,
html body.desktop-board-workspace .desktop-dashboard-view.admin-view .desktop-dashboard-embed,
html body #mobileFixedWorkspace :is(.mfw-panel,.mfw-stat,.mfw-action,.mfw-play-tile,
 .mfw-auth-dialog,.mfw-rank-row),
html.admin-embedded body :is(.stat-card,.panel,.toolbar,.table-wrap),
html body.live-game :is(#topPlayerCard,#bottomPlayerCard,.player-card,.reference-move-strip),
html body.pregame.reference-play-layout :is(#topPlayerCard,#bottomPlayerCard,
 #opponentSearchPanel,.opponent-time-option,.player-card),
html body .platform-card,html body .desktop-move-notebook{
  background:var(--coal-raise)!important;border-color:var(--coal-border)!important;
}
html body :is(.desktop-dashboard-view-head,.mfw-panel-head,.mfw-auth-head,
 .panel-header,.table-head,.move-notebook-columns,.move-notebook-header,
 .admin-inline-header,.toolbar,.tournament-table-head){
  background:#292a27!important;background-image:none!important;
  border-color:var(--coal-border-soft)!important;
}
html body.desktop-board-workspace .desktop-champion-card[data-champion="site"],
html body .desktop-champion-card[data-champion="site"]{
  background:var(--coal-raise)!important;border-color:var(--coal-border)!important;
}
/* Navigation states and neutral focus, preserving existing geometry. */
html body :is(.desktop-home-nav-link,.v2-global-link,.v2-mobile-link,
 .v2-mobile-more-link,.desktop-play-choice-list>button,
 .desktop-play-time-options button,.mfw-tab,.mobile-workspace-tab,
 .admin-inline-tab,.tournament-tab,.auth-tab,.platform-tab,.nav-item,.nav-link){
  color:var(--coal-text)!important;border-color:var(--coal-border-soft)!important;
}
html body :is(.desktop-home-nav-link,.v2-global-link,.v2-mobile-link,
 .v2-mobile-more-link,.desktop-play-choice-list>button,.desktop-play-time-options button,
 .mfw-tab,.mobile-workspace-tab,.admin-inline-tab,.tournament-tab,
 .auth-tab,.platform-tab,.nav-item,.nav-link):hover{
  background:#383a36!important;color:#fff!important;
}
html body :is(.desktop-home-nav-link.active,.v2-global-link.active,
 .v2-mobile-link.active,.v2-mobile-more-link.active,.mfw-tab.active,
 .mobile-workspace-tab.active,.admin-inline-tab.active,.tournament-tab.is-active,
 .desktop-play-time-options button.is-selected,.desktop-play-choice-list>button.is-selected,
 .auth-tab.active,.platform-tab.active,.nav-item.active,.nav-link.active,
 .desktop-home-nav-link[aria-current="page"]){
  background:#393b37!important;background-image:none!important;
  color:#fff!important;border-color:#6b6e66!important;box-shadow:none!important;
}
html body.desktop-board-workspace .v2-global-sidebar.desktop-sidebar-refined
 :is(.desktop-home-nav-link.active,.desktop-home-nav-link[aria-current="page"]){
  background:#393b37!important;background-image:none!important;
  border-color:#6b6e66!important;color:#fff!important;box-shadow:none!important;
}
html body.desktop-board-workspace :is(.desktop-sidebar-brand strong,
 .desktop-sidebar-brand-mark,.desktop-member-score-star,.desktop-champion-title,
 .desktop-champion-name,.desktop-champion-count,.desktop-dashboard-view-head>strong,
 .desktop-home-side-card h3,.desktop-live-stat strong,
 .desktop-stat-icon.gold,.desktop-stat-icon.green,.desktop-stat-icon.cyan,
 .desktop-home-nav-link.active .desktop-home-nav-icon,
 .desktop-home-nav-link.active .desktop-home-nav-label){
  color:#ebe8e2!important;text-shadow:none!important;
}
/* Text hierarchy, ranking, badges and table strips. */
html body :is(h1,h2,h3,h4,h5,h6,strong,b,legend){color:var(--coal-text)}
html body :is(.desktop-home-side-card p,.desktop-suggested-name,.desktop-suggested-time,
 .desktop-champion-meta,.desktop-live-stat small,.desktop-member-location,
 .desktop-member-username,.desktop-member-status,.platform-muted,
 .v2-player-meta,.v2-search-status,.inline-play-player-meta,.inline-play-status,
 .inline-puzzle-status,.mfw-member-copy small,.mfw-points small,.mfw-stat small,
 .mfw-rank-row small,.player-info .location,.player-card .rating-label,
 .table-muted,.ranking-muted,.muted,.subtle,.helper-text){
  color:var(--coal-muted)!important;
}
html body :is(.hero-stat strong,.stat-card strong,.desktop-champion-count,
 .desktop-member-score b,.desktop-live-stat strong,.mobile-home-stat strong,
 .mfw-points b,.mfw-stat b,.platform-stat,.inline-puzzle-stats strong,
 .move-notebook-accuracy strong){color:var(--coal-text)!important}
html body :is(.ranking-filter-control,.ranking-filters select,.table-card,
 .table-wrap,.rank-badge,.ranking-badge,.tournament-list-meta,
 .tournament-list-status,.tournament-capacity-track,.mfw-ranking-grid,
 .mfw-ranking-grid th,.mfw-ranking-grid td){
  border-color:var(--coal-border-soft)!important;color:var(--coal-text)!important;
}
html body :is(table,thead,tbody,tr,td,th){border-color:var(--coal-border-soft)!important}
html body :is(th,thead th,.table-head,.tournament-table-head){
  background:#292a27!important;color:var(--coal-text)!important;
}
html body :is(tbody tr:nth-child(even),.move-notebook-row:nth-child(even)){
  background:rgba(72,70,68,.21)!important;
}
html body :is(tbody tr:hover,.mfw-ranking-grid tbody tr:hover){
  background:rgba(72,70,68,.42)!important;
}
html body.desktop-board-workspace .desktop-dashboard-view-body #ranking
 :is(.head,.ranking-filter-control,.ranking-filters select,.table-card,th,td,.rank-badge),
html body #mobileFixedWorkspace .mfw-ranking-grid :is(th,td){
  border-color:var(--coal-border-soft)!important;color:var(--coal-text)!important;
}
html body.desktop-board-workspace .desktop-dashboard-view-body #ranking :is(th,thead th),
html body #mobileFixedWorkspace .mfw-ranking-grid thead th{
  background:#292a27!important;
}
html body.desktop-board-workspace .desktop-dashboard-view-body #ranking tbody tr:not(.ranking-placeholder),
html body #mobileFixedWorkspace .mfw-ranking-grid tbody tr{
  background:transparent!important;
}
html body.desktop-board-workspace .desktop-dashboard-view-body #ranking tbody tr:not(.ranking-placeholder):nth-child(even),
html body #mobileFixedWorkspace .mfw-ranking-grid tbody tr:nth-child(even){
  background:rgba(72,70,68,.24)!important;
}
/* Form fields, commands and clocks; NOT the board's clickable square buttons. */
html body :is(input:not([type="checkbox"]):not([type="radio"]),
 select,textarea,.platform-input,.platform-select,.platform-textarea,
 .ranking-filters select,.desktop-suggested-time select,
 .inline-puzzle-custom select,.v2-play-setting-grid select,
 .admin-inline-control,.mfw-auth-host input){
  background:#292a27!important;background-image:none!important;
  color:var(--coal-text)!important;border-color:var(--coal-border)!important;
}
html body :is(input,select,textarea)::placeholder{color:#a8a39e!important;opacity:1}
html body :is(.btn,.primary,.gold,.platform-btn,.desktop-dashboard-primary-link,
 .desktop-play-primary,.desktop-home-side-card button,.desktop-dashboard-view-head>button,
 .desktop-play-time-options button,.desktop-play-choice-list>button,
 .v2-search-button,.v2-action,.v2-settings-button,.v2-quick-times button,
 .inline-play-times button,.inline-play-search-button,.inline-play-actions button,
 .inline-puzzle-actions button,.inline-puzzle-modes button,
 .opponent-time-option,.tournament-admin-create,.detail-inline-back,
 .action-btn,.admin-inline-control,.mfw-primary,.mfw-login-btn,
 .mfw-auth-head button,.mfw-auth-host .auth-tab,.mfw-auth-host #loginBtn,
 .mfw-auth-host #signupBtn,.mfw-auth-host #recoveryBtn){
  background:linear-gradient(180deg,#363833,#292a27)!important;
  color:var(--coal-text)!important;border-color:var(--coal-border)!important;
  box-shadow:none!important;
}
html body.desktop-board-workspace :is(.desktop-play-primary,.desktop-dashboard-primary-link,
 .desktop-home-side-card button),
html body #mobileFixedWorkspace :is(.mfw-primary,.mfw-login-btn,
 .mfw-auth-host #loginBtn,.mfw-auth-host #signupBtn),
html body.pregame.reference-play-layout .opponent-time-option{
  background:linear-gradient(180deg,#363833,#292a27)!important;
  border-color:var(--coal-border)!important;color:var(--coal-text)!important;
}
html body :is(.btn,.platform-btn,.desktop-play-primary,.desktop-home-side-card button,
 .inline-play-search-button,.mfw-primary,.opponent-time-option):hover{
  background:#41433f!important;
}
html body :is(.inline-play-clock,.v2-clock,.clock-box,.player-card .clock,
 .move-notebook-index,.move-notebook-review){
  background:#222320!important;background-image:none!important;
  color:#f5f4f0!important;border-color:var(--coal-border)!important;
}
html body.live-game .player-card .clock,
html body.pregame.reference-play-layout .player-card .clock,
html body.live-game .reference-move-strip,
html body.live-game .reference-move-strip .move-token.is-last,
html body .inline-play-clock{
  background:#222320!important;color:#f5f4f0!important;
  border-color:var(--coal-border-soft)!important;
}
/* Overlays and popovers. */
html body :is(.modal,.modal-content,.modal-card,.dialog,.dialog-card,
 .auth-dialog,.auth-card,.auth-modal,.mfw-auth-dialog,.v2-settings-modal,
 .v2-settings-card,.v2-mobile-more,.v2-mobile-more-card,.notification-menu,
 .site-notification-menu,.dropdown-menu){
  border-color:var(--coal-border)!important;color:var(--coal-text)!important;
}
html body :is(.modal-content,.modal-card,.dialog-card,.auth-dialog,.auth-card,
 .mfw-auth-dialog,.v2-settings-card,.v2-mobile-more-card,.notification-menu,
 .site-notification-menu,.dropdown-menu){background:var(--coal-raise)!important}
html body :is(.modal,.auth-modal,.v2-settings-modal,.v2-mobile-more,.mfw-auth-overlay){
  background:rgba(24,23,22,.78)!important;
}
html body .site-notification-bell{border-color:var(--coal-border)!important;color:#f5f4f0!important}
/* Full-page admin plus middle-column embedded administration. */
html.admin-embedded body,
html body .admin-shell,html body .admin-wrapper{
  background:#1b1c1a!important;color:#f5f4f0!important;
}
html.admin-embedded body :is(.access-gate,.admin-inline-nav,.admin-inline-header,
 .admin-inline-tab,.admin-inline-control,.stat-card,.panel,.toolbar,.table-wrap),
html body :is(.admin-nav,.admin-sidebar,.admin-main,.admin-header){
  border-color:var(--coal-border)!important;color:var(--coal-text)!important;
}
html.admin-embedded body :is(.access-gate,.stat-card,.panel,.toolbar,.table-wrap),
html body :is(.admin-nav,.admin-sidebar,.admin-main){
  background:var(--coal-raise)!important;
}
html.admin-embedded body :is(.admin-inline-nav,.admin-inline-header){
  background:#292a27!important;
}
html.admin-embedded body :is(.stat-card strong,.stat-card.pro-stat strong,
 .admin-inline-header>strong){color:#f5f4f0!important}
/* Same charcoal tone on phone, never overlay the original board/pieces. */
@media(max-width:900px){
  html body :is(.v2-mobile-nav,.v2-mobile-more-card),
  html body #mobileFixedWorkspace,
  html body.mobile-board-workspace .home-header{
    background:#1b1c1a!important;border-color:var(--coal-border-soft)!important;
  }
  html body #mobileFixedWorkspace .mfw-header,
  html body .v2-mobile-nav{background:var(--coal-rail-gradient)!important}
  html body #mobileFixedWorkspace :is(.mfw-tab.active,.mfw-play-tile-primary,
   .mfw-auth-host .auth-tab.active),
  html body .v2-mobile-link.active{
    background:#393b37!important;color:#fff!important;
    border-color:#6b6e66!important;box-shadow:none!important;
  }
  html body #mobileFixedWorkspace .mfw-ranking-grid tbody tr.podium-1,
  html body #mobileFixedWorkspace .mfw-ranking-grid tbody tr.podium-2,
  html body #mobileFixedWorkspace .mfw-ranking-grid tbody tr.podium-3{
    background:rgba(72,70,68,.22)!important;
  }
  html body #mobileFixedWorkspace .mfw-ranking-grid tbody tr
   :is(.mfw-ranking-place,.mfw-ranking-points){color:#f5f4f0!important}
}
/* All .board*, .square*, .piece*, chessboard assets and last-move marks
   remain governed solely by their existing chess styling. */

/* Additional existing standalone screens: none of these selectors are boards or pieces. */
html body #approvedHomeBoot{background:#1b1c1a!important;color:#f5f4f0!important}
html body #approvedHomeBoot small{color:#cbc9c3!important}
html body > :is(header,footer),
html body :is(.site-footer,footer,.topbar,.sidebar,.mobile-top,.page-head,
 .detail-toolbar,.moves-title,.profile-games-title,.tournament-table-head,
 .table-head,.modal-head){
  background:#292a27!important;background-image:none!important;
  border-color:var(--coal-border-soft)!important;color:var(--coal-text)!important;
}
html body :is(.hero,.header-box,.watch-box,.hero-box,.register,.form-card,
 .podium,.account-stat,.mobile-play,.profile-block,.profile-summary-block,
 .section-card,.stat,.achievement,.option,.match-shell,.current-shell,
 .finished-shell,.detail-shell,.detail-item,.bracket-match,.matchmaking-card,
 .matchmaking-profile,.report-card,.access-card,.recent-row,.tournament-row,
 .tournament-table-scroll,.tournament-table-shell,.watch-badge,.player.active,
 .tile,.row,.game-toast,.tournament-player-banner,.actions-card,.sidebar-foot){
  background:var(--coal-raise)!important;border-color:var(--coal-border)!important;
  color:var(--coal-text)!important;
}
html body :is(.quick-icon,.links .play-link,.nav-btn,.back,.back-site,
 .refresh-btn,.ghost-btn,.side-icon-btn,.action-item,.action-icon,
 .time-option,.cancel-search,.inline-cancel-search,.report-submit,
 .report-cancel,.match-found-icon,.watch-btn,.register-btn,.detail-back,
 .detail-inline-back,.tournament-enter-btn,.modal-actions button,
 .profile-top-action,.settings-save,.settings-title,.select,.field,
 .link-btn,.close-btn,.menu-btn,.show-pass){
  background:linear-gradient(180deg,#363833,#292a27)!important;
  border-color:var(--coal-border)!important;color:var(--coal-text)!important;
  box-shadow:none!important;
}
html body :is(.nav-btn.active,.time-option.active,.time-option.selected,
 .tournament-enter-btn.active,.profile-top-action.active,.option.selected){
  background:#393b37!important;color:#fff!important;
  border-color:#6b6e66!important;
}
html body :is(.avatar,.avatar.light,.avatar-fallback,.brand-mark,
 .side-brand-mark,.mark,.brand span,.player-rank-badge,.rank-icon,
 .desktop-member-avatar-wrap,.desktop-member-fallback){
  background-color:#292b28!important;border-color:var(--coal-border)!important;
  color:#ebe8e2!important;
}
html body :is(.sidebar,.access-card,.access-gate,.matchmaking-card,
 .report-card,.profile-block,.section-card,.match-shell,.tournament-table-shell){
  background:var(--coal-raise)!important;
}
html body :is(.stat strong,.podium strong,.rating,.count,.player-rank-badge,
 .tournament-name,.watch-badge,.bracket-title,.bracket-round-title,
 .tournament-table-head strong,.page-head h1,.profile-games-title,
 .moves-title,.site-logo,.brand,.brand span){
  color:var(--coal-text)!important;
}
html body :is(.head p,.hero p,.header-box p,.hero-box p,.account-stat small,
 .access-card p,.section-card p,.profile-game-date,.row-meta,
 .detail-label,.tournament-list-meta,.bracket-meta,.meta,
 .player-card .location,.stat small,.tile small,.empty,.loading){
  color:var(--coal-muted)!important;
}
html body :is(.field,.select,.option select,.option input,.report-card textarea){
  background:#292a27!important;color:var(--coal-text)!important;
  border-color:var(--coal-border)!important;
}
html body :is(.profile-games-table th,.tournament-table th,
 .match-table th,.table-head,.moves-title){
  background:#292a27!important;color:#f5f4f0!important;
}
html body :is(.profile-games-table tbody tr:nth-child(even) td,
 .tournament-row.finished-row,.tournament-row:hover,
 .match-row:hover td,.bracket-match.mine,.player.active){
  background:rgba(72,70,68,.28)!important;
}
html body :is(.profile-games-table td,.tournament-table td,
 .match-table td,.detail-item,.bracket-match,.recent-row){
  border-color:var(--coal-border-soft)!important;
}
html body .tournament-table-scroll::-webkit-scrollbar-track,
html body .table-wrap::-webkit-scrollbar-track{
  background:#222320!important;
}
html body .tournament-table-scroll::-webkit-scrollbar-thumb,
html body .table-wrap::-webkit-scrollbar-thumb{
  background:#5b5d56!important;
}
/* Inline member profile / embedded tournaments require the same tokens. */
html.tournament-embedded body,html.embedded-public-profile body,
html body .profile-games-table,html body .tournament-table{
  background:#1b1c1a!important;color:#f5f4f0!important;
}
html body .tournament-table-shell .tournament-table-head,
html body .current-tournaments .tournament-table-head{
  background:#292a27!important;border-color:var(--coal-border-soft)!important;
}
/* Preserve red final-minute clocks and gameplay feedback as functional signals. */



/* 2026-10-12 UI audit: inherited gold / petrol remnants.
   Nonboard interface only. Geometry of chessboards and piece imagery unchanged. */
:root{
  --notebook-grid-line:rgba(142,139,134,.34);
  --notebook-header-gold:#484a43;
}
html body #chessNewsTicker{
  background:#222320!important;background-image:none!important;
  border-bottom-color:#484a43!important;color:#f5f4f0!important;
}
html body #chessNewsTicker .welcome-ticker-label.chess-news-label{
  background:linear-gradient(180deg,#363833,#292a27)!important;
  border:0!important;border-inline-end:1px solid #64615d!important;
  border-radius:0!important;color:#f5f4f0!important;box-shadow:none!important;
}
html body #chessNewsTicker :is(.welcome-ticker-viewport,.welcome-ticker-track){
  background:#222320!important;background-image:none!important;color:#e7e4df!important;
}
html body #chessNewsTicker :is(.chess-news-label,.chess-news-item):is(:hover,:focus-visible){
  color:#fff!important;
}
/* Exactly one understated 1px frame on the outer board container. */
@media(min-width:901px){
 html body.desktop-board-workspace #homeBoardPreview.desktop-board-preview{
  border:1px solid #555850!important;border-radius:0!important;
  padding:0!important;background:transparent!important;
  outline:none!important;box-shadow:0 4px 14px rgba(0,0,0,.16)!important;
 }
}
@media(max-width:900px){
 html body.mobile-board-workspace #homeBoardPreview.mobile-fixed-board{
  border:1px solid #555850!important;border-radius:0!important;
  background:linear-gradient(145deg,#393734,#222320)!important;
  box-shadow:0 4px 14px rgba(0,0,0,.15)!important;
 }
 html body #mobileFixedWorkspace .mfw-board{
  border:0!important;outline:1px solid #555850!important;
  outline-offset:-1px!important;border-radius:0!important;
 }
}
/* Icons, ranks and badges keep their forms, but follow one neutral color system. */
html body :is(.desktop-home-nav-icon,.desktop-home-nav-icon svg,.v2-global-icon,
 .v2-global-brand-mark,.desktop-sidebar-brand-mark,.desktop-play-choice-icon,
 .desktop-play-choice-icon svg,.desktop-stat-icon,.desktop-champion-icon,
 .desktop-champion-icon svg,.hero-stat-icon,.ranking-filter-icon,.rank-badge,
 .rank-icon,.inline-puzzle-badge,.inline-learn-badge,.inline-computer-label,
 .mobile-workspace-tab i,.mfw-tab i,.site-notification-bell,
 .v5-time-icon,.v5-home-link-icon){
  color:#f0eee7!important;text-shadow:none!important;
}
html body.desktop-board-workspace :is(.desktop-home-nav-icon,
 .desktop-sidebar-brand strong,.desktop-sidebar-brand-mark,
 .desktop-member-score-star,.desktop-champion-icon,
 .desktop-champion-title,.desktop-stat-icon){
  color:#f0eee7!important;text-shadow:none!important;
}
html body.desktop-board-workspace .v2-global-sidebar.desktop-sidebar-refined
 .desktop-home-nav-link:is(.active,[aria-current="page"]) .desktop-home-nav-icon{
  color:#fff!important;
}
html body.desktop-board-workspace .desktop-sidebar-bottom .desktop-sidebar-logout,
html body.desktop-board-workspace .desktop-sidebar-bottom .desktop-sidebar-logout .desktop-home-nav-icon{
  color:#d0cac2!important;
}
html body .desktop-champion-card:is([data-champion="week"],[data-champion="month"],[data-champion="site"]){
  --champion-accent:#c9c3b9!important;
}
html body .desktop-champion-card::before{background:#79746f!important}
html body .desktop-champion-card:is(:hover,:focus-visible){
  background:var(--coal-raise)!important;border-color:#817b74!important;
}
html body.desktop-board-workspace .desktop-member-fallback{background-color:#292a27!important}
html body.desktop-board-workspace :is(.desktop-member-avatar-wrap,.desktop-member-score){
  background-color:#292a27!important;border-color:#484a43!important;
}
html body.desktop-board-workspace :is(.desktop-member-location,.desktop-member-username){
  color:#c8c2ba!important;
}
/* Old home/header/login backgrounds were not included in the first color pass. */
html body :is(.hero-stat,.home-feature-card,.account-stat,
 .compact-member-nav,.header-member-link,.header-tile,
 .home-board-actions>.btn,.home-invite-wrap>.btn,.hero-play-btn,
 .hero-computer-btn,.hero-tournaments-btn,.desktop-guest-auth-btn,
 .desktop-guest-auth-signup,.desktop-guest-auth-card,.desktop-auth-dialog,
 .mobile-dashboard-link,.dashboard-link){
  background:var(--coal-raise)!important;border-color:#484a43!important;
  color:#f5f4f0!important;box-shadow:none!important;
}
html body .home-hero :is(.hero-play-btn,.hero-computer-btn,
 .hero-tournaments-btn,#homeInviteToggle),
html body.desktop-board-workspace #desktopGuestAuth
 :is(.desktop-guest-auth-btn,.desktop-guest-auth-signup),
html body.desktop-board-workspace.desktop-auth-open #register .btn{
  background:linear-gradient(180deg,#363833,#292a27)!important;
  border-color:#484a43!important;color:#f5f4f0!important;box-shadow:none!important;
}
html body .home-hero :is(.hero-play-btn::before,.home-board-actions>.btn::before,
 .home-invite-wrap>.btn::before),html body .hero-stat-icon,
html body .hero-stat strong,html body .compact-member-nav .header-member-points b{
 color:#f0eee7!important;border-color:#484a43!important;
}
html body .header-member-avatar{
  background-color:#292a27!important;border-color:#484a43!important;
}
/* Remaining phone icon tiles, badges, filters and miniature panels. */
html body #mobileFixedWorkspace :is(.mfw-play-tile i,.mfw-stat b,.mfw-avatar){
  color:#f0eee7!important;background-color:#292a27!important;
  border-color:#484a43!important;
}
html body #mobileFixedWorkspace .mfw-board-label{
  background:#292a27!important;color:#f5f4f0!important;border-color:#484a43!important;
}
html body #mobileFixedWorkspace .mfw-tournament-embed{background:#1b1c1a!important}
html body :is(.mobile-home-stat strong,.v2-mobile-more-link .v2-global-icon,
 .ranking-filter-icon,.rank-badge,.inline-puzzle-badge,.inline-learn-badge){
  color:#f0eee7!important;border-color:#484a43!important;
}
html body :is(.v2-mobile-more-link .v2-global-icon,
 .v2-mobile-more-link.active .v2-global-icon){
  background:#403e3c!important;color:#f0eee7!important;
}
html body :is(.inline-puzzle-badge,.inline-learn-badge,.inline-learn-filters button,
 .inline-puzzle-custom,.inline-variant-controls,.desktop-play-choice-icon,
 .ranking-filter-icon,.rank-badge){
  background-color:#292a27!important;border-color:#484a43!important;
}
html body :is(.inline-learn-filters button.active,.inline-puzzle-modes button.active,
 .inline-play-times button.active,.mobile-workspace-tab.active){
  background:#393b37!important;color:#fff!important;border-color:#6b6e66!important;
}
html body :is(.inline-puzzle-stats strong,.inline-learn-badge,.inline-computer-label){
  color:#f0eee7!important;
}
/* Keep notebook grid lines; only recolor its ground and decorative labels. */
html body .desktop-move-notebook .move-notebook-rows{background-color:#222320!important}
html body .desktop-move-notebook :is(.move-notebook-emblem,
 .move-notebook-header small,.move-notebook-header strong){color:#f0eee7!important}
html body :is(.tournament-tab,.tournament-list-status,.tournament-list-arrow,
 .tournament-capacity-track,.ranking-filter-control,.profile-top-action,
 .platform-tab,.v5-play-topbar .v5-home-link,.v5-time-picker-button){
  border-color:#484a43!important;color:#f0eee7!important;
}
html body :is(.v5-play-topbar .v5-home-link,.v5-time-picker-button,
 .v5-time-option,.v2-mobile-more-link,.tournament-tab){
  background:var(--coal-raise)!important;background-image:var(--coal-raise)!important;
}
html body :is(.ranking-filter-icon,.rank-badge,.inline-puzzle-badge,.inline-learn-badge){
  box-shadow:none!important;text-shadow:none!important;
}
html.admin-embedded body :is(.stat-card strong,.stat-card.pro-stat strong,
 .admin-inline-header>strong,.admin-inline-tab.active){color:#f5f4f0!important}
/* Final-minute clock, game-result indicators, error/success feedback and actual
   chessboard squares, wooden texture and pieces retain their functional colors. */


/* Final audit: hardcoded icon details, headings and popover backgrounds.
   Chess-piece sprites and square rendering deliberately excluded. */
html body.desktop-board-workspace :is(
 .desktop-mini-puzzle-solvers,.desktop-mini-puzzle-solvers strong,
 .desktop-suggested-name,.desktop-suggested-time,.desktop-suggested-message,
 .desktop-home-side-card h3,.desktop-dashboard-message-card h3,
 .desktop-play-online-choice h3,.desktop-play-choice-icon,
 .desktop-champion-card .desktop-champion-title strong,
 .desktop-champion-card .desktop-champion-count,
 .desktop-champion-card .desktop-champion-meta
){
 color:#f0eee7!important;
}
html body.desktop-board-workspace .desktop-home-side-card button,
html body.desktop-board-workspace .desktop-suggested-time select{
 background:linear-gradient(180deg,#363833,#292a27)!important;
 border-color:#484a43!important;
 color:#f5f4f0!important;
}
html body.desktop-board-workspace :is(.desktop-home-side-card button,
 .desktop-suggested-time select):is(:hover,:focus-visible){
 border-color:#6b6e66!important;
 outline-color:#6b6e66!important;
}
html body :is(.inline-variant-controls select,
 .inline-learn-filters button,.inline-puzzle-custom select,
 .desktop-suggested-time select){
 background:#292a27!important;color:#f5f4f0!important;border-color:#484a43!important;
}
html body :is(.inline-learn-filters button.active,
 .inline-play-times button.active,.desktop-play-time-options button.is-selected){
 background:#393b37!important;color:#fff!important;border-color:#6b6e66!important;
}
html body :is(.desktop-dashboard-view.profile-view .desktop-dashboard-view-body,
 .desktop-dashboard-view.embedded-view .desktop-dashboard-view-body,
 .desktop-dashboard-embed,.desktop-guest-auth-card,
 .desktop-auth-dialog,.desktop-auth-modal,.desktop-auth-panel){
 background:#292a27!important;background-image:none!important;
 color:#f5f4f0!important;
}
html body :is(.desktop-mini-puzzle-solvers strong,
 .desktop-champion-icon,.desktop-play-choice-icon,
 .desktop-home-nav-icon,.desktop-stat-icon){
 filter:none!important;text-shadow:none!important;
}
/* Keep colored online/danger indicators, chess square highlights and all actual pieces. */


/* Darker tiered surface contrast approved for the Play Now layout.
   Designed to reuse existing surfaces; no extra overlay or chessboard rules. */
html body.desktop-board-workspace .desktop-dashboard-view.play-options-view {
  background:linear-gradient(180deg,#30312e,#242522)!important;
  border-color:#43463f!important;
}
html body.desktop-board-workspace .desktop-dashboard-view.play-options-view .desktop-dashboard-view-body {
  background:#242522!important;
  background-image:none!important;
  color:#f5f4f0!important;
}
html body.desktop-board-workspace .desktop-play-options-intro {
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  color:#f5f4f0!important;
  box-shadow:none!important;
}
html body.desktop-board-workspace .desktop-play-online-choice {
  background:linear-gradient(180deg,#2b2d29,#252724)!important;
  background-image:linear-gradient(180deg,#2b2d29,#252724)!important;
  border:1px solid #454841!important;
  box-shadow:none!important;
}
html body.desktop-board-workspace .desktop-play-online-choice :is(h3,p){
  color:#f5f4f0!important;
  text-shadow:none!important;
}
html body.desktop-board-workspace :is(
  .desktop-play-time-options > button,
  .desktop-play-choice-list > button,
  .desktop-play-primary
){
  background:linear-gradient(180deg,#373a35,#30322e)!important;
  background-image:linear-gradient(180deg,#373a35,#30322e)!important;
  color:#f5f4f0!important;
  border:1px solid #4f524b!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html body.desktop-board-workspace :is(
  .desktop-play-time-options > button:hover,
  .desktop-play-choice-list > button:hover,
  .desktop-play-primary:hover
){
  background:linear-gradient(180deg,#41433e,#363934)!important;
  background-image:linear-gradient(180deg,#41433e,#363934)!important;
  border-color:#777b72!important;
  color:#fff!important;
}
html body.desktop-board-workspace :is(
  .desktop-play-time-options > button.is-selected,
  .desktop-play-choice-list > button.is-selected,
  .desktop-play-time-options > button.is-selected:hover,
  .desktop-play-choice-list > button.is-selected:hover
){
  background:#3f433d!important;
  background-image:none!important;
  border:1px solid #949a90!important;
  color:#fff!important;
  box-shadow:none!important;
}
html body.desktop-board-workspace .desktop-play-choice-icon {
  background:#242723!important;
  color:#f5f4f0!important;
  border-radius:6px;
}
html body.desktop-board-workspace .desktop-play-choice-icon svg {
  color:inherit!important;
}
html body.desktop-board-workspace :is(
 .desktop-play-time-options > button,.desktop-play-choice-list > button,
 .desktop-play-primary
):focus-visible{
  outline:2px solid #c1c6ba!important;
  outline-offset:2px!important;
}
/* Apply the same tiered contrast to portable navigation and other non-board UI. */
html body #mobileFixedWorkspace :is(.mfw-play-tile,.mfw-action,.mfw-tab),
html body :is(.mobile-workspace-tab,.v2-mobile-more-link,.tournament-tab,
 .admin-inline-tab,.platform-tab,.auth-tab),
html body :is(.inline-learn-filters button,.inline-puzzle-modes button,
 .inline-play-times button,.v2-quick-times button){
  background:linear-gradient(180deg,#353732,#2b2d29)!important;
  background-image:linear-gradient(180deg,#353732,#2b2d29)!important;
  color:#f5f4f0!important;
  border-color:#494d45!important;
  box-shadow:none!important;
}
html body #mobileFixedWorkspace :is(.mfw-play-tile,.mfw-action,.mfw-tab):hover,
html body :is(.mobile-workspace-tab,.v2-mobile-more-link,.tournament-tab,
 .admin-inline-tab,.platform-tab,.auth-tab):hover{
  background:#3c3f39!important;
  border-color:#6b7167!important;
}
html body #mobileFixedWorkspace :is(.mfw-play-tile,.mfw-action,.mfw-tab).active,
html body :is(.mobile-workspace-tab,.v2-mobile-more-link,.tournament-tab,
 .admin-inline-tab,.platform-tab,.auth-tab).active{
  background:#424640!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#91988b!important;
}
html body :is(.desktop-play-choice-icon,.v2-mobile-more-link .v2-global-icon,
 .inline-learn-badge,.inline-puzzle-badge,.ranking-filter-icon){
  color:#f5f4f0!important;
}
/* All non-board controls should be legible without luminous card borders. */
html body :is(.platform-btn,.v2-search-button,.v2-action,.mfw-primary,
 .mfw-login-btn,.tournament-enter-btn,.profile-top-action,
 .report-submit,.settings-save,.modal-actions button,
 .admin-inline-control,.action-btn){
  color:#f5f4f0!important;
  border-color:#50534b!important;
}


/* 2026-10-12 — multicolor icon identities.
   Dark high-contrast cards, buttons and text remain unchanged.
   UI pictograms only. No board, square, clock or piece rules. */
:root{
 --icon-home:#6ac6f5;
 --icon-play:#78aaff;
 --icon-computer:#b9a0ff;
 --icon-friends:#70e0aa;
 --icon-puzzles:#ef9bd4;
 --icon-tournaments:#ffd174;
 --icon-ranking:#c3a0ff;
 --icon-watch:#6cd9d7;
 --icon-learning:#80d5ab;
 --icon-settings:#9ec0e5;
 --icon-admin:#ffa28c;
 --icon-profile:#f0b987;
 --icon-stats:#9bc6fd;
}
/* Desktop signed-in rail. Color only the symbol, never the label. */
html body.desktop-board-workspace .desktop-home-nav-link[data-desktop-nav="home"] .desktop-home-nav-icon{color:var(--icon-home)!important}
html body.desktop-board-workspace .desktop-home-nav-link[data-desktop-nav="play"] .desktop-home-nav-icon{color:var(--icon-play)!important}
html body.desktop-board-workspace .desktop-home-nav-link[data-desktop-nav="tournaments"] .desktop-home-nav-icon{color:var(--icon-tournaments)!important}
html body.desktop-board-workspace .desktop-home-nav-link[data-desktop-nav="ranking"] .desktop-home-nav-icon{color:var(--icon-ranking)!important}
html body.desktop-board-workspace .desktop-home-nav-link[data-desktop-nav="watch"] .desktop-home-nav-icon{color:var(--icon-watch)!important}
html body.desktop-board-workspace .desktop-home-nav-link[data-desktop-nav="puzzles"] .desktop-home-nav-icon{color:var(--icon-puzzles)!important}
html body.desktop-board-workspace .desktop-home-nav-link[data-desktop-nav="learn"] .desktop-home-nav-icon{color:var(--icon-learning)!important}
html body.desktop-board-workspace .desktop-home-nav-link[data-desktop-nav="settings"] .desktop-home-nav-icon{color:var(--icon-settings)!important}
html body.desktop-board-workspace .desktop-home-nav-link[data-desktop-nav="admin"] .desktop-home-nav-icon{color:var(--icon-admin)!important}
html body.desktop-board-workspace .desktop-sidebar-bottom .desktop-sidebar-logout .desktop-home-nav-icon{color:#efaaa7!important}
html body.desktop-board-workspace .desktop-home-nav-link[data-desktop-nav] .desktop-home-nav-icon svg{
 color:inherit!important;
}
/* Play Now: the actual action icons, not the button texts. */
html body.desktop-board-workspace .desktop-play-choice-list > button[data-play-choice="computer"] .desktop-play-choice-icon{color:var(--icon-computer)!important}
html body.desktop-board-workspace .desktop-play-choice-list > button[data-play-choice="friend"] .desktop-play-choice-icon{color:var(--icon-friends)!important}
html body.desktop-board-workspace .desktop-play-choice-list > button[data-play-choice="variants"] .desktop-play-choice-icon{color:var(--icon-puzzles)!important}
html body.desktop-board-workspace .desktop-play-choice-list > button[data-play-choice] .desktop-play-choice-icon{
 background:#292c29!important;
 border-radius:7px;
 color:inherit;
}
html body.desktop-board-workspace .desktop-play-choice-list > button[data-play-choice] .desktop-play-choice-icon svg{
 color:inherit!important;
}
html body.desktop-board-workspace .desktop-play-choice-list > button[data-play-choice="computer"] .desktop-play-choice-icon svg{color:var(--icon-computer)!important}
html body.desktop-board-workspace .desktop-play-choice-list > button[data-play-choice="friend"] .desktop-play-choice-icon svg{color:var(--icon-friends)!important}
html body.desktop-board-workspace .desktop-play-choice-list > button[data-play-choice="variants"] .desktop-play-choice-icon svg{color:var(--icon-puzzles)!important}
/* Three champions get separate medal colors without coloring their names. */
html body.desktop-board-workspace .desktop-champion-card[data-champion="week"]{--champion-accent:#ffd174!important;--medal-icon:#ffd174}
html body.desktop-board-workspace .desktop-champion-card[data-champion="month"]{--champion-accent:#79c6f3!important;--medal-icon:#79c6f3}
html body.desktop-board-workspace .desktop-champion-card[data-champion="site"]{--champion-accent:#c2a5ff!important;--medal-icon:#c2a5ff}
html body.desktop-board-workspace .desktop-champion-card[data-champion] .desktop-champion-icon,
html body.desktop-board-workspace .desktop-champion-card[data-champion] .desktop-champion-icon svg{
 color:var(--medal-icon)!important;
 stroke:currentColor;
}
html body.desktop-board-workspace .desktop-champion-card[data-champion]::before{
 background:var(--medal-icon)!important;
}
html body.desktop-board-workspace .desktop-champion-card[data-champion] :is(.desktop-champion-title strong,.desktop-champion-name,.desktop-champion-count){
 color:#f5f4f0!important;
}
/* Live count pictograms: different colors with readable white numbers. */
html body.desktop-board-workspace .desktop-live-stat .desktop-stat-icon.gold{color:#ffd174!important}
html body.desktop-board-workspace .desktop-live-stat .desktop-stat-icon.green{color:#70e0aa!important}
html body.desktop-board-workspace .desktop-live-stat .desktop-stat-icon.cyan{color:#79c6f3!important}
html body.desktop-board-workspace .desktop-member-score-star{color:#ffd174!important}
/* Mobile homepage: every tab has an individual color (tab order is fixed). */
html body #mobileFixedWorkspace .mfw-tab[data-mfw="home"] i{color:var(--icon-home)!important}
html body #mobileFixedWorkspace .mfw-tab[data-mfw="play"] i{color:var(--icon-play)!important}
html body #mobileFixedWorkspace .mfw-tab[data-mfw="computer"] i{color:var(--icon-computer)!important}
html body #mobileFixedWorkspace .mfw-tab[data-mfw="ranking"] i{color:var(--icon-ranking)!important}
html body #mobileFixedWorkspace .mfw-tab[data-mfw="invite"] i{color:var(--icon-friends)!important}
html body #mobileFixedWorkspace .mfw-tab[data-mfw="more"] i{color:var(--icon-tournaments)!important}
/* Mobile choices: direct play, friend, computer, spectate. */
html body #mobileFixedWorkspace .mfw-play-grid > .mfw-play-tile:nth-child(1) i{color:var(--icon-play)!important}
html body #mobileFixedWorkspace .mfw-play-grid > .mfw-play-tile:nth-child(2) i{color:var(--icon-friends)!important}
html body #mobileFixedWorkspace .mfw-play-grid > .mfw-play-tile:nth-child(3) i{color:var(--icon-computer)!important}
html body #mobileFixedWorkspace .mfw-play-grid > .mfw-play-tile:nth-child(4) i{color:var(--icon-watch)!important}
/* The More panel is built dynamically; use the destination, not a fragile position. */
html body #mobileFixedWorkspace .mfw-more a[href*="tournaments"] i{color:var(--icon-tournaments)!important}
html body #mobileFixedWorkspace .mfw-more a[href*="watch.html"] i{color:var(--icon-watch)!important}
html body #mobileFixedWorkspace .mfw-more a[href*="puzzles.html"] i{color:var(--icon-puzzles)!important}
html body #mobileFixedWorkspace .mfw-more a[href*="learn.html"] i{color:var(--icon-learning)!important}
html body #mobileFixedWorkspace .mfw-more a[href*="analysis.html"] i{color:var(--icon-computer)!important}
html body #mobileFixedWorkspace .mfw-more a[href*="stats.html"] i{color:var(--icon-stats)!important}
html body #mobileFixedWorkspace .mfw-more a[href*="clubs.html"] i{color:var(--icon-friends)!important}
html body #mobileFixedWorkspace .mfw-more a[href*="settings-v2.html"] i{color:var(--icon-settings)!important}
html body #mobileFixedWorkspace .mfw-more a[href*="profile.html"] i{color:var(--icon-profile)!important}
html body #mobileFixedWorkspace .mfw-more a[href*="admin.html"] i{color:var(--icon-admin)!important}
/* Other pages share navigation components. Color glyphs only, including active links. */
html body .v2-global-link[href*="index.html"] .v2-global-icon,
html body .v2-mobile-link[href*="index.html"] .v2-global-icon{color:var(--icon-home)!important}
html body .v2-global-link[href*="play-"] .v2-global-icon,
html body .v2-mobile-link[href*="play-"] .v2-global-icon{color:var(--icon-play)!important}
html body .v2-global-link[href*="tournaments"] .v2-global-icon,
html body .v2-mobile-link[href*="tournaments"] .v2-global-icon{color:var(--icon-tournaments)!important}
html body .v2-global-link[href*="puzzles"] .v2-global-icon,
html body .v2-mobile-link[href*="puzzles"] .v2-global-icon{color:var(--icon-puzzles)!important}
html body .v2-global-link[href*="learn"] .v2-global-icon,
html body .v2-mobile-link[href*="learn"] .v2-global-icon{color:var(--icon-learning)!important}
html body .v2-global-link[href*="watch"] .v2-global-icon,
html body .v2-mobile-link[href*="watch"] .v2-global-icon{color:var(--icon-watch)!important}
html body .v2-global-link[href*="analysis"] .v2-global-icon{color:var(--icon-computer)!important}
html body .v2-global-link[href*="stats"] .v2-global-icon{color:var(--icon-stats)!important}
html body .v2-global-link[href*="community"] .v2-global-icon,
html body .v2-global-link[href*="clubs"] .v2-global-icon{color:var(--icon-friends)!important}
html body .v2-global-link[href*="settings"] .v2-global-icon{color:var(--icon-settings)!important}
html body .v2-global-link[href*="profile"] .v2-global-icon,
html body .v2-mobile-link[href*="profile"] .v2-global-icon{color:var(--icon-profile)!important}
html body .v2-global-link[href*="train"] .v2-global-icon,
html body .v2-global-link[href*="daily"] .v2-global-icon{color:#ffd174!important}
html body .v2-global-link[href*="notifications"] .v2-global-icon{color:#f29bd1!important}

/* Active menu icon accents: high specificity beats legacy selected-white rules. */
html body.desktop-board-workspace .v2-global-sidebar.desktop-sidebar-refined .desktop-home-nav-link[data-desktop-nav="home"] .desktop-home-nav-icon{color:var(--icon-home)!important}
html body.desktop-board-workspace .v2-global-sidebar.desktop-sidebar-refined .desktop-home-nav-link[data-desktop-nav="play"] .desktop-home-nav-icon{color:var(--icon-play)!important}
html body.desktop-board-workspace .v2-global-sidebar.desktop-sidebar-refined .desktop-home-nav-link[data-desktop-nav="tournaments"] .desktop-home-nav-icon{color:var(--icon-tournaments)!important}
html body.desktop-board-workspace .v2-global-sidebar.desktop-sidebar-refined .desktop-home-nav-link[data-desktop-nav="ranking"] .desktop-home-nav-icon{color:var(--icon-ranking)!important}
html body.desktop-board-workspace .v2-global-sidebar.desktop-sidebar-refined .desktop-home-nav-link[data-desktop-nav="watch"] .desktop-home-nav-icon{color:var(--icon-watch)!important}
html body.desktop-board-workspace .v2-global-sidebar.desktop-sidebar-refined .desktop-home-nav-link[data-desktop-nav="puzzles"] .desktop-home-nav-icon{color:var(--icon-puzzles)!important}
html body.desktop-board-workspace .v2-global-sidebar.desktop-sidebar-refined .desktop-home-nav-link[data-desktop-nav="learn"] .desktop-home-nav-icon{color:var(--icon-learning)!important}
html body.desktop-board-workspace .v2-global-sidebar.desktop-sidebar-refined .desktop-home-nav-link[data-desktop-nav="settings"] .desktop-home-nav-icon{color:var(--icon-settings)!important}
html body.desktop-board-workspace .v2-global-sidebar.desktop-sidebar-refined .desktop-home-nav-link[data-desktop-nav="admin"] .desktop-home-nav-icon{color:var(--icon-admin)!important}
html body.desktop-board-workspace .v2-global-sidebar.desktop-sidebar-refined .desktop-home-nav-link[data-desktop-nav] .desktop-home-nav-icon svg{color:inherit!important}
/* Additional navigation is a separate mobile overlay, not the six-tab workspace. */
html body :is(.v2-mobile-more-link,.v2-mobile-link)[href*="computer"] .v2-global-icon,
html body :is(.v2-mobile-more-link,.v2-mobile-link)[href*="play-v10"] .v2-global-icon,
html body :is(.v2-mobile-more-link,.v2-mobile-link)[href*="play-entry"] .v2-global-icon{color:var(--icon-computer)!important}
html body .v2-mobile-more-link[href*="puzzles"] .v2-global-icon{color:var(--icon-puzzles)!important}
html body .v2-mobile-more-link[href*="tournaments"] .v2-global-icon{color:var(--icon-tournaments)!important}
html body .v2-mobile-more-link[href*="watch"] .v2-global-icon{color:var(--icon-watch)!important}
html body .v2-mobile-more-link[href*="learn"] .v2-global-icon{color:var(--icon-learning)!important}
html body .v2-mobile-more-link[href*="analysis"] .v2-global-icon{color:var(--icon-computer)!important}
html body .v2-mobile-more-link[href*="stats"] .v2-global-icon{color:var(--icon-stats)!important}
html body :is(.v2-mobile-more-link,.v2-mobile-link)[href*="profile"] .v2-global-icon{color:var(--icon-profile)!important}
html body .v2-mobile-more-link[href*="settings"] .v2-global-icon{color:var(--icon-settings)!important}
html body .v2-mobile-more-link[href*="clubs"] .v2-global-icon{color:var(--icon-friends)!important}
html body .v2-mobile-more-link[href*="variants"] .v2-global-icon{color:var(--icon-puzzles)!important}
html body .v2-mobile-more-button .v2-global-icon{color:var(--icon-tournaments)!important}
html body .v2-global-brand-mark{color:var(--icon-tournaments)!important}

/* Small standalone pictograms. Preserve the previous neutral text colors. */
html body :is(.inline-puzzle-badge,.inline-puzzle-stats .inline-puzzle-badge){color:var(--icon-puzzles)!important}
html body .inline-learn-badge{color:var(--icon-learning)!important}
html body .ranking-filter-icon{color:var(--icon-ranking)!important}
html body .header-tile-icon{color:var(--icon-settings)!important}
html body .hero-stat-icon{color:var(--icon-play)!important}
html body .site-notification-bell svg{color:#f0a5d7!important}
/* Keep the status colors, 1px board frame, square textures and chess-piece SVG assets untouched. */


/* Active current-games navigation — both desktop and phone reuse the live counter.
   Ordinary spectator navigation remains accessible independently. */
html body .hero-stat-watch,
html body #mobileFixedWorkspace .mfw-stat-watch{
  text-decoration:none!important;
  position:relative;
  transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
}
html body .hero-stat-watch.no-live-matches,
html body #mobileFixedWorkspace .mfw-stat-watch.no-live-matches{
  cursor:default!important;
  border-color:#454841!important;
  box-shadow:none!important;
}
html body .hero-stat-watch.has-live-matches,
html body #mobileFixedWorkspace .mfw-stat-watch.has-live-matches{
  cursor:pointer!important;
  background:linear-gradient(180deg,#303e3b,#282f2c)!important;
  border-color:#70cbb6!important;
  box-shadow:inset 0 0 0 1px rgba(112,203,182,.13)!important;
}
html body .hero-stat-watch.has-live-matches:hover,
html body #mobileFixedWorkspace .mfw-stat-watch.has-live-matches:hover{
  background:#344741!important;
  border-color:#a0e6d2!important;
}
html body .hero-stat-watch.has-live-matches::after,
html body #mobileFixedWorkspace .mfw-stat-watch.has-live-matches::after{
  content:"";
  position:absolute;
  top:8px;
  inset-inline-start:9px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#70e0aa;
  box-shadow:0 0 0 2px rgba(112,224,170,.13);
  pointer-events:none;
}
html body :is(.hero-stat-watch,.mfw-stat-watch):focus-visible{
  outline:2px solid #a0e6d2!important;
  outline-offset:2px!important;
}
html body #mobileFixedWorkspace .mfw-stat-watch{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  color:#f5f4f0!important;
}
html body #mobileFixedWorkspace .mfw-stat-watch small,
html body #mobileFixedWorkspace .mfw-stat-watch b{
  color:inherit!important;
}