/* Seleção compartilhada: o estado ativo e o hover de todas as abas de seleção do jogo. Carrega por último de propósito,
   então as regras de cada componente só cuidam do estado normal e do tamanho.
   Cobre: sub-abas da Forja (Aura, Atributos, Transformar), filtros de raridade, classe e universo (Inventário, Forja,
   Mostruário, Dojo), submenus do alto (Batalha, Loja e Perfil), sub-abas do Inventário, Onda atual / Partida (segmentados), velocidade e abas do quadro de missões.
   As abas principais do alto (.nav-tab) têm moldura em pixel art própria e usam os mesmos tokens --sel-* em 02-lobby.css. */
:is(.chip, .inv-subtab-btn, .nav-sub, .segmented-btn, .speed-btn, .quest-tab):hover:not(:disabled, .active, [aria-selected="true"]) {
  background: var(--sel-hover-bg);
  color: var(--text);
}

:is(.chip, .inv-subtab-btn, .nav-sub, .segmented-btn, .speed-btn, .quest-tab).active,
.quest-tab[aria-selected="true"] {
  border-color: var(--sel-border);
  background: linear-gradient(180deg, var(--sel-bg-top), var(--sel-bg-bottom));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
  color: var(--sel-ink);
  font-weight: 600;
}

/* Filtro de raridade e de universo ativo mantém a cor própria só na borda; o texto fica branco sobre o roxo. */
.chip[class*='rarity-'].active {
  border-color: var(--rarity);
}

.chip[class*='universe-'].active {
  border-color: var(--universe);
}

:is(.chip, .segmented-btn).active .chip-count {
  color: rgba(255, 255, 255, 0.85);
}