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

html, body {
  height: 100%;
  background: #05060a;
  color: #6d7787;
  font: 11px/1.6 ui-monospace, "Cascadia Mono", Consolas, monospace;
  overflow: hidden;
}

#stage {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - 30px);
}

canvas#game {
  display: block;
  image-rendering: pixelated;
  background: #05060a;
  /* Sized by the renderer to an integer multiple of 480x270. */
}

#hint {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 9px;
  color: #3d4655;
  user-select: none;
}