/* Local and world rankings share the app surfaces and icon language.
   Kept separate from the legacy cascade so event and career rankings stay intact. */
:root body #areaParaCaptura.ranking-page {
  --ranking-surface: #fff;
  --ranking-soft: #f4f7fa;
  --ranking-line: #e2e9ef;
  --ranking-ink: #183b56;
  --ranking-muted: #63798b;
  --ranking-selected: #e6f2ff;
  --ranking-accent: #1768a6;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
html[data-theme="dark"] #areaParaCaptura.ranking-page {
  --ranking-surface: #102b43;
  --ranking-soft: #15354f;
  --ranking-line: #29475e;
  --ranking-ink: #edf5fc;
  --ranking-muted: #a6bdcf;
  --ranking-selected: #204968;
  --ranking-accent: #8ed3ff;
}
:root body #areaParaCaptura.ranking-page .ranking-panel {
  background: var(--ranking-surface) !important;
  border: 1px solid var(--ranking-line) !important;
  border-radius: 18px;
  padding: 12px;
  box-shadow: 0 4px 18px rgba(12, 39, 61, .05) !important;
}
:root body #areaParaCaptura.ranking-page .ranking-panel__nav {
  background: var(--ranking-soft) !important;
  border: 1px solid var(--ranking-line);
  border-radius: 14px;
  box-shadow: none !important;
  padding: 6px;
  gap: 4px;
  min-width: 142px;
}
:root body #areaParaCaptura.ranking-page .ranking-panel__nav > .ranking-tab {
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 10px;
  color: var(--ranking-muted) !important;
  padding: 10px 8px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  box-shadow: none !important;
  transform: none !important;
  min-height: 58px;
}
:root body #areaParaCaptura.ranking-page .ranking-panel__nav > .ranking-tab:hover {
  background: var(--ranking-selected) !important;
}
:root body #areaParaCaptura.ranking-page .ranking-panel__nav > .ranking-tab.active {
  background: var(--ranking-selected) !important;
  border-color: var(--ranking-accent) !important;
  color: var(--ranking-accent) !important;
  box-shadow: none !important;
  transform: none;
}
:root body #areaParaCaptura.ranking-page .ranking-tab.active::after { display: none; }
:root body #areaParaCaptura.ranking-page .ranking-tab small,
:root body #areaParaCaptura.ranking-page .ranking-tab.active small {
  color: inherit !important;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 600;
  max-width: none;
  white-space: nowrap;
}
:root body #areaParaCaptura.ranking-page .ranking-category-icon {
  width: 22px;
  height: 22px;
  margin-bottom: 4px;
  color: inherit;
}
:root body #areaParaCaptura.ranking-page .ranking-tab:focus-visible,
:root body #areaParaCaptura.ranking-page .ranking-filter-summary-btn:focus-visible {
  outline: 2px solid var(--ranking-accent);
  outline-offset: 2px;
}
:root body #areaParaCaptura.ranking-page .ranking-panel__content {
  background: transparent !important;
  border: 0 !important;
  border-radius: 12px;
  padding: 4px 8px;
}
:root body #areaParaCaptura.ranking-page .ranking-list-card.info-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
:root body #areaParaCaptura.ranking-page .ranking-list-card .info-card__header {
  border-bottom: 1px solid var(--ranking-line);
  padding-bottom: 12px;
}
:root body #areaParaCaptura.ranking-page .ranking-list-card .info-card__icon {
  color: var(--ranking-accent) !important;
  background: var(--ranking-selected) !important;
}
:root body #areaParaCaptura.ranking-page .ranking-list-card .info-card__badge {
  color: var(--ranking-muted) !important;
  background: var(--ranking-soft) !important;
  border: 1px solid var(--ranking-line) !important;
  box-shadow: none !important;
}
:root body #areaParaCaptura.ranking-page .ranking-compact-item {
  background: var(--ranking-surface) !important;
  border: 1px solid var(--ranking-line) !important;
  border-radius: 12px;
  box-shadow: none !important;
  color: var(--ranking-ink);
  transform: none !important;
}
:root body #areaParaCaptura.ranking-page .ranking-compact-item:hover {
  background: var(--ranking-soft) !important;
}
:root body #areaParaCaptura.ranking-page .ranking-compact-item--gold { border-left: 3px solid #c59b3c !important; }
:root body #areaParaCaptura.ranking-page .ranking-compact-item--silver { border-left: 3px solid #9aabb9 !important; }
:root body #areaParaCaptura.ranking-page .ranking-compact-item--bronze { border-left: 3px solid #bc8b63 !important; }
:root body #areaParaCaptura.ranking-page .ranking-compact-item--gold::after { display: none; }
:root body #areaParaCaptura.ranking-page .ranking-compact-item::before {
  background: var(--ranking-soft) !important;
  box-shadow: none !important;
  color: var(--ranking-muted) !important;
}
:root body #areaParaCaptura.ranking-page .ranking-compact-item__main::before {
  background: var(--ranking-soft) !important;
  color: var(--ranking-muted) !important;
  box-shadow: none;
}
:root body #areaParaCaptura.ranking-page .ranking-compact-item__name { color: var(--ranking-ink) !important; }
:root body #areaParaCaptura.ranking-page .ranking-compact-item__value {
  color: var(--ranking-accent) !important;
  text-shadow: none;
}
:root body #areaParaCaptura.ranking-page .ranking-compact-chip {
  background: var(--ranking-soft) !important;
  color: var(--ranking-muted) !important;
}
:root body #areaParaCaptura.ranking-page .ranking-compact-chip strong { color: var(--ranking-ink) !important; }
:root body #areaParaCaptura.ranking-page .fifa-card-mini { box-shadow: none; }
:root body #areaParaCaptura.ranking-page .ranking-category-description {
  color: var(--ranking-muted);
  background: var(--ranking-soft);
  border-radius: 10px;
  padding: 10px 12px;
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 1.5;
}
:root body #areaParaCaptura.ranking-page .ranking-filters-compact .mud-button-root {
  text-transform: none;
  letter-spacing: 0;
  box-shadow: none;
}
@media (max-width: 768px) {
  :root body #areaParaCaptura.ranking-page { gap: 12px; }
  :root body #areaParaCaptura.ranking-page .ranking-panel { padding: 8px; border-radius: 16px; }
  :root body #areaParaCaptura.ranking-page .ranking-panel__nav { padding: 5px; min-width: 0; }
  :root body #areaParaCaptura.ranking-page .ranking-panel__nav > .ranking-tab { flex: 0 0 auto; min-width: 88px; padding: 8px; }
  :root body #areaParaCaptura.ranking-page .ranking-panel__content { padding: 4px 0; }
}
:root body #areaParaCaptura.ranking-page .ranking-filters-compact.info-card--hero {
  box-shadow: 0 4px 16px rgba(12, 39, 61, .12) !important;
  border-radius: 18px;
}
:root body #areaParaCaptura.ranking-page .ranking-filters-compact .mud-button-root {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 12px;
}
:root body #areaParaCaptura.ranking-page .ranking-filters-compact .info-card__badge {
  background: rgba(255, 255, 255, .12) !important;
  color: #edf5fc !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  box-shadow: none !important;
}
:root body #areaParaCaptura.ranking-page .ranking-pagination {
  color: var(--ranking-muted);
  font-size: 11px;
}
:root body #areaParaCaptura.ranking-page .ranking-pagination > span {
  flex: 1;
  text-align: center;
}
:root body #areaParaCaptura.ranking-page .ranking-pagination .mud-button-root {
  min-width: 60px;
  padding: 4px 6px;
  font-size: 11px;
  text-transform: none;
  letter-spacing: 0;
}

