* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; background: transparent; overflow: hidden; }
body { font-family: system-ui, sans-serif; }
.stage { position: relative; width: 100%; aspect-ratio: 1; overflow: hidden; cursor: pointer; touch-action: manipulation; }
.stage:focus-visible { outline: 3px solid #2679b3; outline-offset: -3px; }
.canvas-space { position: absolute; top: 0; left: 0; width: 512px; height: 512px; transform-origin: top left; }
canvas, #movement { position: absolute; inset: 0; display: block; }
#movement { display: none; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }