@charset "UTF-8";

/* Botões de ranking — moldura MMORPG dourada compartilhada. */
:is(#community .rb-tab, body.body--rankings .rankings-hero__tab) {
  --rk-metal-1: #fff0a0;
  --rk-metal-2: #e8ae32;
  --rk-metal-3: #9a5910;
  --rk-metal-4: #4d2907;
  position: relative !important;
  isolation: isolate !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(.72rem, 1vw, 1rem) !important;
  min-height: clamp(4.6rem, 6vw, 5.35rem) !important;
  padding: .85rem clamp(1.2rem, 2vw, 1.8rem) !important;
  overflow: hidden !important;
  border: 1px solid #c77d13 !important;
  border-radius: .32rem !important;
  background:
    radial-gradient(ellipse 80% 135% at 50% 47%, rgba(183, 105, 19, .42), transparent 62%),
    repeating-linear-gradient(118deg, rgba(255, 218, 126, .018) 0 1px, transparent 1px 7px),
    linear-gradient(180deg, #4a2a0b 0%, #2a1707 48%, #160d06 100%) !important;
  color: #f5d47d !important;
  -webkit-text-fill-color: #f5d47d !important;
  cursor: pointer !important;
  font-family: var(--font-1, "ChelseaCYR", Georgia, serif) !important;
  font-size: clamp(.92rem, 1.18vw, 1.16rem) !important;
  font-weight: 700 !important;
  letter-spacing: .07em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow:
    0 1px 0 rgba(255, 244, 194, .25),
    0 2px 3px rgba(20, 8, 0, .95),
    0 0 .5rem rgba(232, 169, 48, .12) !important;
  text-transform: uppercase !important;
  box-shadow:
    0 0 0 1px rgba(76, 36, 3, .95),
    0 0 .85rem rgba(220, 145, 25, .15),
    inset 0 1px 0 rgba(255, 230, 147, .36),
    inset 0 -1px 0 rgba(50, 20, 2, .9),
    inset 0 0 1.6rem rgba(221, 137, 17, .1) !important;
  clip-path: polygon(.65rem 0, calc(100% - .65rem) 0, 100% .65rem, 100% calc(100% - .65rem), calc(100% - .65rem) 100%, .65rem 100%, 0 calc(100% - .65rem), 0 .65rem) !important;
  transition: transform .2s ease, filter .22s ease, box-shadow .22s ease, color .22s ease !important;
}

/* Moldura interna polida, quinas e pequenos pontos de brilho. */
:is(#community .rb-tab, body.body--rankings .rankings-hero__tab)::before {
  content: "" !important;
  position: absolute !important;
  inset: .28rem !important;
  z-index: -1 !important;
  display: block !important;
  pointer-events: none !important;
  border: 1px solid rgba(255, 205, 89, .58) !important;
  border-radius: .14rem !important;
  background:
    radial-gradient(circle at 18% 0, #fff7c8 0 1px, #f4bd3d 1.5px 2.5px, transparent 3px),
    radial-gradient(circle at 82% 100%, #fff7c8 0 1px, #f4bd3d 1.5px 2.5px, transparent 3px),
    linear-gradient(135deg, var(--rk-metal-1), var(--rk-metal-2)) left top / .9rem 2px no-repeat,
    linear-gradient(135deg, var(--rk-metal-1), var(--rk-metal-2)) left top / 2px .9rem no-repeat,
    linear-gradient(225deg, var(--rk-metal-1), var(--rk-metal-2)) right top / .9rem 2px no-repeat,
    linear-gradient(225deg, var(--rk-metal-1), var(--rk-metal-2)) right top / 2px .9rem no-repeat,
    linear-gradient(45deg, var(--rk-metal-3), var(--rk-metal-1)) left bottom / .9rem 2px no-repeat,
    linear-gradient(45deg, var(--rk-metal-3), var(--rk-metal-1)) left bottom / 2px .9rem no-repeat,
    linear-gradient(315deg, var(--rk-metal-3), var(--rk-metal-1)) right bottom / .9rem 2px no-repeat,
    linear-gradient(315deg, var(--rk-metal-3), var(--rk-metal-1)) right bottom / 2px .9rem no-repeat !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 239, 174, .16),
    inset 0 -1px 0 rgba(77, 36, 3, .75) !important;
  opacity: .88 !important;
  filter: none !important;
  transition: opacity .22s ease !important;
}

/* Diamante central superior/inferior da moldura. */
:is(#community .rb-tab, body.body--rankings .rankings-hero__tab)::after {
  content: "" !important;
  position: absolute !important;
  top: -.26rem !important;
  left: 50% !important;
  z-index: 2 !important;
  display: block !important;
  width: .56rem !important;
  height: .56rem !important;
  border: 1px solid #ffd867 !important;
  background: linear-gradient(135deg, #fff8be 0%, #e5a620 45%, #704006 100%) !important;
  box-shadow: 0 calc(clamp(4.6rem, 6vw, 5.35rem) - .05rem) 0 -.08rem #b96f0c, 0 0 .4rem rgba(255, 205, 78, .65) !important;
  pointer-events: none !important;
  transform: translateX(-50%) rotate(45deg) !important;
}

:is(#community .rb-tab-icon, body.body--rankings .rankings-hero__tab-icon) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(2.25rem, 3vw, 2.75rem) !important;
  height: clamp(2.25rem, 3vw, 2.75rem) !important;
  flex: 0 0 clamp(2.25rem, 3vw, 2.75rem) !important;
  color: #f7ce64 !important;
  filter:
    drop-shadow(0 1px 0 rgba(255, 248, 194, .72))
    drop-shadow(0 2px 2px rgba(55, 21, 0, .95))
    drop-shadow(0 0 .42rem rgba(241, 175, 42, .34)) !important;
}

:is(#community .rb-tab-icon, body.body--rankings .rankings-hero__tab-icon) svg {
  width: 100% !important;
  height: 100% !important;
  fill: currentColor !important;
}

:is(#community .rb-tab, body.body--rankings .rankings-hero__tab):hover,
:is(#community .rb-tab, body.body--rankings .rankings-hero__tab):focus-visible {
  border-color: #f2b93e !important;
  color: #ffe69a !important;
  -webkit-text-fill-color: #ffe69a !important;
  filter: brightness(1.1) saturate(1.05) !important;
  box-shadow:
    0 0 0 1px rgba(90, 42, 3, .98),
    0 0 1.25rem rgba(238, 169, 43, .34),
    inset 0 1px 0 rgba(255, 237, 168, .48),
    inset 0 0 1.8rem rgba(225, 139, 20, .16) !important;
  transform: translateY(-2px) !important;
  outline: none !important;
}

:is(#community .rb-tab.active, #community .rb-tab.is-active, body.body--rankings .rankings-hero__tab.is-active) {
  border-color: #ffd361 !important;
  background:
    radial-gradient(ellipse 78% 145% at 50% 44%, rgba(255, 196, 66, .4), transparent 62%),
    repeating-linear-gradient(118deg, rgba(255, 238, 173, .032) 0 1px, transparent 1px 7px),
    linear-gradient(180deg, #b87316 0%, #86500e 50%, #4d2906 100%) !important;
  color: #fff0ac !important;
  -webkit-text-fill-color: #fff0ac !important;
  box-shadow:
    0 0 0 1px rgba(91, 42, 2, .98),
    0 0 1.2rem rgba(242, 177, 47, .42),
    inset 0 1px 0 rgba(255, 244, 194, .68),
    inset 0 -1px 0 rgba(64, 27, 1, .95),
    inset 0 0 2rem rgba(255, 181, 36, .2) !important;
}

:is(#community .rb-tab.active, #community .rb-tab.is-active, body.body--rankings .rankings-hero__tab.is-active) .rb-tab-icon,
body.body--rankings .rankings-hero__tab.is-active .rankings-hero__tab-icon {
  color: #fff1a3 !important;
}

@media (max-width: 767.98px) {
  :is(#community .rb-tab, body.body--rankings .rankings-hero__tab),
  :is(#community .rb-tab, body.body--rankings .rankings-hero__tab):focus {
    min-width: 12rem !important;
    min-height: 4.2rem !important;
    padding-inline: 1rem !important;
    font-size: .9rem !important;
  }

  :is(#community .rb-tab-icon, body.body--rankings .rankings-hero__tab-icon) {
    width: 2rem !important;
    height: 2rem !important;
    flex-basis: 2rem !important;
  }
}

/* Home: paleta fechada para impedir qualquer estado branco/cinza. */
#community .rb-tab,
#community .rb-tab:focus {
  background: #321c08 url("../images/ranking-button-plate-v1.png") center / 100% 100% no-repeat !important;
  background-blend-mode: multiply !important;
  color: #d8b665 !important;
  -webkit-text-fill-color: #d8b665 !important;
  filter: brightness(.74) saturate(.9) drop-shadow(0 .5rem .65rem rgba(0, 0, 0, .42)) !important;
}

#community .rb-tab .rb-tab-icon {
  color: #d9b45d !important;
}

#community .rb-tab:hover,
#community .rb-tab:focus-visible {
  background: #4a2a0a url("../images/ranking-button-plate-v1.png") center / 100% 100% no-repeat !important;
  background-blend-mode: multiply !important;
  color: #efd17c !important;
  -webkit-text-fill-color: #efd17c !important;
  filter:
    brightness(.9)
    saturate(.98)
    drop-shadow(0 0 .45rem rgba(225, 158, 37, .3))
    drop-shadow(0 .55rem .7rem rgba(0, 0, 0, .44)) !important;
}

#community .rb-tab:hover .rb-tab-icon,
#community .rb-tab:focus-visible .rb-tab-icon {
  color: #efd078 !important;
}

#community .rb-tab.active,
#community .rb-tab.is-active,
#community .rb-tab.active:hover,
#community .rb-tab.is-active:hover,
#community .rb-tab.active:focus,
#community .rb-tab.is-active:focus,
#community .rb-tab.active:focus-visible,
#community .rb-tab.is-active:focus-visible {
  background: #a86614 url("../images/ranking-button-plate-v1.png") center / 100% 100% no-repeat !important;
  background-blend-mode: multiply !important;
  color: #fff0a6 !important;
  -webkit-text-fill-color: #fff0a6 !important;
  filter:
    brightness(1.08)
    saturate(1.08)
    drop-shadow(0 0 .5rem rgba(255, 199, 78, .62))
    drop-shadow(0 0 1.15rem rgba(220, 137, 20, .42))
    drop-shadow(0 .65rem .8rem rgba(0, 0, 0, .46)) !important;
}

#community .rb-tab.active .rb-tab-icon,
#community .rb-tab.is-active .rb-tab-icon {
  color: #fff0a0 !important;
}

/* Iluminação ambiente atrás do menu de ranking. */
:is(#community .rb-tabs, body.body--rankings .rankings-hero__tabs) {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  background:
    radial-gradient(ellipse 62% 115% at 50% 48%, rgba(219, 145, 28, .16), transparent 68%),
    linear-gradient(145deg, rgba(31, 21, 10, .76), rgba(4, 5, 6, .91)) !important;
  box-shadow:
    0 0 2.4rem rgba(202, 126, 16, .1),
    inset 0 0 2.8rem rgba(205, 128, 18, .07),
    inset 0 1px 0 rgba(255, 222, 142, .07) !important;
}

:is(#community .rb-tabs, body.body--rankings .rankings-hero__tabs)::before {
  content: "" !important;
  position: absolute !important;
  inset: -1.4rem -2rem !important;
  z-index: -1 !important;
  display: block !important;
  pointer-events: none !important;
  border: 0 !important;
  background: radial-gradient(ellipse at center, rgba(229, 154, 35, .17) 0%, rgba(163, 91, 10, .07) 42%, transparent 72%) !important;
  opacity: 1 !important;
  filter: blur(.45rem) !important;
}

/* Seleção sempre dourada, inclusive durante foco e clique. */
:is(#community .rb-tab.active, #community .rb-tab.is-active, body.body--rankings .rankings-hero__tab.is-active),
:is(#community .rb-tab.active, #community .rb-tab.is-active, body.body--rankings .rankings-hero__tab.is-active):hover,
:is(#community .rb-tab.active, #community .rb-tab.is-active, body.body--rankings .rankings-hero__tab.is-active):focus,
:is(#community .rb-tab.active, #community .rb-tab.is-active, body.body--rankings .rankings-hero__tab.is-active):focus-visible {
  background-color: #c07a18 !important;
  background-image: url("../images/ranking-button-plate-v1.png") !important;
  background-blend-mode: multiply !important;
  color: #fff0aa !important;
  -webkit-text-fill-color: #fff0aa !important;
  filter:
    brightness(1.12)
    saturate(1.15)
    drop-shadow(0 0 .55rem rgba(255, 195, 66, .58))
    drop-shadow(0 0 1.25rem rgba(221, 137, 20, .38))
    drop-shadow(0 .65rem .8rem rgba(0, 0, 0, .46)) !important;
}

:is(#community .rb-tab.active, #community .rb-tab.is-active, body.body--rankings .rankings-hero__tab.is-active) :is(.rb-tab-icon, .rankings-hero__tab-icon) {
  color: #fff0a0 !important;
  filter:
    drop-shadow(0 1px 0 rgba(255, 250, 207, .88))
    drop-shadow(0 2px 2px rgba(57, 22, 0, .94))
    drop-shadow(0 0 .65rem rgba(255, 199, 77, .62)) !important;
}

@media (prefers-reduced-motion: reduce) {
  :is(#community .rb-tab, body.body--rankings .rankings-hero__tab) { transition: none !important; }
}

/* Placa final derivada da referência: moldura e metal reais no asset. */
:is(#community .rb-tab, body.body--rankings .rankings-hero__tab),
:is(#community .rb-tab, body.body--rankings .rankings-hero__tab):focus {
  min-height: clamp(4.85rem, 6.2vw, 5.6rem) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: #4a2a0b !important;
  background-image: url("../images/ranking-button-plate-v1.png") !important;
  background-blend-mode: multiply !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  box-shadow: none !important;
  clip-path: polygon(8% 6%, 46% 6%, 50% 0, 54% 6%, 92% 6%, 97% 19%, 100% 48%, 97% 79%, 92% 90%, 55% 90%, 50% 100%, 45% 90%, 8% 90%, 3% 79%, 0 48%, 3% 19%) !important;
  filter: brightness(.7) saturate(.86) drop-shadow(0 .5rem .65rem rgba(0, 0, 0, .4)) !important;
}

:is(#community .rb-tab, body.body--rankings .rankings-hero__tab)::before,
:is(#community .rb-tab, body.body--rankings .rankings-hero__tab)::after {
  content: none !important;
  display: none !important;
}

:is(#community .rb-tab, body.body--rankings .rankings-hero__tab):hover,
:is(#community .rb-tab, body.body--rankings .rankings-hero__tab):focus-visible {
  background-image: url("../images/ranking-button-plate-v1.png") !important;
  filter: brightness(.88) saturate(.95) drop-shadow(0 0 .7rem rgba(235, 169, 41, .32)) drop-shadow(0 .65rem .75rem rgba(0, 0, 0, .42)) !important;
  transform: translateY(-2px) scale(1.01) !important;
}

:is(#community .rb-tab.active, #community .rb-tab.is-active, body.body--rankings .rankings-hero__tab.is-active),
body.body--rankings .rankings-hero__tab.is-active:focus {
  background-color: #a76414 !important;
  background-image: url("../images/ranking-button-plate-v1.png") !important;
  background-blend-mode: multiply !important;
  filter: brightness(1) saturate(1.02) drop-shadow(0 0 .8rem rgba(241, 176, 45, .4)) drop-shadow(0 .65rem .8rem rgba(0, 0, 0, .45)) !important;
}

@media (max-width: 767.98px) {
  :is(#community .rb-tab, body.body--rankings .rankings-hero__tab),
  :is(#community .rb-tab, body.body--rankings .rankings-hero__tab):focus {
    min-height: 4.45rem !important;
  }
}

/* Garantia final da paleta da home, após todos os estados compartilhados. */
#community .rb-tab,
#community .rb-tab:focus {
  background: #321c08 url("../images/ranking-button-plate-v1.png") center / 100% 100% no-repeat !important;
  background-blend-mode: multiply !important;
  color: #d8b665 !important;
  -webkit-text-fill-color: #d8b665 !important;
  filter: brightness(.74) saturate(.9) drop-shadow(0 .5rem .65rem rgba(0, 0, 0, .42)) !important;
}

#community .rb-tab:hover,
#community .rb-tab:focus-visible {
  background: #4a2a0a url("../images/ranking-button-plate-v1.png") center / 100% 100% no-repeat !important;
  background-blend-mode: multiply !important;
  color: #efd17c !important;
  -webkit-text-fill-color: #efd17c !important;
  filter: brightness(.9) saturate(.98) drop-shadow(0 0 .45rem rgba(225, 158, 37, .3)) drop-shadow(0 .55rem .7rem rgba(0, 0, 0, .44)) !important;
}

#community .rb-tab.active,
#community .rb-tab.is-active,
#community .rb-tab.active:hover,
#community .rb-tab.is-active:hover,
#community .rb-tab.active:focus,
#community .rb-tab.is-active:focus,
#community .rb-tab.active:focus-visible,
#community .rb-tab.is-active:focus-visible {
  background: #a86614 url("../images/ranking-button-plate-v1.png") center / 100% 100% no-repeat !important;
  background-blend-mode: multiply !important;
  color: #fff0a6 !important;
  -webkit-text-fill-color: #fff0a6 !important;
  filter: brightness(1.08) saturate(1.08) drop-shadow(0 0 .5rem rgba(255, 199, 78, .62)) drop-shadow(0 0 1.15rem rgba(220, 137, 20, .42)) drop-shadow(0 .65rem .8rem rgba(0, 0, 0, .46)) !important;
}

#community .rb-tab .rb-tab-icon { color: #d9b45d !important; }
#community .rb-tab:hover .rb-tab-icon,
#community .rb-tab:focus-visible .rb-tab-icon { color: #efd078 !important; }
#community .rb-tab.active .rb-tab-icon,
#community .rb-tab.is-active .rb-tab-icon { color: #fff0a0 !important; }

/* Home: sem contorno dourado externo nos dois grupos de categorias. */
#community #rb-tabs-players,
#community #rb-tabs-clans {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#community #rb-tabs-players::before,
#community #rb-tabs-clans::before,
#community #rb-tabs-players::after,
#community #rb-tabs-clans::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* Legibilidade e halos individuais mais presentes. */
#community .rb-tab,
#community .rb-tab:focus {
  color: #edcd78 !important;
  -webkit-text-fill-color: #edcd78 !important;
  text-shadow:
    0 1px 0 rgba(255, 239, 176, .28),
    0 2px 3px rgba(22, 8, 0, .96),
    0 0 .55rem rgba(231, 169, 52, .24) !important;
  filter:
    brightness(.84)
    saturate(.98)
    drop-shadow(0 0 .42rem rgba(214, 143, 30, .28))
    drop-shadow(0 .5rem .7rem rgba(0, 0, 0, .44)) !important;
}

#community .rb-tab .rb-tab-icon {
  color: #edc86d !important;
  filter:
    drop-shadow(0 1px 0 rgba(255, 246, 196, .58))
    drop-shadow(0 2px 2px rgba(48, 18, 0, .94))
    drop-shadow(0 0 .55rem rgba(229, 164, 43, .36)) !important;
}

#community .rb-tab:hover,
#community .rb-tab:focus-visible {
  color: #ffe39a !important;
  -webkit-text-fill-color: #ffe39a !important;
  filter:
    brightness(1)
    saturate(1.04)
    drop-shadow(0 0 .55rem rgba(242, 177, 51, .48))
    drop-shadow(0 0 1rem rgba(202, 119, 15, .26))
    drop-shadow(0 .58rem .75rem rgba(0, 0, 0, .46)) !important;
}

#community .rb-tab.active,
#community .rb-tab.is-active,
#community .rb-tab.active:hover,
#community .rb-tab.is-active:hover,
#community .rb-tab.active:focus,
#community .rb-tab.is-active:focus,
#community .rb-tab.active:focus-visible,
#community .rb-tab.is-active:focus-visible {
  color: #fff3b2 !important;
  -webkit-text-fill-color: #fff3b2 !important;
  text-shadow:
    0 1px 0 rgba(255, 251, 218, .68),
    0 2px 3px rgba(48, 17, 0, .92),
    0 0 .7rem rgba(255, 206, 91, .48) !important;
  filter:
    brightness(1.16)
    saturate(1.12)
    drop-shadow(0 0 .6rem rgba(255, 204, 83, .76))
    drop-shadow(0 0 1.35rem rgba(225, 142, 22, .52))
    drop-shadow(0 .68rem .85rem rgba(0, 0, 0, .48)) !important;
}

#community .rb-tab.active .rb-tab-icon,
#community .rb-tab.is-active .rb-tab-icon {
  color: #fff3aa !important;
  filter:
    drop-shadow(0 1px 0 rgba(255, 253, 225, .9))
    drop-shadow(0 2px 2px rgba(52, 18, 0, .94))
    drop-shadow(0 0 .75rem rgba(255, 207, 91, .72)) !important;
}

/* Páginas dedicadas: mesma apresentação final do placar da home. */
body.body--rankings .rankings-hero__tabs {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.body--rankings .rankings-hero__tabs::before,
body.body--rankings .rankings-hero__tabs::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

body.body--rankings .rankings-hero__tab,
body.body--rankings .rankings-hero__tab:focus {
  background: #321c08 url("../images/ranking-button-plate-v1.png") center / 100% 100% no-repeat !important;
  background-blend-mode: multiply !important;
  color: #edcd78 !important;
  -webkit-text-fill-color: #edcd78 !important;
  text-shadow: 0 1px 0 rgba(255, 239, 176, .28), 0 2px 3px rgba(22, 8, 0, .96), 0 0 .55rem rgba(231, 169, 52, .24) !important;
  filter: brightness(.84) saturate(.98) drop-shadow(0 0 .42rem rgba(214, 143, 30, .28)) drop-shadow(0 .5rem .7rem rgba(0, 0, 0, .44)) !important;
}

body.body--rankings .rankings-hero__tab .rankings-hero__tab-icon {
  color: #edc86d !important;
  filter: drop-shadow(0 1px 0 rgba(255, 246, 196, .58)) drop-shadow(0 2px 2px rgba(48, 18, 0, .94)) drop-shadow(0 0 .55rem rgba(229, 164, 43, .36)) !important;
}

body.body--rankings .rankings-hero__tab:hover,
body.body--rankings .rankings-hero__tab:focus-visible {
  background: #4a2a0a url("../images/ranking-button-plate-v1.png") center / 100% 100% no-repeat !important;
  background-blend-mode: multiply !important;
  color: #ffe39a !important;
  -webkit-text-fill-color: #ffe39a !important;
  filter: brightness(1) saturate(1.04) drop-shadow(0 0 .55rem rgba(242, 177, 51, .48)) drop-shadow(0 0 1rem rgba(202, 119, 15, .26)) drop-shadow(0 .58rem .75rem rgba(0, 0, 0, .46)) !important;
}

body.body--rankings .rankings-hero__tab:hover .rankings-hero__tab-icon,
body.body--rankings .rankings-hero__tab:focus-visible .rankings-hero__tab-icon {
  color: #efd078 !important;
}

body.body--rankings .rankings-hero__tab.is-active,
body.body--rankings .rankings-hero__tab.is-active:hover,
body.body--rankings .rankings-hero__tab.is-active:focus,
body.body--rankings .rankings-hero__tab.is-active:focus-visible {
  background: #a86614 url("../images/ranking-button-plate-v1.png") center / 100% 100% no-repeat !important;
  background-blend-mode: multiply !important;
  color: #fff3b2 !important;
  -webkit-text-fill-color: #fff3b2 !important;
  text-shadow: 0 1px 0 rgba(255, 251, 218, .68), 0 2px 3px rgba(48, 17, 0, .92), 0 0 .7rem rgba(255, 206, 91, .48) !important;
  filter: brightness(1.16) saturate(1.12) drop-shadow(0 0 .6rem rgba(255, 204, 83, .76)) drop-shadow(0 0 1.35rem rgba(225, 142, 22, .52)) drop-shadow(0 .68rem .85rem rgba(0, 0, 0, .48)) !important;
}

body.body--rankings .rankings-hero__tab.is-active .rankings-hero__tab-icon {
  color: #fff3aa !important;
  filter: drop-shadow(0 1px 0 rgba(255, 253, 225, .9)) drop-shadow(0 2px 2px rgba(52, 18, 0, .94)) drop-shadow(0 0 .75rem rgba(255, 207, 91, .72)) !important;
}

/* Remove o painel coletivo também nas rotas dedicadas. */
#main-content .rankings-hero__tabs {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#main-content .rankings-hero__tabs::before,
#main-content .rankings-hero__tabs::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

#main-content .rankings-hero__tab,
#main-content .rankings-hero__tab:focus {
  color: #edcd78 !important;
  -webkit-text-fill-color: #edcd78 !important;
  text-shadow: 0 1px 0 rgba(255,239,176,.28), 0 2px 3px rgba(22,8,0,.96), 0 0 .55rem rgba(231,169,52,.24) !important;
  filter: brightness(.84) saturate(.98) drop-shadow(0 0 .42rem rgba(214,143,30,.28)) drop-shadow(0 .5rem .7rem rgba(0,0,0,.44)) !important;
}

#main-content .rankings-hero__tab:hover,
#main-content .rankings-hero__tab:focus-visible {
  color: #ffe39a !important;
  -webkit-text-fill-color: #ffe39a !important;
  filter: brightness(1) saturate(1.04) drop-shadow(0 0 .55rem rgba(242,177,51,.48)) drop-shadow(0 0 1rem rgba(202,119,15,.26)) drop-shadow(0 .58rem .75rem rgba(0,0,0,.46)) !important;
}

#main-content .rankings-hero__tab.is-active,
#main-content .rankings-hero__tab.is-active:hover,
#main-content .rankings-hero__tab.is-active:focus,
#main-content .rankings-hero__tab.is-active:focus-visible {
  color: #fff3b2 !important;
  -webkit-text-fill-color: #fff3b2 !important;
  text-shadow: 0 1px 0 rgba(255,251,218,.68), 0 2px 3px rgba(48,17,0,.92), 0 0 .7rem rgba(255,206,91,.48) !important;
  filter: brightness(1.16) saturate(1.12) drop-shadow(0 0 .6rem rgba(255,204,83,.76)) drop-shadow(0 0 1.35rem rgba(225,142,22,.52)) drop-shadow(0 .68rem .85rem rgba(0,0,0,.48)) !important;
}

