/* Tótem: el tótem en el centro y las cartas de cada jugador alrededor. */
.totem { background: #F5ECE1; }
.to-centro { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .8rem; }
.to-cartel { font-size: 2.4rem; font-weight: var(--tg-w-strong); letter-spacing: -.02em; }
.to-cartel .tg-personaje--linea { width: 2.4rem; height: 2.4rem; vertical-align: -.5rem; }
.to-mesa { display: flex; flex-direction: column; align-items: center; gap: 1.2rem; }
.to-totem { font-size: 4.6rem; line-height: 1; }
.to-cartas { display: flex; gap: 1.6rem; }
.to-jugador { display: flex; flex-direction: column; align-items: center; gap: .4rem; }
.to-carta { width: 8rem; height: 9.6rem; border-radius: 1.2rem; background: #fff; border: .25rem solid #D9C3A5; display: flex; align-items: center; justify-content: center; font-size: 6rem; line-height: 1; }
.to-carta--gana { border-color: var(--tg-online); background: #E3F8EA; }
.to-carta--falla { border-color: var(--tg-error); background: #FDE6E4; }
.to-nombre { font-size: 1.2rem; font-weight: var(--tg-w-medium); }
.to-nombre .tg-personaje--linea { width: 1.4rem; height: 1.4rem; }
.to-puntos { font-size: 1.6rem; font-weight: var(--tg-w-strong); }
.to-forma { display: block; width: 5rem; height: 5rem; }
.to-forma--circulo { border-radius: 50%; }
.to-forma--cuadrado { border-radius: .5rem; width: 4.6rem; height: 4.6rem; }
.to-forma--triangulo { clip-path: polygon(50% 4%, 100% 96%, 0 96%); width: 5.4rem; }