/* Category colors identify each ranking; filled selection stays readable in both themes. */
:root body #areaParaCaptura.ranking-page[data-ranking-category="Artilheiro"],
:root body #areaParaCaptura.ranking-page .ranking-tab[data-category="Artilheiro"] {
  --category-color: #176b46; --category-fill: #176b46; --category-soft: #e3f4e9;
}
html[data-theme="dark"] body #areaParaCaptura.ranking-page[data-ranking-category="Artilheiro"],
html[data-theme="dark"] body #areaParaCaptura.ranking-page .ranking-tab[data-category="Artilheiro"] {
  --category-color: #7ee4ad; --category-soft: #173d34;
}
:root body #areaParaCaptura.ranking-page[data-ranking-category="Assistencia"],
:root body #areaParaCaptura.ranking-page .ranking-tab[data-category="Assistencia"] {
  --category-color: #215dad; --category-fill: #215dad; --category-soft: #e5efff;
}
html[data-theme="dark"] body #areaParaCaptura.ranking-page[data-ranking-category="Assistencia"],
html[data-theme="dark"] body #areaParaCaptura.ranking-page .ranking-tab[data-category="Assistencia"] {
  --category-color: #95c7ff; --category-soft: #193754;
}
:root body #areaParaCaptura.ranking-page[data-ranking-category="MelhorAvaliado"],
:root body #areaParaCaptura.ranking-page .ranking-tab[data-category="MelhorAvaliado"] {
  --category-color: #805715; --category-fill: #805715; --category-soft: #fff0ce;
}
html[data-theme="dark"] body #areaParaCaptura.ranking-page[data-ranking-category="MelhorAvaliado"],
html[data-theme="dark"] body #areaParaCaptura.ranking-page .ranking-tab[data-category="MelhorAvaliado"] {
  --category-color: #f6d478; --category-soft: #403822;
}
:root body #areaParaCaptura.ranking-page[data-ranking-category="Xerifao"],
:root body #areaParaCaptura.ranking-page .ranking-tab[data-category="Xerifao"] {
  --category-color: #7044a5; --category-fill: #7044a5; --category-soft: #f1e9fc;
}
html[data-theme="dark"] body #areaParaCaptura.ranking-page[data-ranking-category="Xerifao"],
html[data-theme="dark"] body #areaParaCaptura.ranking-page .ranking-tab[data-category="Xerifao"] {
  --category-color: #ccb0ff; --category-soft: #34284b;
}
:root body #areaParaCaptura.ranking-page[data-ranking-category="Goleiro"],
:root body #areaParaCaptura.ranking-page .ranking-tab[data-category="Goleiro"] {
  --category-color: #006d7a; --category-fill: #006d7a; --category-soft: #dff4f5;
}
html[data-theme="dark"] body #areaParaCaptura.ranking-page[data-ranking-category="Goleiro"],
html[data-theme="dark"] body #areaParaCaptura.ranking-page .ranking-tab[data-category="Goleiro"] {
  --category-color: #70dce5; --category-soft: #153b45;
}
:root body #areaParaCaptura.ranking-page[data-ranking-category="Times"],
:root body #areaParaCaptura.ranking-page .ranking-tab[data-category="Times"] {
  --category-color: #3e5899; --category-fill: #3e5899; --category-soft: #e8edfb;
}
html[data-theme="dark"] body #areaParaCaptura.ranking-page[data-ranking-category="Times"],
html[data-theme="dark"] body #areaParaCaptura.ranking-page .ranking-tab[data-category="Times"] {
  --category-color: #b0c5ff; --category-soft: #263653;
}
:root body #areaParaCaptura.ranking-page[data-ranking-category="Campeao"],
:root body #areaParaCaptura.ranking-page .ranking-tab[data-category="Campeao"] {
  --category-color: #855b0c; --category-fill: #855b0c; --category-soft: #fff1c5;
}
html[data-theme="dark"] body #areaParaCaptura.ranking-page[data-ranking-category="Campeao"],
html[data-theme="dark"] body #areaParaCaptura.ranking-page .ranking-tab[data-category="Campeao"] {
  --category-color: #ffda6e; --category-soft: #40371e;
}
:root body #areaParaCaptura.ranking-page[data-ranking-category="UltimoTime"],
:root body #areaParaCaptura.ranking-page .ranking-tab[data-category="UltimoTime"] {
  --category-color: #a3432f; --category-fill: #a3432f; --category-soft: #ffebe4;
}
html[data-theme="dark"] body #areaParaCaptura.ranking-page[data-ranking-category="UltimoTime"],
html[data-theme="dark"] body #areaParaCaptura.ranking-page .ranking-tab[data-category="UltimoTime"] {
  --category-color: #ffa68e; --category-soft: #452b2b;
}
:root body #areaParaCaptura.ranking-page[data-ranking-category="Fominha"],
:root body #areaParaCaptura.ranking-page .ranking-tab[data-category="Fominha"] {
  --category-color: #086b61; --category-fill: #086b61; --category-soft: #dff4ef;
}
html[data-theme="dark"] body #areaParaCaptura.ranking-page[data-ranking-category="Fominha"],
html[data-theme="dark"] body #areaParaCaptura.ranking-page .ranking-tab[data-category="Fominha"] {
  --category-color: #7ddfcb; --category-soft: #173d39;
}
:root body #areaParaCaptura.ranking-page[data-ranking-category="ReiDosPontos"],
:root body #areaParaCaptura.ranking-page .ranking-tab[data-category="ReiDosPontos"] {
  --category-color: #6745ad; --category-fill: #6745ad; --category-soft: #eee8fc;
}
html[data-theme="dark"] body #areaParaCaptura.ranking-page[data-ranking-category="ReiDosPontos"],
html[data-theme="dark"] body #areaParaCaptura.ranking-page .ranking-tab[data-category="ReiDosPontos"] {
  --category-color: #c6adff; --category-soft: #30294b;
}
:root body #areaParaCaptura.ranking-page[data-ranking-category="GoleiroMenosVazado"],
:root body #areaParaCaptura.ranking-page .ranking-tab[data-category="GoleiroMenosVazado"] {
  --category-color: #126182; --category-fill: #126182; --category-soft: #e1f1fa;
}
html[data-theme="dark"] body #areaParaCaptura.ranking-page[data-ranking-category="GoleiroMenosVazado"],
html[data-theme="dark"] body #areaParaCaptura.ranking-page .ranking-tab[data-category="GoleiroMenosVazado"] {
  --category-color: #85d4fa; --category-soft: #193a4d;
}
:root body #areaParaCaptura.ranking-page[data-ranking-category="Cartoes"],
:root body #areaParaCaptura.ranking-page .ranking-tab[data-category="Cartoes"] {
  --category-color: #a42f4c; --category-fill: #a42f4c; --category-soft: #ffe7ee;
}
html[data-theme="dark"] body #areaParaCaptura.ranking-page[data-ranking-category="Cartoes"],
html[data-theme="dark"] body #areaParaCaptura.ranking-page .ranking-tab[data-category="Cartoes"] {
  --category-color: #ff9bb7; --category-soft: #442a3a;
}

