/* ==========================================================================
   Le grand collecteur — feuille de style
   Le rendu est entièrement fait au canvas : le CSS place la surface de jeu
   en plein écran et neutralise les gestes par défaut du navigateur, gênants
   sur tablette (défilement, zoom, surbrillance d'appui).
   ========================================================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #141a1e;              /* bandes hors format 900x600 */
  overflow: hidden;
  overscroll-behavior: none;        /* pas de "pull to refresh" */
  touch-action: manipulation;       /* appuis immédiats, pas de zoom double-tap */
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

#jeu {
  display: block;
  width: 100%;
  height: 100%;
  touch-action: none;               /* les appuis sont gérés par le jeu */
  cursor: pointer;                  /* les tuyaux se cliquent */
}

canvas {
  max-width: 100vw;
  max-height: 100vh;
}