html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #121f38;
  background: radial-gradient(ellipse at 50% 30%, #1d3a63 0%, #121f38 70%);
  touch-action: none;
  overscroll-behavior: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
#wrap {
  position: absolute;
  left: 0;
  top: 0;
  touch-action: none;
}
#game {
  display: block;
  width: 100%;
  height: 100%;
  touch-action: none;
  outline: none;
  cursor: crosshair;
}
#home {
  position: absolute;
  left: calc(10px * var(--s, 1));
  top: calc(12px * var(--s, 1));
  padding: calc(5px * var(--s, 1)) calc(10px * var(--s, 1));
  border-radius: 999px;
  background: rgba(18, 31, 56, 0.55);
  color: #fff;
  font: 700 calc(11px * var(--s, 1)) / 1.2 "Avenir Next", Avenir, "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  letter-spacing: 0.06em;
  text-decoration: none;
  display: none;
}
#home:hover, #home:focus-visible { background: rgba(18, 31, 56, 0.8); }
#home.show { display: block; }
.noscript { color: #fff; font: 700 18px system-ui, sans-serif; text-align: center; margin-top: 40vh; }