/* ============================================================
   art.css — usa as artes reais quando existirem (emoji é reserva)
   Coloque os PNGs em:
     assets/img/cartas/<CODIGO>.png   (ex.: N01.png, A08.png, E03.png)
     assets/img/classes/<classe>.png  (nerd.png, torcedor.png, agiota.png, fazendeiro.png)
   ============================================================ */

/* janela de arte da carta */
.gc .art{ position:relative; overflow:hidden; }
.gc .art .emo{ position:absolute; inset:0; display:grid; place-items:center; }
.gc .art img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }

/* arte do personagem na mesa */
.unit .uart{ position:relative; overflow:hidden; }
.unit .uart .emo{ position:absolute; inset:0; display:grid; place-items:center; }
.unit .uart img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }

/* retrato de classe (seleção e tiles) */
.classpick .port{ position:relative; overflow:hidden; }
.classpick .port .emo{ position:absolute; inset:0; display:grid; place-items:center; }
.classpick .port img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }