/* page plein écran */
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #000;
  font-family: system-ui, sans-serif;
}

/* conteneur plein écran */
.wrap {
  position: relative;
  width: 100vw;
  height: 100dvh;
}

/* le SVG occupe tout l’écran */
#viz {
  position: absolute;
  inset: 0; /* top:0 right:0 bottom:0 left:0 */
  width: 100%;
  height: 100%;
  display: block;
}

button {
  background: #0e0e12;
  color: #e7ebff;
  border: 1px solid #31344b;
  padding: 8px 12px;
  border-radius: 10px;
  cursor: pointer;
}
button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

audio {
  max-width: min(56vw, 520px);
}

.warn {
  color: #ff7a7a;
  font-size: 12px;
  display: none;
  margin-left: 8px;
}