/* toast */
.halloween-toast {
  position: fixed;
  right: 18px;
  top: 18px;
  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  z-index: 10001;
  font-size: 13px;
  opacity: 0;
  transform: translateY(0);
  animation: toast-appear 2.2s forwards;
  box-shadow: 0 0 10px rgba(255,140,0,0.7);
}
.halloween-toast.error { background: rgba(180,20,20,0.95); }
.halloween-toast.success { background: rgba(20,140,20,0.9); }

@keyframes toast-appear {
  0% { opacity: 0; transform: translateY(-10px); }
  10% { opacity: 1; transform: translateY(0); }
  90% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-10px); }
}

/* floating +N / -N */
.halloween-changepop {
  position: fixed;
  z-index: 10002;
  pointer-events: none;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0,0,0,0.8);
  background: rgba(0,0,0,0.6);
  padding: 4px 8px;
  border-radius: 6px;
  transform-origin: center;
  transition: all 0.45s ease;
  animation: changepop-float 0.9s forwards;
}

@keyframes changepop-float {
  0% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-20px); }
}

/* figurák animáció */
.halloween-figure {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  animation: figure-float 4s ease-in-out infinite alternate;
  border: none;          /* eltávolítja a keretet */
  outline: none;         /* eltávolítja a fókusz keretet */
  background: transparent; /* biztosítja az átlátszó hátteret */
  display: block;        /* blokk szintű megjelenés, nincs alapértelmezett inline space */
}

.halloween-figure:hover {
  transform: scale(1.1) rotate(-5deg);
  box-shadow: 0 0 15px rgba(255,140,0,0.7);
}

@keyframes figure-float {
  0% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
  100% { transform: translateY(0); }
}