:root { color-scheme: light; background: #f4e8cc; }
* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; overscroll-behavior: none; }
body { font-family: Georgia, serif; }
canvas { display: block; width: 100%; height: 100%; touch-action: none; user-select: none; -webkit-user-select: none; cursor: grab; }
canvas.pointing { cursor: pointer; }
canvas.holding, canvas.panning { cursor: grabbing; }
.accessible { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
noscript { position: absolute; inset: 30% 15%; font-size: 1.5rem; text-align: center; }