/* The app draws everything on the canvas (see assets/ui.zon for its look). This only
   sizes the canvas and colors the page behind it until the first frame. */
:root { color-scheme: light; --board: #ffffff; --ink: #2b2723; font: 12px system-ui, sans-serif; color: var(--ink); background: var(--board); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) { color-scheme: dark; --board: #121110; --ink: #ece6dc; }
}
:root[data-theme=dark] { color-scheme: dark; --board: #121110; --ink: #ece6dc; }
body { margin: 0; background: var(--board); }
main { position: relative; height: 100vh; height: 100dvh; overflow: hidden; }
canvas { display: block; width: 100%; height: 100%; touch-action: none; outline: none; }
#status { position: absolute; left: 16px; bottom: 12px; margin: 0; }
#status:empty { display: none; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }