/*
Forge Pantry – visuelle effekter
Build 0009
*/

.ambient {
  position: fixed;
  z-index: 0;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.34;
  pointer-events: none;
}

.ambient-one {
  top: -180px;
  left: -120px;
  background: #bd4f86;
}

.ambient-two {
  right: -150px;
  bottom: -190px;
  background: #d4a44d;
}

.glitter-layer {
  position: fixed;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
  opacity: 0.25;
  background-image:
    radial-gradient(circle at 12% 22%, rgba(255,255,255,0.9) 0 1px, transparent 1.8px),
    radial-gradient(circle at 72% 14%, rgba(255,224,164,0.9) 0 1px, transparent 1.8px),
    radial-gradient(circle at 87% 63%, rgba(255,255,255,0.75) 0 1px, transparent 1.8px),
    radial-gradient(circle at 38% 82%, rgba(255,224,164,0.7) 0 1px, transparent 1.8px);
  background-size: 230px 230px, 310px 310px, 270px 270px, 360px 360px;
  animation: glitter-drift 18s linear infinite;
}

.spark {
  position: absolute;
  color: var(--gold);
  filter: drop-shadow(0 0 8px rgba(243,201,120,0.8));
  animation: sparkle 2.8s ease-in-out infinite;
}

.spark-a {
  top: 15%;
  right: 11%;
  font-size: 2.3rem;
}

.spark-b {
  bottom: 17%;
  left: 12%;
  font-size: 1.6rem;
  animation-delay: -0.9s;
}

.spark-c {
  right: 3%;
  bottom: 34%;
  font-size: 1.15rem;
  animation-delay: -1.5s;
}

@keyframes glitter-drift {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-30px, 18px, 0); }
}

@keyframes sparkle {
  0%, 100% { opacity: 0.35; transform: scale(0.8) rotate(0deg); }
  50% { opacity: 1; transform: scale(1.18) rotate(20deg); }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}