/* /map/place-objects — the entity layer of the tile game engine. */

.po-scene-img {
  image-rendering: pixelated;
}

/* The icon BOX spans the sprite's full cell height (square, up to 4
   cells) but the frame itself is narrower — hit-test only the image so
   the transparent box never swallows canvas placement clicks beside a
   sprite. Clicks/drags on the img bubble to Leaflet's handlers on the
   box, so select + drag still work. */
.po-marker {
  background: none;
  border: none;
  pointer-events: none;
}
.po-marker .po-marker-img {
  pointer-events: auto;
}
/* Bottom-center inside the icon box: the box is sized to the sprite's
   cell height (see markerIcon in js/place_objects.js) and the anchor
   puts the box bottom on the occupied cell's bottom edge — feet in the
   cell. Width is auto so the frame keeps its own aspect ratio. */
.po-marker-img {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: auto;
  max-width: none;
  image-rendering: pixelated;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
  user-select: none;
}

/* Place-mode active state on the EasyButton (mirrors the painter's). */
.po-edit-easybtn.tp-edit-active {
  background: var(--mantine-color-harbor-6);
  color: white;
}