#main-content .rankings-hero__tab .rankings-hero__tab-icon {
  color: #edc86d !important;
  filter: drop-shadow(0 1px 0 rgba(255,246,196,.58)) drop-shadow(0 2px 2px rgba(48,18,0,.94)) drop-shadow(0 0 .55rem rgba(229,164,43,.36)) !important;
}

#main-content .rankings-hero__tab.is-active .rankings-hero__tab-icon {
  color: #fff3aa !important;
  filter: drop-shadow(0 1px 0 rgba(255,253,225,.9)) drop-shadow(0 2px 2px rgba(52,18,0,.94)) drop-shadow(0 0 .75rem rgba(255,207,91,.72)) !important;
}

/* Botões inativos mais acesos em todas as páginas de ranking. */
:is(
  #community .rb-tab:not(.active):not(.is-active),
  #main-content .rankings-hero__tab:not(.is-active)
) {
  background: #4d2c0b url("../images/ranking-button-plate-v1.png") center / 100% 100% no-repeat !important;
  background-blend-mode: multiply !important;
  color: #f3d68b !important;
  -webkit-text-fill-color: #f3d68b !important;
  text-shadow:
    0 1px 0 rgba(255, 244, 195, .4),
    0 2px 3px rgba(28, 10, 0, .94),
    0 0 .65rem rgba(239, 177, 57, .32) !important;
  filter:
    brightness(.98)
    saturate(1.06)
    drop-shadow(0 0 .5rem rgba(224, 151, 31, .42))
    drop-shadow(0 0 .9rem rgba(166, 87, 8, .2))
    drop-shadow(0 .55rem .72rem rgba(0, 0, 0, .45)) !important;
}

:is(
  #community .rb-tab:not(.active):not(.is-active),
  #main-content .rankings-hero__tab:not(.is-active)
) :is(.rb-tab-icon, .rankings-hero__tab-icon) {
  color: #f1ce78 !important;
  filter:
    drop-shadow(0 1px 0 rgba(255, 249, 210, .7))
    drop-shadow(0 2px 2px rgba(49, 18, 0, .92))
    drop-shadow(0 0 .65rem rgba(238, 175, 53, .48)) !important;
}

:is(
  #community .rb-tab:not(.active):not(.is-active),
  #main-content .rankings-hero__tab:not(.is-active)
):hover,
:is(
  #community .rb-tab:not(.active):not(.is-active),
  #main-content .rankings-hero__tab:not(.is-active)
):focus-visible {
  background-color: #68400f !important;
  color: #ffe6a0 !important;
  -webkit-text-fill-color: #ffe6a0 !important;
  filter:
    brightness(1.1)
    saturate(1.1)
    drop-shadow(0 0 .62rem rgba(247, 184, 59, .62))
    drop-shadow(0 0 1.15rem rgba(199, 111, 10, .3))
    drop-shadow(0 .6rem .78rem rgba(0, 0, 0, .46)) !important;
}