* { margin:0; padding:0; box-sizing:border-box; }
html, body {
  width: 100%; height: 100%;
  overflow: hidden;
  background: #2a2520;
  font-family: 'Patrick Hand', cursive;
}
canvas {
  display: block;
  position: absolute;
  top: 0; left: 0;
}
#ui-overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  pointer-events: none;
  z-index: 10;
}
footer {
  position: fixed;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  font-family: 'Patrick Hand', cursive;
  font-size: 12px;
}
footer a {
  color: #8b7d6b;
  text-decoration: none;
  opacity: 0.6;
}
footer a:hover { opacity: 1; }