:root {
  --text-color: #111;      /* texte principal (noir) */
  --text-alt:   #333;      /* variantes légèrement plus claires */
  --bg:         #fff;      /* fond blanc */
}

/* Corps de page */
html, body {
  height: 100%;
  margin: 0;
  background: var(--bg);
  color: var(--text-color);
  font-family: ui-monospace, Menlo, Consolas, "Courier New", monospace;
}

/* Canvas : plein écran, fond blanc */
canvas {
  position: fixed;
  inset: 0;
  display: block;
  background: var(--bg);
}

/* Texte d’aide en bas de page */
.hint {
  position: fixed;
  left: 10px;
  bottom: 10px;
  color: var(--text-alt);
  font: 12px/1 ui-monospace, Menlo, Consolas, monospace;
  opacity: 0.8;
}