/* Game screen (levels#show): a full-bleed canvas under the Menu button, the feedback toasts,
   the dialogue and the overlays (hud.css, dialogue.css, overlays.css). */

body.is-stage {
  overflow: hidden;
  overscroll-behavior: none;
}

.stage {
  position: relative;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  /* Seen before the game draws its first frame. */
  background:
    linear-gradient(180deg, rgba(8, 11, 17, 0.55), rgba(8, 11, 17, 0.9)),
    linear-gradient(var(--universe-tint, transparent), var(--universe-tint, transparent)),
    var(--universe-art, none) center / cover no-repeat,
    var(--universe-deep, var(--void));
  background-blend-mode: normal, color, normal, normal;
}

/* The game sizes its renderer to this CSS box. */
.stage__canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  touch-action: none;
}

.stage__canvas:focus-visible {
  outline: none;
}