/* Town POI dots + in-surface guide arrows (notification bubbles). */

.action-notify-dot {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(var(--gs-u-h) * 1.1);
  height: calc(var(--gs-u-h) * 1.1);
  border-radius: 50%;
  border: 2px solid rgba(8, 6, 4, 0.85);
  pointer-events: none;
  z-index: 2;
  transform: translate(25%, -25%);
}

.action-notify-dot--golden {
  background: linear-gradient(145deg, #f6d56a 0%, #c98a1a 55%, #8f5a0a 100%);
  box-shadow: 0 0 10px rgba(246, 213, 106, 0.55);
}

.action-notify-dot--blocked {
  background: linear-gradient(145deg, #c9a8f0 0%, #8b5cf6 50%, #5b21b6 100%);
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.45);
}

.onscreen-location__icon-frame,
.game-mode-bar__link--hint-host,
.production-slot--expired {
  position: relative;
}

.action-notify-guide {
  position: absolute;
  pointer-events: none;
  color: #e8b84a;
  font-size: calc(var(--gs-u-h) * 0.9);
  line-height: 1;
  z-index: 3;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.65));
}

.action-notify-guide--collect-btn {
  right: calc(var(--gs-u-h) * -0.35);
  top: 50%;
  transform: translateY(-50%);
}

@keyframes action-notify-guide-bounce {
  0%,
  100% {
    transform: translateY(-50%) translateX(0);
  }
  50% {
    transform: translateY(-50%) translateX(4px);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .action-notify-guide--collect-btn {
    animation: action-notify-guide-bounce 1.2s ease-in-out infinite;
  }
}