/* Original, clipped cosmetic accents. Cell dimensions, terrain and interactions stay unchanged. */
.world-map-grid .map-terrain-decor {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  contain: paint;
  pointer-events: none;
  user-select: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-terrain-decor.map-decor-stones-1 { background-image: url('original/map-stones-1.svg'); }
.map-terrain-decor.map-decor-stones-2 { background-image: url('original/map-stones-2.svg'); }
.map-terrain-decor.map-decor-ridge-1 { background-image: url('original/map-ridge-1.svg'); }
.map-terrain-decor.map-decor-ridge-2 { background-image: url('original/map-ridge-2.svg'); }
.map-terrain-decor.map-decor-copse-1 { background-image: url('original/map-copse-1.svg'); }
.map-terrain-decor.map-decor-copse-2 { background-image: url('original/map-copse-2.svg'); }
.map-terrain-decor.map-decor-ripples-1 { background-image: url('original/map-ripples-1.svg'); }
.map-terrain-decor.map-decor-ripples-2 { background-image: url('original/map-ripples-2.svg'); }
.map-terrain-decor.map-decor-reeds { background-image: url('original/map-reeds.svg'); }
/* Water accents follow the existing coastline fade instead of spilling onto dry ground. */
.map-terrain-decor.map-decor-water {
  --decor-n: linear-gradient(#000, #000);
  --decor-e: linear-gradient(#000, #000);
  --decor-s: linear-gradient(#000, #000);
  --decor-w: linear-gradient(#000, #000);
  mask-image: var(--decor-n), var(--decor-e), var(--decor-s), var(--decor-w);
  mask-composite: intersect;
  -webkit-mask-image: var(--decor-n), var(--decor-e), var(--decor-s), var(--decor-w);
  -webkit-mask-composite: source-in;
}
.map-terrain-decor.map-decor-edge-n { --decor-n: linear-gradient(to bottom, transparent, #000 9px); }
.map-terrain-decor.map-decor-edge-e { --decor-e: linear-gradient(to left, transparent, #000 9px); }
.map-terrain-decor.map-decor-edge-s { --decor-s: linear-gradient(to top, transparent, #000 9px); }
.map-terrain-decor.map-decor-edge-w { --decor-w: linear-gradient(to right, transparent, #000 9px); }
/* Defensive exclusion if a future renderer reuses a formerly empty tile for a village. */
.world-map-grid .map-settlement > .map-terrain-decor,
.world-map-grid [data-village-id] > .map-terrain-decor { display: none; }