/* Colores locos: carta grande en la mesa, mazo y color activo. */
.colores { background: #1F3B5C; color: #fff; }
.colores .cl-jugador { color: var(--tg-ink); }
.co-centro { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2rem; }
.co-cartel { font-size: 2.4rem; font-weight: var(--tg-w-strong); text-align: center; min-height: 2.8rem; }
.co-cartel .tg-personaje--linea { width: 2.4rem; height: 2.4rem; vertical-align: -.5rem; }
.co-mesa { display: flex; align-items: center; gap: 2.5rem; }
.co-mazo { width: 7rem; height: 10rem; border-radius: 1rem; background: repeating-linear-gradient(45deg, #333 0 .5rem, #4a4a4a .5rem 1rem); border: .25rem solid #fff;
  display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 1.4rem; box-sizing: border-box; }
.co-mazo span { font-size: 3rem; line-height: 1; }
.co-carta { position: relative; width: 11rem; height: 15.5rem; border-radius: 1.3rem; background: var(--c); border: .4rem solid #fff; box-sizing: border-box;
  display: flex; align-items: center; justify-content: center; color: var(--ct, #fff); }
.co-n { font-size: 6.5rem; font-weight: var(--tg-w-strong); line-height: 1; }
.co-esq { position: absolute; left: .6rem; top: .4rem; font-size: 1.6rem; font-weight: var(--tg-w-strong); }
.co-color { display: flex; flex-direction: column; align-items: center; gap: .5rem; font-size: 1.2rem; }
.co-color i { font-style: normal; font-size: 1.4rem; font-weight: var(--tg-w-strong); padding: .5rem 1.2rem; border-radius: 1rem; border: .2rem solid #fff; }