:root { color-scheme: dark; background: #05070a; color: #edf0f3; font-family: system-ui, sans-serif; }
* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; }
main { position: fixed; inset: 0; background: radial-gradient(ellipse at 48% 48%, #0c1016 0%, #070a0e 45%, #040609 100%); }
canvas { display: block; width: 100%; height: 100%; touch-action: none; cursor: grab; }
canvas:active { cursor: grabbing; }
canvas:focus { outline: none; }
canvas:focus-visible { outline: 1px solid rgba(195, 220, 242, .25); outline-offset: -6px; }
.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; }
.fallback { position: absolute; inset: 45% 24px auto; text-align: center; font-size: 1rem; }