/*
 * Full-bleed, scroll-free stage. The canvas is the whole page; everything
 * visible is drawn by the shader in shaders.js.
 */
html,
body {
  margin: 0;
  height: 100%;
  background: #000;
  overflow: hidden;
  overscroll-behavior: none;
}

#scene {
  position: fixed;
  inset: 0;
  display: block;
  width: 100vw;
  height: 100vh;
  /* dvh tracks the mobile browser toolbar so the canvas never overflows. */
  height: 100dvh;
  outline: none;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

#scene.over-prism {
  cursor: pointer;
}