/* Smooth popup animation */
.leaflet-popup-content-wrapper {
  background: #2b2b2b;
  color: #fff;
  border-radius: 12px;
  border: 2px solid #ff8800;
  padding: 8px;
  font-family: "Trebuchet MS", sans-serif;
  animation: fadeIn 0.35s ease-in-out;
}
@keyframes fadeIn {
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0); }
}
.popup-title {
  font-size: 18px;
  font-weight: bold;
  color: #ffcc00;
  text-shadow: 1px 1px 2px #000;
  margin-bottom: 5px;
  display: block;
}
.popup-candy {
  font-size: 14px;
  margin-top: 6px;
}
.popup-candy span {
  font-weight: bold;
  color: #ff7700;
}
.popup-king {
  background: #ffcc00;
  color: #000;
  padding: 3px 6px;
  font-weight: bold;
  border-radius: 6px;
  margin-top: 8px;
  display: inline-block;
  animation: pulse 1.2s infinite;
}
@keyframes pulse {
  50% { transform: scale(1.18); }
}
.popup-empty {
  background: #b80000;
  color: white;
  font-weight: bold;
  padding: 3px 6px;
  border-radius: 6px;
  margin-top: 8px;
  display: inline-block;
  animation: shake 0.6s ease-in-out infinite;
}
@keyframes shake {
  50% { transform: rotate(-4deg); }
}
.marker-cluster {
  animation: clusterPop 0.3s ease-out;
}
@keyframes clusterPop {
  0% { transform: scale(0.6); }
  100% { transform: scale(1); }
}
.leaflet-popup-tip {
  background: #ff8800;
}