/* =======================================
   EASTER EGGS
======================================= */

/* Tooltip */
.ps-tooltip {
  position: fixed;
  bottom: 30px;          /* gleiche Position wie Score-Popup */
  left: 50%;
  transform: translateX(-50%) scale(1);
  background: rgba(25, 35, 25, 0.95);
  border: 1px solid #4cff47;
  padding: 10px 16px;
  border-radius: 10px;
  color: #e6ffe6;
  font-size: 0.95rem;
  box-shadow: 0 0 12px rgba(76,255,71,0.5);
  z-index: 500;
  display: none;
}


.ps-logo-area.show-tooltip .ps-tooltip {
  display: block;
}

/* Score Popup */

.ps-message-popup {
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%) scale(0.9);
  background: rgba(25, 35, 25, 0.95);
  border: 1px solid #4cff47;
  padding: 10px 16px;
  border-radius: 10px;
  color: #e6ffe6;
  font-size: 0.95rem;
  opacity: 0;
  transition: all 0.3s ease;
  box-shadow: 0 0 12px rgba(76,255,71,0.5);
  z-index: 300;
}

.ps-message-popup.visible {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}


/* ====================================
   Creeper Explosion Animation
==================================== */

@keyframes creeper-explosion-pulse {
  0%   { transform: scale(1);     box-shadow: 0 0 0px rgba(0,255,100,0.0); }
  20%  { transform: scale(1.05);  box-shadow: 0 0 20px rgba(0,255,100,0.6); }
  40%  { transform: scale(0.95);  box-shadow: 0 0 30px rgba(0,255,100,0.8); }
  60%  { transform: scale(1.1);   box-shadow: 0 0 40px rgba(0,255,100,0.5); }
  80%  { transform: scale(0.9);   box-shadow: 0 0 20px rgba(0,255,100,0.3); }
  100% { transform: scale(1);     box-shadow: 0 0 0px rgba(0,255,100,0.0); }
}

.creeper-explosion {
  animation: creeper-explosion-pulse 0.9s ease-out forwards;
}

#secret-overlay .overlay-content {
  background: #102010;
  box-shadow: 0 0 25px rgba(0,255,80,0.6);
  border: 1px solid #4cff47;
}