/* La Trola: la pregunta arriba y las opciones en tarjetas; al destapar, sello de TROLA o VERDAD. */
.trola { background: #FFF1D6; }
.tr-centro { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .8rem; padding: 0 .6rem; }
/* Centrado vertical que, si no cabe, no corta por arriba. */
.tr-centro > :first-child, .tr-centro--apretado > .tr-pregunta { margin-top: auto; }
.tr-centro > :last-child { margin-bottom: auto; }
/* Muchas opciones (7 o más jugadores): todo un poco más compacto para que quepa. */
.tr-centro--apretado { gap: .5rem; }
.tr-centro--apretado .tr-pregunta { font-size: 1.7rem; }
.tr-centro--apretado .tr-sub { font-size: 1.1rem; min-height: 0; }
.tr-centro--apretado .tr-opcion { min-height: 0; padding: .4rem .6rem; }
.tr-centro--apretado .tr-opciones { gap: .5rem; }
.tr-centro--apretado .tr-tipo { display: none; }
.tr-centro--apretado .tr-opcion__txt { font-size: 1rem; }
.tr-centro--apretado .tr-pie { gap: .5rem; flex-wrap: nowrap; overflow: hidden; }
.tr-centro--apretado .tr-quien__txt { display: none; }
.tr-tipo { font-size: 1.2rem; font-weight: var(--tg-w-medium); color: #8A4B00; text-align: center; }
.tr-doble { color: #C2366B; }
.tr-pregunta { font-size: 2.3rem; font-weight: var(--tg-w-strong); letter-spacing: -.02em; line-height: 1.15; text-align: center; }
.tr-hueco { display: inline-block; min-width: 5rem; border-bottom: .2rem solid currentColor; padding: 0 .3rem; }
.tr-hueco--lleno { color: #1F7A45; border-color: #1F7A45; }
.tr-sub { font-size: 1.3rem; font-weight: var(--tg-w-medium); text-align: center; line-height: 1.25; min-height: 1.6rem; }
.tr-opciones { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }
.tr-opciones--muchas { grid-template-columns: 1fr 1fr 1fr; }
.tr-opcion { position: relative; background: #fff; border-radius: 1rem; padding: .6rem .9rem; min-height: 3.6rem; display: flex; flex-direction: column; justify-content: center; gap: .2rem;
  border: .2rem solid #F2D59B; transition: transform .3s var(--tg-ease), opacity .3s; }
.tr-opcion__txt { font-size: 1.35rem; font-weight: var(--tg-w-medium); line-height: 1.15; }
.tr-opciones--muchas .tr-opcion__txt { font-size: 1.1rem; }
.tr-pie { display: flex; flex-wrap: wrap; align-items: center; gap: .2rem .8rem; }
.tr-pie:empty, .tr-opcion:not(.tr-opcion--trola):not(.tr-opcion--verdad) .tr-pie { display: none; }
.tr-sello { display: none; font-size: 1rem; font-weight: var(--tg-w-strong); align-items: center; gap: .3rem; }
.tr-quien { display: flex; flex-wrap: wrap; align-items: center; gap: .2rem; font-size: 1rem; font-weight: var(--tg-w-medium); }
.tr-quien:empty { display: none; }
.tr-opcion--trola { background: #FDE8E0; border-color: #D9643A; transform: rotate(-1deg); }
.tr-opcion--trola .tr-opcion__txt { text-decoration: line-through; text-decoration-thickness: .12rem; }
.tr-opcion--trola .tr-sello { display: flex; color: #B23F17; }
.tr-opcion--verdad { background: #E3F8EA; border-color: var(--tg-online); transform: scale(1.06); }
.tr-opcion--verdad .tr-sello { display: flex; color: #1F7A45; }
.tr-centro--apretado .tr-quien { border-left: .1rem solid #B9A88A; padding-left: .4rem; }