/* =====================================================================
   ARTE REDUZIDA SEM SERRILHADO (03/10)
   ---------------------------------------------------------------------
   Relato: "algumas imagens meio que estouraram no jogo, tipo a de
   habilidade Golpe giratório" (monitor maior). Medido com
   tools/audit/imagens-reduzidas.mjs em 2560, 1920, 1366@2x e celular @3x:
   TODA imagem com `image-rendering:pixelated` estava sendo REDUZIDA —
   ícone de skill 200×200 em 33 px, personagem 1024×1024 em 66–470 px,
   pet 768×768 em 31–79 px, ícones da Forja 200×200 em 18–24 px.
   `pixelated` é vizinho-mais-próximo: ao reduzir ele joga fora linhas
   inteiras da arte e as bordas serrilham (o mesmo defeito da Fase 80, que
   só tinha sido corrigido no herói da arena).

   Aqui todas as imagens passam a usar o filtro suave do navegador (o
   equivalente ao mipmap: reduz com média dos pixels). Nada no jogo é
   AMPLIADO além do tamanho real hoje; se um dia uma arte em pixel precisar
   ser ampliada com bloco nítido, marque-a com `data-pixel`.
   Não mexe em tamanho nem posição (calibração intacta). */
:root img:not([data-pixel]),
:root .character-sprite:not([data-pixel]){image-rendering:auto!important}

/* PEÇA DE SET EM PIXEL NA LOJA (03/10). As peças de set são pixel art de
   256 px; na vitrine da Jornada do Arcanjo apareciam com 180 px (0,7×):
   tamanho quebrado serrilha (pixelated) ou borra (suave). Agora a peça
   ocupa um tamanho EXATO em pixels da tela: 256 reais em telas 1,5x, 2x e
   3x (filtro de pixel = cópia exata) e 128 reais (metade, filtro suave tira
   a média certa) numa tela comum. Telas com outro zoom ficam com o suave.
   O game.js marca a classe só quando a arte tem até 256 px (arma de 1024
   continua como era). */
.loja-destaque-arte img.loja-arte-pixel{width:128px;height:128px;max-height:none}
@media (min-resolution:1.5dppx) and (max-resolution:1.5dppx){
  :root .loja-destaque-arte img.loja-arte-pixel{width:calc(256px / 1.5);height:calc(256px / 1.5);image-rendering:pixelated!important}
}
@media (min-resolution:2dppx) and (max-resolution:2dppx){
  :root .loja-destaque-arte img.loja-arte-pixel{image-rendering:pixelated!important}
}
@media (min-resolution:3dppx) and (max-resolution:3dppx){
  /* celular 3x: 85,33 px = 256 pixels reais (a vitrine do celular é pequena) */
  :root .loja-destaque-arte img.loja-arte-pixel{width:calc(256px / 3);height:calc(256px / 3);image-rendering:pixelated!important}
}
@media (max-width:760px) and (max-resolution:1.99dppx){
  .loja-destaque-arte img.loja-arte-pixel{width:96px;height:96px}
}