/* VOIDBLOOM page frame: a dark greenhouse the canvas sits inside. */
* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  background:
    radial-gradient(1200px 700px at 50% 38%, #1d0b31 0%, #0a0514 62%, #040209 100%);
}

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

canvas#game {
  display: block;
  border-radius: 10px;
  box-shadow:
    0 0 0 1px rgba(255, 95, 210, 0.22),
    0 0 64px rgba(120, 40, 180, 0.45),
    0 24px 80px rgba(0, 0, 0, 0.8);
  cursor: crosshair;
  background: #0a0514;
}

#test-result {
  position: fixed;
  left: 8px;
  top: 8px;
  z-index: 10;
  color: #b6ff4d;
  background: rgba(0, 0, 0, 0.75);
  font: 12px/1.5 monospace;
  padding: 8px 10px;
  white-space: pre-wrap;
  max-width: 90vw;
}