/* Pixel Pet Studio – Territory Overlay Styles */

:root {
  /* Overall solidity for territory colors (0–1). Increase for more solid blobs. */
  --pps-territory-alpha: 0.80;
  --pps-territory-border-alpha: 0.55;
}

/* Generic overlay layer */
.pps-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

/* Territory canvas overlay */
.pps-overlay--territory {
  opacity: 1;                 /* keep at 1; RGBA alpha is handled in JS */
  image-rendering: pixelated; /* makes the grid crisp at all zooms */
  mix-blend-mode: normal;     /* try multiply / overlay / screen for different looks */
}

/* Example: if you ever add div-based cells, you can style them like this */
.pps-territory-cell {
  border-radius: 2px;
  box-shadow: 0 0 2px rgba(0,0,0,0.35);
}