/* --- weffect --- A marca do efeito sobre o ícone da arma. O PNG é 32×32 com arte só em x0–11/y0–11,
   então a sobreposição é 1:1 e não existe número de posição em lugar nenhum. */
.item-mark {
  position: absolute;
  inset: 0;
  image-rendering: pixelated;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}
/* --- /weffect --- */

/* A aba Efeitos do Bestiário (js/ui/windows/weaponEffects.js) e a marca no cartão do chefe saíram com o Bestiário v2: o
   catálogo dos dez efeitos mora na Refinaria (docs/specs/temper.md §6; as classes `temper-cat-*` de css/temper.css). Ficam
   aqui só as peças que o resto do jogo usa: a marca sobre o ícone da arma, a linha do resumo da corrida e a do tooltip. */

/* --- weffect (pacote 04 §5) --- "Efeito desbloqueado" no resumo do fim: a marca à esquerda do texto. A arte útil da marca
   mora em x0–11/y0–11 do PNG 32×32, então a caixa de 12×12 mostra só ela, 1:1, sem recorte de arte. */
.summary-effect {
  display: flex;
  align-items: center;
  gap: calc(3 * var(--px));
}
.summary-effect-mark {
  width: calc(12 * var(--px));
  height: calc(12 * var(--px));
  flex-shrink: 0;
  image-rendering: pixelated;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: calc(32 * var(--px)) calc(32 * var(--px));
}
/* --- /weffect --- */

/* --- weffect (P15) --- a marca no tooltip de item: mesma caixa 12×12 do resumo, à esquerda do nome do efeito. */
.tooltip-effect.has-mark {
  display: flex;
  align-items: center;
  gap: calc(3 * var(--px));
}
.tooltip-effect-mark {
  width: calc(12 * var(--px));
  height: calc(12 * var(--px));
  flex-shrink: 0;
  image-rendering: pixelated;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: calc(32 * var(--px)) calc(32 * var(--px));
}
/* --- /weffect --- */