# Escala tipográfica de Juegoland

Se aplica la guía frontend-design con una familia Manrope. Los recursos de marca conservan sus colores azul, rojo, verde y amarillo. La jerarquía tipográfica depende de la función del texto, no del componente que lo contiene.

| Función | Tamaño habitual | Pantallas grandes (desde 1800×900) |
| --- | --- | --- |
| Título de página | 28 px | 32 px |
| Título de sección | 24 px | 28 px |
| Nombre del juego | 20 px | 24 px |
| Nombre de partida, párrafos y acciones | 16 px | 18 px |
| Estado, participantes, datos secundarios y pie | 14 px | 16 px |
| Etiquetas breves | 12 px | 14 px |

La tipografía no se reduce en móvil. Se reorganizan las columnas, los controles y los espacios. El tablero tiene su propia escala geométrica para numeración y fichas.

Los tokens están en src/design.css. Se han corregido también las reglas antiguas de src/app.css para nombres, estados, pendientes, contadores, etiquetas, campo de código y pie. La clase inexistente lobby-name no se utiliza: el título real es lobby-game strong.

La revisión visual usa los mismos CSS y el mismo marcado de los elementos afectados con datos ficticios, en un documento estático bajo artifacts (no se incluye en el despliegue). Se ha medido la escala calculada en navegador y comprobado el desbordamiento en móvil. El aviso de condiciones se ha comprobado en la aplicación real, sin aceptar en nombre del usuario.