Materiais da marca

Cores

:root{
  --verde-banca:#0B5D3B;
  --verde-mesa:#06301F;
  --ouro:#D9A72C;
  --ouro-claro:#F0CB6B;
  --papel:#F5EFE0;
  --carimbo:#A8321F;
}

O carimbo é só semântico: premiado, erro, alerta. Nunca decorativo.

Fontes

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bitter:wght@700;800&family=Karla:wght@400;500;700&family=Roboto+Mono:wght@400;500&display=swap">

--fonte-titulo: 'Bitter', Georgia, serif;
--fonte-texto:  'Karla', system-ui, sans-serif;
--fonte-numero: 'Roboto Mono', ui-monospace, monospace;

Todo número do jogo (grupo, dezena, milhar, valor) sai na monoespaçada com font-variant-numeric: tabular-nums, para alinhar em coluna.

Favicon e ícone

<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon-32.png" sizes="32x32">
<link rel="apple-touch-icon" href="/favicon-192.png">

Use pule-de-ouro-favicon.svg e os PNG de 32 e 192 px. Abaixo de 32 px a pule perde definição, por isso a versão favicon é só a pegada dentro do anel.

Regras que não podem quebrar

Nunca use "PULE" sozinho sem "DE OURO" — vira o verbo pular. Nunca troque a cor do círculo do selo. Nunca recrie o logotipo em outra fonte: use os arquivos. O manual detalha o resto.