/* Final shared theme, derived from the matchmaking lobby. Layout stays local. */
/* Permanent subscription navigation accent, including hover and active states. */
body .sidebar .side-bottom button.nav[data-action="premium"],
body .sidebar .side-bottom button.nav[data-action="premium"]>span{color:#2BD682!important}
:root{
  color-scheme:dark;
  --rlf-bg:#090909;--rlf-surface:#090909;--rlf-raised:#111213;
  --rlf-line:#363c40;--rlf-text:#e2e8ed;--rlf-muted:#93a1ab;--rlf-accent:#80ceff;
  --rlf-card-radius:12px;--rlf-control-radius:8px;
  --rlf-hero:#090909;
  --bg:var(--rlf-bg);--panel:var(--rlf-surface);--text:var(--rlf-text);
}
body{background-color:var(--rlf-bg);color:var(--rlf-text)}
body:has(>main.main)>:is(.sidebar,.rail.faceit-rail){background:#111213}
/* Internal panel workspace only; clear older page gradients as well. */
body>main.main{background:#090909!important}
/* Content cards share the lobby's charcoal surface and fine grey border. */
body :is(.main,.ticket-shell,.page,.landing) :is(
  .finder-card,.finder-empty,.club-card,.club-members-section,.club-management,
  .profile-about,#profileOverview,.profile-history,.shop-card,
  .wallet-topup,.wallet-history,.rules-card,.news-panel,.rlf-content-card,
  .plus-plan,.plus-comparison,.subscription-history,
  .stats-chart-box,.stats-lower>section,.stats-history,
  .dashboard-feed-grid .tile,.party-box,.club-box,.panel,
  .ticket-layout>aside,.ticket-layout>article
){background:var(--rlf-surface);border-color:var(--rlf-line);border-radius:var(--rlf-card-radius);box-shadow:inset 0 1px #ffffff04}
body :is(.wallet-balance-card,.subscription-current,.plus-hero){background:var(--rlf-hero);border-color:var(--rlf-line);border-radius:var(--rlf-card-radius)}
body .stats-summary article{background:var(--rlf-hero);border-color:var(--rlf-line)!important;border-radius:var(--rlf-card-radius)}
body .reference-rankings .leaderboard{background:var(--rlf-surface);border-color:var(--rlf-line);border-radius:var(--rlf-card-radius)}
body :is(.reference-rankings .leaderboard,.stats-history) th{background:#191c1e;color:var(--rlf-muted);border-color:var(--rlf-line)}
body :is(.reference-rankings .leaderboard,.stats-history) td{border-color:#2c3236}
body :is(.reference-rankings .leaderboard,.stats-history) tbody tr:hover{background:#202528}
body .reference-rankings .leaderboard tr.is-me{background:#ffffff08}
body :is(.finder-member,.ticket-message,.profile-stats,.club-hero-stats){background:#191c1e;border-color:var(--rlf-line);border-radius:10px}
body .finder-member.empty{background:#111416}
body .finder-member.leader{background:var(--rlf-hero)}
body #plusBenefits article{background:var(--rlf-surface);border-color:var(--rlf-line);border-radius:var(--rlf-card-radius)}
/* Inset tabs mirror the matchmaking header; selected labels stay neutral. */
body :is(.rank-mode-tabs,.stats-tabs,.shop-toolbar,.club-view-switch){background:#141617;border-color:var(--rlf-line);border-radius:9px}
body :is(.rank-mode-tabs,.stats-tabs,.shop-toolbar,.club-view-switch) :is(button.selected,.selected){background:transparent;color:var(--rlf-text);box-shadow:inset 0 -2px #879aa7;border-color:transparent}
body .finder-tabs button{background:#191c1e;border-color:var(--rlf-line);color:var(--rlf-muted);border-radius:var(--rlf-control-radius)}
body .finder-tabs button.selected{background:#252a2d;border-color:#687b87;color:var(--rlf-text)}
/* Keep primary actions ice blue, as on the game page. */
body :is(.main,.ticket-shell,.page) :is(.blue-btn,.primary,.wallet-custom-row button,.plus-plan button,#plusConfirmBuy){background:var(--rlf-accent);color:#10222e;border-radius:var(--rlf-control-radius);box-shadow:none}
body :is(.main,.ticket-shell,.page) :is(.blue-btn,.primary,.wallet-custom-row button,.plus-plan button,#plusConfirmBuy):hover:not(:disabled){background:#a3ddff}
body :is(.main,.ticket-shell,.page) :is(.outline,.secondary,.club-action,.club-back,.profile-settings,.subscription-action){background:#ffffff03;border-color:#41474d;color:#c4cdd3;border-radius:var(--rlf-control-radius)}
body :is(.main,.ticket-shell,.page) :is(.outline,.secondary,.club-action,.club-back,.profile-settings,.subscription-action):hover{background:#252a2d;border-color:#687680;color:var(--rlf-text)}
body :is(.main,.ticket-shell) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not(:where(.global-search-panel input)),select,textarea){background-color:#1c2023;border-color:#343b40;color:var(--rlf-text);border-radius:var(--rlf-control-radius)}
body :is(.main,.ticket-shell) :is(input,select,textarea)::placeholder{color:#84949f}
body :is(.main,.ticket-shell,.page) :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--rlf-accent);outline-offset:3px}
/* Shared overlays use the same surfaces without changing their positioning. */
body :is(.global-search-dialog,.shop-confirm,#finderDialog,#plusConfirm){background:var(--rlf-surface);border-color:var(--rlf-line);border-radius:var(--rlf-card-radius)}
body .settings-shell .settings-window{background:var(--rlf-surface);border-color:var(--rlf-line);border-radius:var(--rlf-card-radius)}
body .settings-shell .settings-window-header{background:#090909;border-color:var(--rlf-line)}
body .settings-shell .account-sections{background:#090909;border-color:var(--rlf-line)}
body #settingsSections .selected{background:#252a2d;color:var(--rlf-text)}
body #settingsSections .selected:before{background:#fff}
body .settings-shell .setting-row{border-color:#30363a}
body .settings-shell .account-settings-content{background:var(--rlf-surface)}
body .settings-shell #settingsSections .settings-active-marker{background:#fff}
body .ticket-shell button{background:#202528;border-color:#41474d;color:var(--rlf-text);border-radius:var(--rlf-control-radius)}
body .ticket-shell button:hover:not(:disabled){background:#2a3034;border-color:#687680}
body:has(>.landing){--paper:#151719;--ink:#e2e8ed;--orange:#80ceff;background:var(--rlf-bg);color:var(--rlf-text)}
body:has(>.landing)>.header{background:#111416;border-color:var(--rlf-line);color:var(--rlf-text)}
body .landing{background:var(--rlf-bg);color:var(--rlf-text)}
body .landing :is(.format-card,.player){border-color:var(--rlf-line);border-radius:var(--rlf-card-radius)}
body .landing .format-card{background:var(--rlf-surface);color:var(--rlf-text)}
body .landing .eyebrow{color:var(--rlf-muted)}
body:has(>.landing)>.header .logo{color:var(--rlf-text)}
body .landing :is(.copy p,.online){color:var(--rlf-muted)}
body .landing .online b{color:var(--rlf-text)}
body .landing .rlf-tournament-hero img{mix-blend-mode:normal}
body .page>.panel{background:var(--rlf-surface);border-radius:var(--rlf-card-radius);border-color:var(--rlf-line)}
@media(prefers-reduced-motion:reduce){body :is(.main,.ticket-shell,.page) :is(button,input,select,textarea){transition:none}}
/* Neutral replacement for the old blue decorative highlights. */
body .sidebar .nav:is(.active,:hover,:focus-visible),
body .sidebar .side-bottom .nav[data-action="premium"]:is(.active,:hover){background:#292929!important}
body .account-links>button:hover{background:#090909}
body .faceit-rail .rail-tool{transition:background-color .18s ease,color .18s ease,transform .18s ease}
body .faceit-rail .rail-tool:is(:hover,:focus-visible,.is-open,[aria-expanded=true]){background:#292929;color:#fff}
body .faceit-rail .rail-tool[aria-expanded=true]:before{background:#fff}
body .faceit-rail .rail-tool:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(hover:hover){body .faceit-rail .rail-tool:not(:where(.rail-party-group .rail-tool)):hover{transform:translateX(2px)}body .faceit-rail .rail-tool:not(:where(.rail-party-group .rail-tool)):active{transform:translateX(2px) scale(.92)}}
body :is(.account-menu,.friends-drawer,.notifications-drawer,.rail-matches-drawer){background:#111111;border-color:#292929;border-radius:10px}
@media(prefers-reduced-motion:reduce){body .faceit-rail .rail-tool{transition:none;transform:none!important}}
body :is(.finder-tabs button.selected,.shop-toolbar button.selected,.club-view-switch button.selected){background:#090909;border-color:#687680;color:#e2e8ed}
body #finderDialog .finder-level-options button:is(:hover,[aria-pressed=true]){background:#090909;border-color:#687680;color:#e2e8ed}
body .reference-rankings .leaderboard tr.is-me,body .reference-rankings .leaderboard tr.is-me td{background:#090909;box-shadow:none}
body .reference-rankings .leaderboard tr.is-me td:first-child{box-shadow:inset -3px 0 #879aa7}
body .rank-search-field:focus-within{border-color:#879aa7!important;box-shadow:none}
body :is(.stats-avatar,.shop-hero-avatar){box-shadow:none}
body .shop-card-highlight{border-color:#879aa7;box-shadow:none}
body :is(.inventory-back,.shop-confirm-product,.profile-game-icon,.profile-empty>span,#walletAmounts button){background:#090909;border-color:#41474d}
body .player-profile:not(.rlf-plus-profile) .profile-cover{background:#090909;border-color:#363c40}
body .player-profile:not(.rlf-plus-profile) .profile-cover:before{background:none;border-color:#ffffff08}
body .profile-skill{background:#090909}
body .reference-dashboard .social .outline:hover{background:#090909;border-color:#687680}
body .reference-dashboard #dashboardPartyAvatars>.dashboard-empty-slot:hover:not(:disabled){background:#090909;border-color:#687680}
body .landing .format-card:hover{background:#090909}
/* Dashboard decoration follows the neutral Play palette. */
body>main.main.reference-dashboard .premium{background:#111213;border-color:#303234}
body>main.main.reference-dashboard>.premium{margin-top:4px;margin-inline:4px;width:calc(100% - 8px);border-radius:12px;overflow:hidden}
@media(max-width:720px){body>main.main.reference-dashboard>.premium{margin-inline:3px;width:calc(100% - 6px)}}
body>main.main.reference-dashboard .premium:before{background:linear-gradient(90deg,#09090910 0%,#09090940 35%,#111213ed 65%,#111213 100%)}
body>main.main.reference-dashboard .premium h1 span{color:#e2e8ed}
body>main.main.reference-dashboard .premium .perks>span{background:#111213b3;border-color:#414141;color:#c4cdd3}
body>main.main.reference-dashboard .social .outline{background:#191a1b;border-color:#414141;color:#d9e1e6}
body>main.main.reference-dashboard .social .outline:hover{background:#292929;border-color:#687680;color:#fff}
body>main.main.reference-dashboard .social :is(#dashboardFindParty,section>button.outline[data-action="clubs"]),
body>main.main.reference-dashboard .dashboard-launch .mode-label{
  background:linear-gradient(110deg,#355d93,#26776c);
  border-color:#548879;
  color:#f6fbff;
}
body>main.main.reference-dashboard .social :is(#dashboardFindParty,section>button.outline[data-action="clubs"]):hover,
body>main.main.reference-dashboard .dashboard-launch .mode:hover .mode-label{
  background:linear-gradient(110deg,#416ba1,#2b7b70);
  border-color:#65a18f;
}
body>main.main.reference-dashboard .social :is(#dashboardFindParty,section>button.outline[data-action="clubs"]):active,
body>main.main.reference-dashboard .dashboard-launch .mode:active .mode-label{
  background:linear-gradient(110deg,#2d4e7b,#21665c);
  border-color:#548879;
}
body>main.main.reference-dashboard .dashboard-launch .mode{
  border-color:#3b5259;
}
body>main.main.reference-dashboard .dashboard-launch .mode:hover{
  border-color:#65a18f;
}
body>main.main.reference-dashboard .dashboard-launch .mode-art{
  background:linear-gradient(150deg,#15191d 10%,#23425f 55%,#28695f);
}
body>main.main.reference-dashboard .dashboard-launch .mode-art:before{
  background:radial-gradient(circle at 50% 40%,#8ed2c726,transparent 55%);
}
body>main.main.reference-dashboard .dashboard-launch .orb.globe{
  border-color:#6ba59e;
  color:#a8e8dc;
}
body>main.main.reference-dashboard .social :is(h2 svg,.count){color:#b4bec6}
body>main.main.reference-dashboard .social .count{background:#292929}
body>main.main.reference-dashboard #dashboardPartyAvatars>.dashboard-empty-slot{
  background:#20313b;
  border:1px solid #45636e;
  border-radius:8px;
  box-shadow:inset 0 1px 0 #ffffff0c;
  color:#d2eaf0;
  font:500 20px/1 Arial,sans-serif;
}
body>main.main.reference-dashboard #dashboardPartyAvatars>.dashboard-empty-slot:is(:hover,:focus-visible):not(:disabled){
  background:#29464e;
  border-color:#7ab9b4;
  color:#e2f4ff;
}
body>main.main.reference-dashboard #dashboardPartyAvatars>.dashboard-empty-slot:focus-visible{
  outline:2px solid #80ceff;
  outline-offset:2px;
}
body>main.main.reference-dashboard #dashboardPartyAvatars>.dashboard-empty-slot:active:not(:disabled){
  background:#17242d;
}
body>main.main.reference-dashboard .dashboard-post-art{background:#191a1b}
@media(max-width:600px){body>main.main.reference-dashboard .premium:before{background:linear-gradient(0deg,#111213 0%,#111213f0 40%,#09090920 85%)}}
/* Internal workspaces inherit Play's quiet surface hierarchy. */
body>main.main.reference-dashboard .social{background:#090909;border-color:#303234}
body>main.main.reference-dashboard .social>section{background:#111213;border-color:#303234;box-shadow:none}
body>main.main.reference-dashboard .social .dashboard-social-icon{color:#b4bec6}
body>main.main.reference-dashboard .social>section:has(> :is(#dashboardFindParty,#dashboardClubs)){
  background:
    linear-gradient(90deg,#416ba1,#398c7a) top / 100% 2px no-repeat,
    radial-gradient(ellipse at top right,#26776c55,transparent 70%),
    #15191d;
  border-color:#3b5259;
}
body>main.main.reference-dashboard .social>section:has(> :is(#dashboardFindParty,#dashboardClubs)) .dashboard-social-icon{
  color:#8ed2c7;
}
body>main.main.reference-dashboard .social :is(#dashboardPartyCount,#dashboardClubCount){
  background:#284750;
  color:#d6f1ec;
}
body>main.main.reference-dashboard .social :is(.party-box,.club-box){background:#111213;border:1px solid #303234;border-radius:10px;padding:14px;box-shadow:none}
body>main.main.reference-dashboard .social :is(.party-top,.dashboard-empty,.party-empty,.club-empty,.dashboard-party-empty,.dashboard-club-empty){background:transparent;color:#9aa4ad}
body>main.main.reference-dashboard .social p{color:#9aa4ad;line-height:1.9}
body>main.main.reference-dashboard .social :is(.dashboard-social-hint,#dashboardClubs .dashboard-empty span){
  color:#b1c5cd;
}
body>main.main:not(.matchmaking-page){
 --rlf-surface:#111213;--rlf-raised:#191a1b;--rlf-line:#303234;
 --rlf-muted:#9aa4ad;--rlf-hero:#111213;
}
body>main.main:not(.matchmaking-page) :is(
 .my-rank,.shop-hero,#shopInventory,.stats-heading,.stats-summary article,.stats-summary article:first-child,.stats-match-details,.stats-match-team,
 .play-panel,.social,.party-box,.club-box,.club-card-cover,.club-hero-cover,
 .directory-club-footer
){background:#111213;border-color:#303234;box-shadow:none}
body>main.main:not(.matchmaking-page) :is(
 .finder-card,.finder-empty,.club-card,.shop-card,.wallet-topup,.wallet-history,
 .stats-summary,.stats-chart-box,.stats-lower>section,.stats-history,.stats-match-details,
 .rules-card,.news-panel,.rlf-content-card,.subscription-current,.subscription-history,
 .shop-hero,#shopInventory,.play-panel
){border-radius:12px;box-shadow:none}
body>main.main:not(.matchmaking-page) :is(.finder-member,.profile-stats,.club-hero-stats){background:#0e0f10;border-color:#303234}
body>main.main:not(.matchmaking-page) .finder-member.leader{background:#191a1b;border-color:#414141}
body>main.main:not(.matchmaking-page) .finder-member.empty{background:#090909}
body>main.main:not(.matchmaking-page) :is(.rank-mode-tabs,.stats-tabs,.shop-toolbar,.club-view-switch){background:#111213;border-color:#303234}
body>main.main:not(.matchmaking-page) :is(.finder-tabs button.selected,.shop-toolbar button.selected,.club-view-switch button.selected){background:#292929;border-color:#484848;color:#e2e8ed}
body>main.main:not(.matchmaking-page) :is(.club-filters,.rank-mode-tabs,.stats-tabs) .selected{color:#e2e8ed;border-bottom-color:#879aa7}
body>main.main:not(.matchmaking-page) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not(:where(.global-search-panel input)),select,textarea){background-color:#0e0f10;border-color:#3b3d3f}
body>main.main:not(.matchmaking-page) :is(input,select,textarea):focus-visible{outline-color:#aab2b8}
body>main.main:not(.matchmaking-page) :is(.shop-search,.rank-search-field){background:#0e0f10;border-color:#3b3d3f}
body>main.main:not(.matchmaking-page) :is(.shop-search,.rank-search-field) input{background:transparent}
body>main.main:not(.matchmaking-page) :is(.rules-note,.stats-preview-notice){background:#191a1b;border-color:#484848;color:#c4cdd3}
body>main.main:not(.matchmaking-page) .shop-artwork{background:#191a1b}
body>main.main.settings-shell .cover-pattern{background:#191a1b}
body>main.main.settings-shell>.settings-window,
body>main.main.settings-shell>.settings-window>.settings-window-header,
body>main.main.settings-shell .settings-window-body,
body>main.main.settings-shell .settings-window-body>.account-sections,
body>main.main.settings-shell .settings-window-body>.account-settings-content{background:#090909;box-shadow:none;border-color:#292b2d}
body>main.main.settings-shell .settings-player{border-color:#292b2d;color:#e2e8ed}
body>main.main.settings-shell :is(.settings-player small,.setting-row p,.setting-muted){color:#9aa4ad}
body>main.main.settings-shell .setting-row small{color:#929da6}
body>main.main.settings-shell .account-settings-content h2,
body>main.main.settings-shell .setting-row{border-color:#292b2d}
body>main.main.settings-shell #settingsSections button{color:#a3adb5;border-radius:6px}
body>main.main.settings-shell #settingsSections button:hover{background:#202122;color:#e2e8ed}
body>main.main.settings-shell #settingsSections button.selected{background:#292929;color:#fff}
body>main.main.settings-shell .username-shop-link{background:#111213;border-color:#414141;color:#d9e1e6}
body>main.main.settings-shell .username-shop-link:hover{background:#202122;border-color:#687680}
body>main.main.settings-shell #accountPanel .setting-row>button:hover{background:#292929;border-color:#687680;color:#e2e8ed}
body>main.main:not(.matchmaking-page) :is(.finder-tags span,.directory-club-footer>span,.rank-inline-circle){background:#202122;color:#aab5bd;border-color:#414141}
body>main.main:not(.matchmaking-page) :is(.leaderboard,.stats-history) th{background:#191a1b}
body>main.main:not(.matchmaking-page) :is(.leaderboard,.stats-history) tbody tr:hover{background:#202122}
body>main.main:not(.matchmaking-page) .leaderboard tr.is-me,
body>main.main:not(.matchmaking-page) .leaderboard tr.is-me td{background:#191a1b}
body>main.main:not(.matchmaking-page) :is(.shop-card,.club-card,.finder-card){transition:border-color .18s ease,background-color .18s ease}
@media(hover:hover){
 body>main.main:not(.matchmaking-page) :is(.shop-card,.club-card,.finder-card):hover{border-color:#484848}
 body>main.main:not(.matchmaking-page) :is(.finder-tabs button,.shop-toolbar button,.club-view-switch button):hover{background:#292929;color:#e2e8ed}
}
@media(prefers-reduced-motion:reduce){body>main.main:not(.matchmaking-page) :is(.shop-card,.club-card,.finder-card){transition:none}}
/* Rankings: neutral table cells and summary, including legacy row fills. */
body>main.main.reference-rankings .rank-inline-summary{background:#111213;border:1px solid #303234;border-radius:12px;box-shadow:none;padding:22px 24px;margin-bottom:24px;gap:20px}
body>main.main.reference-rankings .rank-inline-summary:before,
body>main.main.reference-rankings .rank-inline-summary:after{content:none}
body>main.main.reference-rankings .rank-inline-skill>strong{color:#e2e8ed}
body>main.main.reference-rankings .rank-inline-position{color:#9aa4ad;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;min-width:0;min-height:0;gap:8px}
body>main.main.reference-rankings .rank-inline-position strong{font-size:19px;color:#e2e8ed}
body>main.main.reference-rankings .rank-summary-metrics>b,
body>main.main.reference-rankings .rank-inline-skill{color:#9aa4ad}
body>main.main.reference-rankings .rank-mode-tabs{margin:22px 0 20px;min-height:54px;padding:5px;gap:18px;border:1px solid #252729;border-radius:9px;background:#080808}
body>main.main.reference-rankings .rank-mode-tabs button{padding:11px 22px;border-radius:6px;line-height:1.8}
body>main.main.reference-rankings .rank-mode-tabs button:disabled{color:#7c848b}
body>main.main.reference-rankings .leaderboard{border:1px solid #303234;border-inline:0;background:#090909;border-radius:12px;overflow:hidden}
body>main.main.reference-rankings .reference-rank-filters{padding:22px 24px 0;margin-bottom:18px}
body>main.main.reference-rankings .reference-rank-search{padding:0 24px;margin-bottom:20px}
body>main.main.reference-rankings .rank-search-field{background:#090909;border-color:#3b3d3f;border-radius:8px}
body>main.main.reference-rankings .rank-search-field #rankSearch{background:transparent;color:#e2e8ed}
body>main.main.reference-rankings .rank-search-field #rankSearch::placeholder{color:#929da6}
body>main.main.reference-rankings .leaderboard th{background:#090909;color:#a8b0b7;padding:14px 20px;border-color:#303234;font-size:13px}
body>main.main.reference-rankings .leaderboard :is(th,td):first-child{text-align:center;padding-inline:10px}
body>main.main.reference-rankings .leaderboard :is(th,td):nth-child(n+3){text-align:center}
body>main.main.reference-rankings .rank-player-cell{min-width:0;gap:12px}
body>main.main.reference-rankings .rank-player-cell>div{min-width:0}
body>main.main.reference-rankings .leaderboard tbody tr td{background:#090909;border-color:#292b2d;height:84px;padding:16px 20px;color:#d9dfe3;transition:background-color .18s ease}
body>main.main.reference-rankings .leaderboard tbody tr:nth-child(even) td{background:#090909}
body>main.main.reference-rankings .leaderboard tbody tr:hover td{background:#202122}
body>main.main.reference-rankings .leaderboard tbody tr.is-me td{background:#090909}
body>main.main.reference-rankings .leaderboard tbody tr.is-me:hover td{background:#252627}
body>main.main.reference-rankings .rank-player-cell small,
body>main.main.reference-rankings .leaderboard td.rank-level{color:#a0aab2}
body>main.main.reference-rankings .rank-table-avatar{width:44px;height:44px;flex-basis:44px;box-shadow:none}
body>main.main.reference-rankings .leaderboard td.rank-elo{font-size:17px}
body>main.main.reference-rankings .rank-pagination{background:#090909;border:0;border-top:1px solid #303234;border-radius:0;padding:18px 24px}
body>main.main.reference-rankings .rank-pagination[hidden]{display:none}
body>main.main.reference-rankings #rankMore{display:inline-flex;align-items:center;justify-content:center;min-width:132px;min-height:40px;padding:7px 16px;border:1px solid #505357;border-radius:8px;background:#191a1b;color:#e2e8ed;font-family:RLFLatin,RLFPersian,Arial,Tahoma,sans-serif!important;font-weight:800;font-size:15px;line-height:1.7;transition:background-color .18s ease,border-color .18s ease,color .18s ease}
body>main.main.reference-rankings #rankMore:hover:not(:disabled){background:#292929;border-color:#7a7e83;color:#fff}
body>main.main.reference-rankings #rankMore:focus-visible{outline:2px solid #aab2b8;outline-offset:3px}
body>main.main.reference-rankings #rankMore:active:not(:disabled){background:#333}
@media(max-width:720px){
 body>main.main.reference-rankings .rank-inline-summary{padding:18px 16px;gap:14px}
 body>main.main.reference-rankings .rank-mode-tabs{margin-top:14px;gap:8px}
 body>main.main.reference-rankings .rank-mode-tabs button{padding:10px 14px}
 body>main.main.reference-rankings .reference-rank-filters{padding:18px 16px 0}
 body>main.main.reference-rankings .reference-rank-search{padding:0 16px}
 body>main.main.reference-rankings .leaderboard tbody tr td{padding:14px;height:78px}
}
@media(prefers-reduced-motion:reduce){body>main.main.reference-rankings .leaderboard tbody tr td{transition:none}}

body dialog#finderDialog{background:#111111}
/* Account actions use the same white/grey feedback as both navigation rails. */
/* Club directory: neutral controls and flat card surfaces. */
body>main.main.clubs-page .club-directory-copy{color:#9aa4ad!important}
body>main.main.clubs-page :is(.club-directory-filters label,#clubsStatus){color:#9aa4ad}
body>main.main.clubs-page .club-view-switch{background:#111111;border-color:#303234;border-radius:8px}
body>main.main.clubs-page .club-view-switch button{color:#9aa4ad;border-radius:5px;transition:background-color .18s,color .18s}
body>main.main.clubs-page .club-view-switch button:is(:hover,.selected){background:#292929;color:#fff;box-shadow:none;border-color:#484848}
body>main.main.clubs-page .club-filters button{color:#9aa4ad}
body>main.main.clubs-page .club-filters button.selected{color:#fff;border-bottom-color:#aab2b8;box-shadow:none}
body>main.main.clubs-page #clubDirectory .club-card{background:#111111;border-color:#303234;box-shadow:none}
body>main.main.clubs-page #clubDirectory .club-card:hover{border-color:#62676b}
body>main.main.clubs-page #clubDirectory :is(.club-card-cover,.directory-club-footer){background:#191a1b;border-color:#303234}
body>main.main.clubs-page #clubDirectory .club-emblem{background:#202122;border-color:#484848;color:#e2e8ed}
body>main.main.clubs-page #clubDirectory :is(.directory-club-identity small,.club-card-body>p,.directory-club-stats small,.directory-club-footer>small){color:#9aa4ad}
body>main.main.clubs-page #clubDirectory .directory-club-stats b{color:#e2e8ed}
body>main.main.clubs-page #clubDirectory .directory-club-footer>span{background:#292929;color:#c4cdd3}
body>main.main.clubs-page #clubDirectory .directory-club-footer>a{color:#e2e8ed}
body>main.main.clubs-page #clubDirectory .directory-club-footer>a:hover{color:#fff;text-decoration:underline}
body>main.main.clubs-page .club-view-switch button:focus-visible{outline:2px solid #aab2b8;outline-offset:2px}
/* Creation steps share the directory's neutral theme. */
body main.clubs-page dialog#clubEditor{background:#111111;border:1px solid #303234;border-radius:12px;box-shadow:none;color:#e2e8ed}
body main.clubs-page #clubEditor :is(.organizer-choice,.club-create-preview){background:#191a1b;border-color:#343638;border-radius:8px;color:#e2e8ed;box-shadow:none}
body main.clubs-page #clubEditor .organizer-choice{transition:background-color .18s,border-color .18s}
body main.clubs-page #clubEditor .organizer-choice:hover{background:#292929;border-color:#62676b}
body main.clubs-page #clubEditor .organizer-choice>.organizer-player-avatar{width:39px;height:39px;flex:0 0 39px;aspect-ratio:1;overflow:hidden}
body main.clubs-page #clubEditor :is(.organizer-choice>span,.club-create-preview>span){background:#292929;color:#d6dce1;border-color:#484848}
body main.clubs-page #clubEditor :is(.club-dialog-intro,.organizer-choice small,.organizer-description,.selected-organizer-bar span,.club-create-footer span,label,small){color:#9aa4ad}
body main.clubs-page #clubEditor .organizer-label{color:#e2e8ed}
body main.clubs-page #clubEditor :is(.club-create-footer,.organizer-form-actions,.selected-organizer-bar){border-color:#303234}
body main.clubs-page #clubEditor :is(input,textarea){background:#0e0f10;border-color:#3b3d3f;color:#e2e8ed;border-radius:8px}
body main.clubs-page #clubEditor :is(input,textarea)::placeholder{color:#858e96}
body main.clubs-page #clubEditor :is(input,textarea):focus{border-color:#aab2b8;outline-color:#aab2b8}
body main.clubs-page #clubEditor #closeClubEditor{background:#191a1b;color:#fff;border-color:#414141}
body main.clubs-page #clubEditor #closeClubEditor:hover{background:#292929;border-color:#687680}
body main.clubs-page #clubEditor :is(button,a):focus-visible{outline:2px solid #aab2b8;outline-offset:3px}
body main.clubs-page #clubEditor .club-dialog-eyebrow{color:#9aa4ad!important;letter-spacing:1px}
body main.clubs-page #clubEditor .club-create-preview small{color:#9aa4ad!important}
body main.clubs-page #clubEditor .club-create-back{color:#a3adb5}
body main.clubs-page #clubEditor .club-create-back:hover{color:#fff}
body main.clubs-page #clubEditor .selected-organizer-bar{padding-inline-end:42px;min-height:38px;gap:12px}
body main.clubs-page #clubEditor #changeOrganizer{color:#e2e8ed;padding:6px 9px;border-radius:6px;transition:background-color .18s}
body main.clubs-page #clubEditor #changeOrganizer:hover{background:#292929;color:#fff}
body main.clubs-page #clubEditor #createClubForm :is(input,textarea){background:#090909}
body main.clubs-page #clubEditor #createClubForm label{color:#c4cdd3}
body main.clubs-page #clubEditor #createClubForm .club-create-preview{background:#191a1b;border-color:#303234}
body main.clubs-page #clubEditor #createClubForm .club-create-footer{border-color:#303234}
body aside#accountMenu{background:#111111}
body #accountMenu :is(.account-links>button,.account-links>button>span,.account-close,.account-view,.account-wallet strong,.account-wallet .rlf-point-icon,.account-wallet .rlf-credit-icon){color:#fff}
body #accountMenu .account-wallet button{background:#191a1b;border-color:#343638;transition:background-color .18s ease,border-color .18s ease}
body #accountMenu .account-wallet :is(.rlf-point-icon,.rlf-credit-icon){color:#80ceff}
body #accountMenu>button.account-view[data-account="view"]{background:transparent;border-color:#80ceff;color:#80ceff}
body #accountMenu :is(.account-links>button,.account-view,.account-close){transition:background-color .18s ease,color .18s ease}
body #accountMenu :is(.account-links>button,.account-view,.account-close,.account-wallet button):is(:hover,:focus-visible){background:#292929;color:#fff;border-color:#687680}
body #accountMenu>button.account-view[data-account="view"]:is(:hover,:focus-visible){background:#80ceff14;color:#80ceff;border-color:#80ceff}
body #accountMenu .account-teams{background:#111111;border-color:#303234}
body #accountMenu #membershipAccount{background:#191a1b;border-color:#343638;box-shadow:none}
body #accountMenu #membershipAccount :is(b,a),body #accountMenu .account-teams small{color:#fff}
body #accountMenu #membershipAccount p,body #accountMenu .account-teams p{color:#a3adb5}
body #accountMenu #membershipAccount a{border-radius:5px;padding:5px 7px;transition:background-color .18s ease}
body #accountMenu #membershipAccount a:is(:hover,:focus-visible){background:#292929;color:#fff}
body #accountMenu .account-links>button[data-account="subscriptions"],
body #accountMenu .account-links>button[data-account="subscriptions"]>span{color:#2BD682}
body #accountMenu .account-links>button[data-account="subscriptions"]:is(:hover,:focus-visible){background:#2BD68218;color:#2BD682}
body #accountMenu .account-links>button[data-account="subscriptions"]:focus-visible{outline-color:#2BD682}
body #accountMenu .account-divider{border-color:#303234}
body #accountMenu button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(hover:hover){body #accountMenu .account-links>button>span{transition:transform .18s ease}body #accountMenu .account-links>button:hover>span{transform:translateX(-3px)}}
@media(prefers-reduced-motion:reduce){body #accountMenu :is(button,.account-links>button>span){transition:none;transform:none}}

/* Profile follows the neutral internal panel palette. */
body>main.main.player-profile{background:#090909;color:#e2e8ed;--profile-line:#303234}
body>main.player-profile:not(.rlf-plus-profile) .profile-cover{background:#111111;border-color:#303234}
body>main.player-profile:not(.rlf-plus-profile) .profile-cover:before,
body>main.player-profile:not(.rlf-plus-profile) .profile-cover:after{display:none}
body>main.player-profile:not(.rlf-plus-profile) .profile-cover-mark{color:#fff;opacity:.12}
body>main.player-profile .profile-cover small{color:#a3adb5}
body>main.player-profile #publicAvatar{background:#191a1b;box-shadow:0 0 0 6px #090909}
body>main.player-profile :is(.profile-about,#profileOverview,.profile-history){background:#111111;border-color:#303234;border-radius:12px;box-shadow:none}
body>main.player-profile .profile-skill{background:#111111}
body>main.main.player-profile .profile-stats{background:#191a1b;border-color:#303234}
body>main.player-profile :is(.profile-name p,.profile-skill>div>span,.profile-level,.profile-skill>a){color:#e2e8ed}
body>main.player-profile :is(.profile-name small,.profile-about>p,.profile-about>div,.profile-skill small,.profile-section-heading span,.profile-empty p,.profile-match-row small,#profileStatus){color:#9aa4ad}
body>main.player-profile .profile-level:not(.has-level-icon){background:#191a1b;border-color:#414141}
body>main.player-profile .profile-section-heading{background:#111111;border-color:#303234}
body>main.player-profile .profile-empty{background:#111111}
body>main.player-profile .profile-empty>span{background:#191a1b;border-color:#414141;color:#a3adb5}
body>main.player-profile .profile-empty b{color:#d9dfe3}
body>main.player-profile :is(.profile-settings,.profile-empty a,#profileRetry){background:#191a1b;border:1px solid #414141;color:#e2e8ed;border-radius:8px;box-shadow:none;transition:background-color .18s,border-color .18s}
body>main.player-profile :is(.profile-settings,.profile-empty a,#profileRetry):hover{background:#292929;border-color:#687680;color:#fff}
body>main.player-profile .profile-tabs{border-color:#303234}
body>main.player-profile .profile-tabs button{color:#9aa4ad}
body>main.player-profile .profile-tabs button.selected{color:#fff;border-color:#aab2b8}
body>main.player-profile .profile-match-row{border-color:#303234}
body>main.player-profile .profile-match-row:hover{background:#292929}
body>main.main.player-profile .profile-game-icon{background:#191a1b;border-color:#414141;color:#c4cdd3}
body>main.main.player-profile .profile-game-label{color:#9aa4ad}
body>main.main.player-profile .profile-tabs button{transition:color .18s,border-color .18s}
body>main.main.player-profile .profile-tabs button:hover{color:#fff;border-bottom-color:#62676b}
body>main.main.player-profile .profile-tabs button.selected{border-bottom-color:#aab2b8}
body>main.main.player-profile .profile-match-row{transition:background-color .18s}
body>main.main.player-profile .profile-about>small{color:#9aa4ad}
body>main.main.player-profile .profile-stats b{color:#e2e8ed}
body>main.main.player-profile .profile-stats .profile-losses b{color:#ed9292}
body>main.main.player-profile .profile-stats>div:has(#publicWins) b{color:#87d9b4}
body>main.player-profile :is(a,button):focus-visible{outline:2px solid #aab2b8;outline-offset:3px}
@media(prefers-reduced-motion:reduce){body>main.player-profile :is(.profile-settings,.profile-empty a,#profileRetry,.profile-tabs button,.profile-match-row){transition:none}}
/* Profile friendship controls share the neutral action palette. */
body>main.main.player-profile .profile-friend-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin:0 auto 10px 0;max-width:100%;align-self:flex-end}
body>main.main.player-profile .profile-friend-controls[hidden]{display:none}
body>main.main.player-profile .profile-friend-controls button{background:#191a1b;color:#e2e8ed;border:1px solid #414141;border-radius:8px;padding:10px 14px;font:inherit;font-size:11px;cursor:pointer}
body>main.main.player-profile .profile-friend-controls button:hover{background:#292929;border-color:#687680;color:#fff}
body>main.main.player-profile .profile-friend-controls button:disabled{opacity:.5;cursor:default}
body>main.main.player-profile .profile-friend-controls span{flex-basis:100%;font-size:10px;color:#a3adb5}
@media(max-width:900px){body>main.main.player-profile .profile-identity{flex-wrap:wrap}body>main.main.player-profile .profile-friend-controls{margin-bottom:10px}}

body>main.main.player-profile .profile-friend-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px}body>main.main.player-profile .profile-friend-controls button svg{width:19px;height:19px;flex-shrink:0;pointer-events:none}

/* Friendship feedback stays outside identity layout. */
body>main.main.player-profile .profile-friend-controls{align-self:flex-end;min-height:42px;align-items:flex-end}body>main.main.player-profile .profile-friend-controls button{box-sizing:border-box}body>main.main.player-profile .profile-friend-controls>button:first-child{white-space:nowrap}
body .friend-action-toast{position:fixed;z-index:10000;top:20px;left:50%;transform:translateX(-50%);width:360px;max-width:calc(100vw - 32px);box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #6299ba;border-radius:10px;background:#142b3c;color:#b9e3ff;box-shadow:0 12px 32px #0007;direction:rtl;font-size:12px;line-height:1.8}body .friend-action-toast[hidden]{display:none!important}.friend-action-toast>span{flex:1;min-width:0;overflow-wrap:anywhere}body .friend-action-toast button{flex:0 0 26px;width:26px;height:26px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:#b9e3ff;font:23px/1 Arial;cursor:pointer}body .friend-action-toast button:hover{background:#28485e;color:#fff}

body>main.main.player-profile .profile-friend-controls{direction:rtl;justify-content:flex-start;align-items:center;gap:10px}body>main.main.player-profile .profile-friend-controls button{direction:rtl;min-height:40px}

/* One rounded moving indicator replaces the sidebar's per-item bars. */
body .sidebar.has-selection-marker .nav.active:before{display:none}body .sidebar.has-selection-marker .nav.active{animation:none}body .sidebar .sidebar-selection-marker{position:absolute;left:0;top:0;width:5px;background:#fff;border-radius:999px;clip-path:inset(0 round 999px);pointer-events:none;z-index:2}body .sidebar .sidebar-selection-marker[hidden]{display:none}
@media(prefers-reduced-motion:reduce){body .sidebar .sidebar-selection-marker{transition:none!important}}

body #accountMenu #membershipAccount:not(.is-plus){
  background:linear-gradient(135deg,#152c3b,#173630);
  border-color:#35665f;
}
body #accountMenu #membershipAccount:not(.is-plus) b{color:#b6bec4;font-weight:400}
body #accountMenu #membershipAccount:not(.is-plus) a{
  background:#a3e9d2;
  color:#102923;
  padding:6px 10px;
}
body #accountMenu #membershipAccount:not(.is-plus) a:is(:hover,:focus-visible){
  background:#c3f5e5;
  color:#102923;
}