/* Terrain / topo background lines overlay */
.light body::before,
[data-theme="light"] body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/terrainLines.png");
  background-size: cover;
  opacity: 0.04;
  pointer-events: none;
  z-index: 0;
}

.dark body::before,
[data-theme="dark"] body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/terrainLines.png");
  background-size: cover;
  filter: invert(1);
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}