/* AURUM branded loading overlay — gold shimmer + pulse on the mark */

#aurum-loader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0a0a0a;
  opacity: 1;
  transition: opacity 0.35s ease;
  pointer-events: none;
}

#aurum-loader.aurum-loader--hidden {
  opacity: 0;
  visibility: hidden;
}

#aurum-loader .aurum-loader__mark {
  position: relative;
  width: 96px;
  height: 96px;
  animation: aurum-pulse 1.8s ease-in-out infinite;
}

#aurum-loader .aurum-loader__mark img {
  width: 100%;
  height: 100%;
  display: block;
  filter: drop-shadow(0 0 12px rgba(212, 175, 55, 0.45));
}

/* Shimmer sweep overlay, masked to the logo shape via the same image as a mask */
#aurum-loader .aurum-loader__shimmer {
  position: absolute;
  inset: 0;
  -webkit-mask-image: url('favicon-512x512.png');
  mask-image: url('favicon-512x512.png');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background: linear-gradient(
    115deg,
    transparent 30%,
    rgba(255, 245, 200, 0.9) 48%,
    rgba(255, 215, 120, 1) 50%,
    rgba(255, 245, 200, 0.9) 52%,
    transparent 70%
  );
  background-size: 300% 300%;
  background-position: -100% 0%;
  animation: aurum-shimmer 2.2s ease-in-out infinite;
  mix-blend-mode: screen;
}

@keyframes aurum-shimmer {
  0% { background-position: -120% 0%; }
  55% { background-position: 120% 0%; }
  100% { background-position: 120% 0%; }
}

@keyframes aurum-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.06); }
}

#aurum-loader .aurum-loader__label {
  position: absolute;
  top: calc(50% + 70px);
  left: 50%;
  transform: translateX(-50%);
  color: rgba(212, 175, 55, 0.65);
  font-family: 'Cinzel', 'Playfair Display', serif;
  letter-spacing: 3px;
  font-size: 12px;
  text-transform: uppercase;
  white-space: nowrap;
}