:root body #areaParaCaptura.ranking-page .ranking-category-icon {
  box-sizing: content-box;
  padding: 6px;
  border-radius: 10px;
  background: var(--category-soft);
  color: var(--category-color);
}
:root body #areaParaCaptura.ranking-page .ranking-tab small {
  color: var(--ranking-ink) !important;
}
:root body #areaParaCaptura.ranking-page .ranking-panel__nav > .ranking-tab:hover {
  background: var(--category-soft) !important;
}
:root body #areaParaCaptura.ranking-page .ranking-panel__nav > .ranking-tab.active {
  background: var(--category-fill) !important;
  border-color: var(--category-color) !important;
  color: #fff !important;
  box-shadow: 0 2px 6px rgba(12,39,61,.16) !important;
}
:root body #areaParaCaptura.ranking-page .ranking-tab.active small {
  color: #fff !important;
}
:root body #areaParaCaptura.ranking-page .ranking-tab.active .ranking-category-icon {
  background: rgba(255,255,255,.15);
  color: #fff;
}
:root body #areaParaCaptura.ranking-page .ranking-list-card .info-card__icon {
  color: var(--category-color) !important;
  background: var(--category-soft) !important;
}
:root body #areaParaCaptura.ranking-page .ranking-compact-item__value {
  color: var(--category-color) !important;
}
:root body #areaParaCaptura.ranking-page .ranking-compact-item--gold {
  --podium-background: #fff6d8; --podium-ink: #75520c; --podium-border: #d8b04c;
}
:root body #areaParaCaptura.ranking-page .ranking-compact-item--silver {
  --podium-background: #eaf1fa; --podium-ink: #3d5772; --podium-border: #9eb3cb;
}
:root body #areaParaCaptura.ranking-page .ranking-compact-item--bronze {
  --podium-background: #ffecdd; --podium-ink: #85451f; --podium-border: #cf956e;
}
html[data-theme="dark"] body #areaParaCaptura.ranking-page .ranking-compact-item--gold {
  --podium-background: #39321f; --podium-ink: #ffda75; --podium-border: #9f8235;
}
html[data-theme="dark"] body #areaParaCaptura.ranking-page .ranking-compact-item--silver {
  --podium-background: #26394e; --podium-ink: #c9def5; --podium-border: #6c88a4;
}
html[data-theme="dark"] body #areaParaCaptura.ranking-page .ranking-compact-item--bronze {
  --podium-background: #3e2d27; --podium-ink: #ffc49a; --podium-border: #b17b59;
}
:root body #areaParaCaptura.ranking-page :is(.ranking-compact-item--gold,.ranking-compact-item--silver,.ranking-compact-item--bronze) {
  background: var(--podium-background) !important;
  border-color: var(--podium-border) !important;
  border-left-width: 4px !important;
}
:root body #areaParaCaptura.ranking-page :is(.ranking-compact-item--gold,.ranking-compact-item--silver,.ranking-compact-item--bronze)::before {
  background: var(--podium-ink) !important;
  color: var(--podium-background) !important;
}
:root body #areaParaCaptura.ranking-page :is(.ranking-compact-item--gold,.ranking-compact-item--silver,.ranking-compact-item--bronze) .ranking-compact-item__value {
  color: var(--podium-ink) !important;
}
:root body #areaParaCaptura.ranking-page .ranking-compact-item__main::before {
  color: var(--podium-ink, var(--ranking-muted)) !important;
  background: var(--podium-background, var(--ranking-soft)) !important;
}