/* Pistas: rejilla de 4 × 4 dibujos numerados. */
.pistas { background: #EFE9FB; }
.pi-centro { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; }
.pi-cartel { font-size: 1.6rem; max-width: 36rem; font-weight: var(--tg-w-strong); text-align: center; min-height: 2.4rem; }
.pi-cartel .tg-personaje--linea { width: 2rem; height: 2rem; vertical-align: -.45rem; }
.pi-mesa { display: grid; grid-template-columns: repeat(4, 6rem); gap: .5rem; }
.pi-carta { position: relative; height: 4.6rem; border-radius: 1rem; background: #fff; border: .2rem solid #D9CFF0; display: flex; align-items: center; justify-content: center;
  font-size: 2.8rem; line-height: 1; box-sizing: border-box; }
.pi-carta b { position: absolute; left: .4rem; top: .25rem; font-size: 1rem; color: #6B5A93; }
.pi-carta em { position: absolute; right: .3rem; top: .2rem; font-size: 1.3rem; font-style: normal; }
.pi-carta--tesoro { background: #DDF6E6; border-color: #2F9E63; }
.pi-carta--bomba { background: #FFE0DC; border-color: #D64545; }
.pi-carta--nada { opacity: .5; }
/* Quién eligió cada carta: su personaje, medio fuera del borde inferior para no tapar el dibujo */
.pi-quien { position: absolute; bottom: -.7rem; left: 0; right: 0; display: flex; justify-content: center; gap: .1rem; }
.pi-quien__cara { width: 1.4rem; height: 1.4rem; flex: none; }
img.pi-quien__cara { border-radius: 50%; object-fit: cover; border: .08rem solid #fff; }
.pi-mesa { row-gap: 1rem; }