/* Requested wire mesh: a background, never a replacement cursor or input layer. */
body { isolation: isolate; }
.pointer-mesh {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  background-image:
    linear-gradient(to right, rgb(242 240 233 / 5%) 1px, transparent 1px),
    linear-gradient(to bottom, rgb(242 240 233 / 5%) 1px, transparent 1px);
  background-size: 76px 76px;
}
.pointer-mesh canvas { display: none; width: 100%; height: 100%; }
.pointer-mesh[data-rendered] { background-image: none; }
.pointer-mesh[data-rendered] canvas { display: block; }
/* Keep the quiet, static grid when no hover or less motion is preferred. */
@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  .pointer-mesh[data-rendered] {
    background-image:
      linear-gradient(to right, rgb(242 240 233 / 5%) 1px, transparent 1px),
      linear-gradient(to bottom, rgb(242 240 233 / 5%) 1px, transparent 1px);
  }
  .pointer-mesh[data-rendered] canvas { display: none; }
}
@media (max-width: 699px) {
  .pointer-mesh { background-size: 64px 64px; }
}
@media (forced-colors: active), print {
  .pointer-mesh { display: none; }
}