html, body {
  height: 100%;
  margin: 0;
  background: #000;
  overflow: hidden;
}

main {
  position: fixed;
  inset: 0;
}

#stage {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 800px;
  height: 800px;
  transform-origin: center center;
  will-change: transform;
}

#stage canvas {
  display: block;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

.controls{position:fixed;z-index:2;top:0;left:0;right:0;display:flex;align-items:center;gap:20px;padding:12px 16px;background:#000c;color:#ddd;font:13px system-ui,sans-serif}.controls a{color:inherit;text-decoration:none}.controls span{margin-right:auto}.controls button{font:inherit;color:inherit;background:#222;border:1px solid #777;border-radius:4px;padding:8px 14px;cursor:pointer}.controls a:focus-visible,.controls button:focus-visible{outline:2px solid #e3efad;outline-offset:4px}noscript{color:white}