/* El Farsante: cartel arriba, la orden (o la cuenta atrás) en grande y los jugadores a la derecha.
   Solo se animan transform y opacity (Bravia). */
.farsante { background: #FFF1D6; }
.fa-centro { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .9rem; text-align: center; }
.fa-cartel { font-size: 2.2rem; font-weight: var(--tg-w-strong); letter-spacing: -.02em; line-height: 1.1; }
.fa-cartel .tg-personaje--linea, .fa-sub .tg-personaje--linea { width: 2rem; height: 2rem; vertical-align: -.4rem; }
.fa-sub { font-size: 1.3rem; color: var(--tg-ink-2); min-height: 1.6rem; }
.fa-medio { min-height: 13rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .6rem; }
.fa-tipo { font-size: 7rem; line-height: 1; }
.fa-tipo-texto { font-size: 2rem; font-weight: var(--tg-w-medium); }
.fa-num { font-size: 9rem; line-height: 1; font-weight: var(--tg-w-strong); color: #B4500E; animation: fa-late .8s var(--tg-ease) both; }
.fa-num--ya { color: var(--tg-primary); }
@keyframes fa-late { 0% { transform: scale(1.8); opacity: 0; } 30% { transform: scale(1); opacity: 1; } 100% { transform: scale(.92); opacity: 1; } }
.fa-chips { display: flex; gap: .8rem; }
.fa-chip { font-size: 2.6rem; background: #fff; border-radius: 1rem; padding: .3rem .8rem; }
/* Votos: cada jugador con las caras de quien le votó, que caen una a una */
.fa-votos { display: flex; flex-wrap: wrap; justify-content: center; gap: .8rem; max-width: 40rem; }
.fa-voto { width: 8.6rem; background: #fff; border-radius: 1.2rem; padding: .6rem .4rem; display: flex; flex-direction: column; align-items: center; gap: .3rem; border: .2rem solid transparent; box-sizing: border-box; }
.fa-voto--mas { border-color: #E07A2E; background: #FFE2CC; }
.fa-voto__nombre { font-size: 1.1rem; font-weight: var(--tg-w-medium); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fa-voto__caras { display: flex; flex-wrap: wrap; justify-content: center; gap: .15rem; min-height: 1.5rem; }
.fa-cae { display: inline-flex; animation: fa-cae .4s var(--tg-ease) both; }
@keyframes fa-cae { from { transform: translateY(-1.5rem) scale(.4); opacity: 0; } to { transform: none; opacity: 1; } }
/* Suspense y descubrimiento */
.fa-sobre { font-size: 9rem; line-height: 1; animation: fa-late-lento 1s ease-in-out infinite alternate; }
@keyframes fa-late-lento { from { transform: scale(.9) rotate(-6deg); } to { transform: scale(1.08) rotate(6deg); } }
.fa-descubre { position: relative; display: inline-flex; animation: fa-gira .6s var(--tg-ease) both; }
@keyframes fa-gira { from { transform: rotateY(90deg) scale(.6); opacity: 0; } to { transform: none; opacity: 1; } }
.farsante .fa-ficha-xl { width: 8rem; height: 8rem; border-width: .3rem; }
.fa-sello { position: absolute; right: -1.2rem; bottom: -.6rem; font-size: 3.4rem; line-height: 1; }
.fa-ordenes { display: flex; flex-direction: column; gap: .3rem; font-size: 1.2rem; color: var(--tg-ink-2); max-width: 40rem; }
.farsante .cl-jugadores { align-self: center; }