/* Standalone /game/ shell — the no-JS fallback for the home page's overlay. */

html,
body {
  margin: 0;
  height: 100%;
  overflow: hidden;
  background: #000;
  font-family:
    -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI", Roboto, system-ui, sans-serif;
}

#glcanvas {
  display: block;
  width: 100vw;
  height: 100vh;
  outline: none;
  /* The game handles its own touches; stop the browser panning and pinch-zooming over it. */
  touch-action: none;
}

.back {
  position: absolute;
  top: max(1rem, env(safe-area-inset-top));
  right: max(1rem, env(safe-area-inset-right));
  padding: 0.5rem 1.1rem;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 980px;
  background: rgba(0, 0, 0, 0.45);
  color: #f5f5f7;
  font-size: 0.9rem;
  text-decoration: none;
}

.back:hover {
  border-color: #64d2ff;
  color: #64d2ff;
}