/**
 * WorldMap Component Styles
 */

.world-map-container {
  margin-bottom: var(--spacing-md, 12px);
}

.world-map {
  position: relative;
  width: 100%;
  aspect-ratio: 2 / 1;
  background: linear-gradient(180deg, var(--surface-base) 0%, #0d1f30 100%);
  border-radius: 4px;
  overflow: hidden;
  cursor: crosshair;
}

.world-map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.85;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

.world-map-marker {
  position: absolute;
  transform: translate(-50%, -100%);
  font-size: 1.5em;
  filter: drop-shadow(0 2px 4px var(--surface-scrim));
  pointer-events: none;
  z-index: 10;
}

.world-map-hint {
  text-align: center;
  font-size: 0.8em;
  color: var(--color-text-muted, var(--text-secondary));
  margin-top: 4px;
}

/* Hover effect */
.world-map:hover {
  background: linear-gradient(180deg, var(--surface-highlight) 0%, #0d1f30 100%);
}

/* Disabled state */
.world-map.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.world-map.disabled .world-map-hint {
  display: none;
}