/* World Map Styles */
#world-map-root {
  width: 100%;
  min-height: 400px;
  margin: 2rem auto;
  position: relative;
  background: #fff;
}

#world-map-root svg {
  display: block;
  margin: 0 auto;
}

.continent {
  transition: fill 0.3s ease;
  fill: #e9ecef;
  stroke: #dee2e6;
  stroke-width: 0.5;
}

.continent:hover {
  fill: #cfe2ff !important;
}

.marker-pulse {
  transform-origin: center;
  transform-box: fill-box;
}

.map-tooltip {
  font-size: 14px;
  line-height: 1.4;
  transition: all 0.2s ease-in-out;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 0.4;
  }
  70% {
    transform: scale(2);
    opacity: 0;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}