/*
 * The page around the canvas. One look: the game paints itself into the
 * canvas, so the page only has to hold it full screen and stay out of the way.
 * Dark-mode browsers may rewrite CSS colours (never canvas pixels), so the
 * page declares "light dark" and states its one colour for both.
 */
html,
body {
  margin: 0;
  height: 100%;
  background: #0e8f8c;
  overflow: hidden;
  overscroll-behavior: none;
  -webkit-text-size-adjust: 100%;
}
@media (prefers-color-scheme: dark) {
  html,
  body {
    background: #0e8f8c;
  }
}
.stage {
  position: fixed;
  inset: 0;
}
canvas {
  display: block;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
.sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.noscript {
  position: absolute;
  inset: 40% 24px auto;
  margin: 0;
  color: #fff1d6;
  font: 700 18px/1.4 system-ui, sans-serif;
  text-align: center;
}