html,
body {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}

body {
  min-width: 100%;
  min-height: 100%;
}

.pixel-gun-test-stage {
  position: fixed;
  inset: 0;
  overflow: hidden;
  background: #000;
}

.pixel-gun-builder {
  position: absolute;
  left: 0;
  top: 0;
  width: 3840px;
  height: 2160px;
  overflow: hidden;
  background: #000;
}

.pixel-gun-builder.pixel-gun-builder-fit {
  left: 50%;
  top: 50%;
  transform-origin: center center;
}

.pixel-gun-builder.pixel-gun-builder-fill {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: none;
}

.pixel-gun-builder canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.pixel-gun-builder-debug {
  position: absolute;
  left: 24px;
  top: 24px;
  z-index: 3;
  padding: 12px 14px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.58);
  color: rgba(255, 255, 255, 0.82);
  font: 22px/1.35 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  pointer-events: none;
  white-space: pre;
}