/* Minimal styles for map overlay elements, relying mostly on canvas now */
.map-object {
  /* Objects are rendered on canvas, this is fallback/interaction layer */
  pointer-events: none;
}

.map-object.desk {
  background-color: #8B4513;
  border: 1px solid #5a2d0c;
  height: 80%;
  width: 90%;
  top: 10%;
  left: 5%;
  border-radius: 2px;
}

.map-object.crate {
  background-color: #deb887;
  border: 1px solid #a08460;
  height: 70%;
  width: 70%;
  top: 15%;
  left: 15%;
  border-radius: 3px;
}

.guard-marker {
  /* Guards are rendered on canvas, but if DOM elements exist: */
  border: 2px solid #ff6b6b;
  background-color: rgba(255, 107, 107, 0.2);
  border-radius: 50%;
  color: white;
  font-family: monospace;
  display: flex;
  align-items: center;
  justify-content: center;
}

.guard-marker.simulating {
  transition: left 0.45s linear, top 0.45s linear;
}