/* La scène occupe toute la fenêtre, sans barres de défilement (E11). */
html,
body {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #1d1f1c;
  color: #d8d4c8;
  font-family: system-ui, sans-serif;
}

#scene,
#scene canvas {
  position: fixed;
  inset: 0;
  display: block;
}

#etat {
  position: fixed;
  top: 12px;
  left: 12px;
  display: flex;
  gap: 16px;
  padding: 6px 10px;
  border-radius: 4px;
  background: rgb(0 0 0 / 55%);
  font-size: 14px;
}

#etat-connexion[data-etat="ouvert"] { color: #9fc27a; }
#etat-connexion[data-etat="ferme"] { color: #d7a34d; }
#etat-connexion[data-etat="version"] { color: #e0674f; }

#plein-ecran {
  position: fixed;
  top: 12px;
  right: 12px;
  padding: 6px 12px;
  border: 1px solid #6b6a60;
  border-radius: 4px;
  background: rgb(0 0 0 / 55%);
  color: inherit;
  font: inherit;
  font-size: 14px;
  cursor: pointer;
}

#plein-ecran[hidden] {
  display: none;
}