/* Ajedrez: tablero de 8 × 8 (2.95 rem por casilla) y columna con los dos jugadores. */
.ajedrez { background: #EDE6DA; justify-content: center; gap: 2rem; }
.aj-tablero { display: grid; grid-template-columns: repeat(8, 2.95rem); grid-template-rows: repeat(8, 2.95rem); align-self: center; border: .3rem solid #5A3E2B; border-radius: .4rem; }
.aj-c { position: relative; display: flex; align-items: center; justify-content: center; }
.aj-c--cla { background: #F0D9B5; }
.aj-c--osc { background: #B58863; }
.aj-c--ultima.aj-c--cla { background: #F2E68A; }
.aj-c--ultima.aj-c--osc { background: #D9C25A; }
.aj-c--jaque { background: #E5484D !important; }
.aj-p { font-size: 2.45rem; line-height: 1; font-weight: 400; }
.aj-p--w { color: #FFFFFF; -webkit-text-stroke: .08rem #1F1F1F; }
.aj-p--b { color: #1F1F1F; }
.aj-fila, .aj-col { position: absolute; font-style: normal; font-size: .65rem; font-weight: var(--tg-w-strong); color: #5A3E2B; }
.aj-fila { left: .15rem; top: .1rem; }
.aj-col { right: .2rem; bottom: .05rem; }
.aj-lado { width: 22rem; display: flex; flex-direction: column; justify-content: center; gap: 1.2rem; }
.aj-jugador { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem; background: #fff; border-radius: 1rem; padding: .7rem 1rem; border: .15rem solid transparent; }
.aj-jugador--activo { border-color: var(--tg-primary); background: var(--tg-primary-soft); }
.aj-color { font-size: 2.2rem; line-height: 1; }
.aj-color--w { color: #fff; -webkit-text-stroke: .07rem #1F1F1F; }
.aj-nombre { font-size: 1.3rem; font-weight: var(--tg-w-medium); flex: 1; }
.aj-nombre .tg-personaje--linea { width: 1.5rem; height: 1.5rem; vertical-align: -.35rem; }
.aj-turno { font-size: 1.4rem; }
.aj-comidas { width: 100%; font-size: 1.4rem; min-height: 1.6rem; letter-spacing: -.1rem; }
.aj-comidas--w { color: #fff; -webkit-text-stroke: .05rem #1F1F1F; }
.aj-cartel { font-size: 1.8rem; font-weight: var(--tg-w-strong); text-align: center; }
.aj-publico { font-size: 1.1rem; color: var(--tg-muted); text-align: center; }
.aj-publico .tg-personaje--linea { width: 1.3rem; height: 1.3rem; vertical-align: -.3rem; }
