* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  width: 100%; height: 100%;
  background: #5A1CC5 url('back_horizontal.png') center center / cover no-repeat;
  display: flex; align-items: center; justify-content: center;
  overflow: hidden;
  touch-action: none;
}

#dim {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.5);
  pointer-events: none;
  z-index: 1;
}

#wrap {
  position: relative;
  z-index: 2;
}

#wrap {
  display: flex; align-items: center; justify-content: center;
}

canvas {
  display: block;
  image-rendering: pixelated;
}