.map-container .ump-root {
  background:
    radial-gradient(circle at 18% 18%, rgba(91, 114, 255, 0.18), transparent 28%),
    radial-gradient(circle at 82% 12%, rgba(115, 213, 255, 0.14), transparent 26%),
    linear-gradient(180deg, rgba(6, 9, 28, 0.98), rgba(12, 18, 42, 0.96));
}

.map-container .ump-control-btn {
  background: rgba(12, 15, 40, 0.9);
  color: var(--text-main);
  border: 1px solid rgba(142, 197, 252, 0.45);
}

.map-container .ump-control-btn:hover:not(:disabled) {
  background: rgba(24, 28, 72, 0.96);
}

.map-container .ump-attribution {
  background: rgba(7, 10, 26, 0.78);
  color: rgba(230, 235, 255, 0.82);
  border: 1px solid rgba(123, 152, 255, 0.16);
}

.map-container .ump-marker {
  position: relative;
  background: radial-gradient(circle at 35% 30%, #ffffff 0%, #dce9ff 28%, #8fb6ff 52%, #5877ff 72%, #3947b9 100%);
  border: 2px solid rgba(255, 255, 255, 0.8);
  box-shadow:
    0 10px 18px rgba(4, 6, 18, 0.56),
    0 0 0 3px rgba(255, 255, 255, 0.16),
    0 0 16px rgba(120, 170, 255, 0.55);
}

.map-container .ump-marker::after {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.45) 45%, rgba(255, 255, 255, 0) 70%);
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.7);
}