/* Page that wraps each demo (shown inside the iframe on the genre page). */
html,
body {
  margin: 0;
  height: 100%;
  background: #0f1230;
  overflow: hidden;
  touch-action: none;
}
canvas {
  display: block;
}
.touch {
  position: fixed;
  inset: auto 0 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.6rem;
  pointer-events: none;
}
.touch button {
  pointer-events: auto;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  border: 2px solid #ffffff88;
  background: #ffffff22;
  color: #fff;
  font-size: 1.3rem;
  user-select: none;
  -webkit-user-select: none;
}
.touch button[data-side="right"] {
  margin-left: auto;
}