:root
{
    --bg: #0e1320;
    --text: #e5e7eb;
    --muted: #9aa4b2;
    --shadow: rgba(0, 0, 0, .35);
    /* Ces variables seront mises à jour par le JS pour la grille */
    --cellW: 40px; /* largeur d’une case (px image) */
    --cellH: 23.01px; /* hauteur d’une case (px image) */
    --offX: 4px; /* décalage X de la grille (px image) */
    --offY: -3px; /* décalage Y de la grille (px image) */
    --grid-color: rgba(0, 0, 0, 0.9);
}

html, body
{
    height: 100%
}

body
{
    margin: 0;
    background: black;
    color: var(--text);
    font: 14px/1.4 system-ui, Segoe UI, Roboto, Arial;
    overflow: hidden
}