/* The fine signal map is painted once; only a tiny activity canvas changes. */
.lattice {
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  opacity:0;
  pointer-events:none;
  transition:opacity 520ms ease;
}
.lattice { display:block; }
.lattice-field.lattice-active { opacity:.55; }
.lattice-activity.lattice-active { opacity:.7; }
@media(max-width:760px) {
  .lattice-field.lattice-active { opacity:.43; }
  .lattice-activity.lattice-active { opacity:.55; }
}
@media(prefers-reduced-motion:reduce) {
  .lattice { transition:none; }
}