/* Decorative, viewport-sized canvas. Keep content in a positioned layer above it. */
:where(canvas[data-glyph-field], canvas#glyphfield) {
  position: fixed;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse) {
  :where(canvas[data-glyph-field], canvas#glyphfield) { display: none; }
}