/* ==========================================================================
   L'océan des ombres — 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, qui
   gêneraient le glisser-déposer sur tablette.
   ========================================================================== */

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

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #04223f;              /* bandes hors format 960x620 */
  overflow: hidden;
  overscroll-behavior: none;
  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;               /* indispensable : le doigt fait glisser */
  cursor: grab;
}

#jeu:active {
  cursor: grabbing;
}

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