/* Deploy stamp: 20260527-pixi-v11 — short-cache file; overrides stale _next chunk CSS */

:root {
  --fx-nav-ring-opacity: 0.55;
  --fx-nav-ring-spin: 1.4s;
}
:root {
  --color-gold: #d4a574;
  --color-gold-bright: #f0d28a;
  --color-gold-dim: #8a7048;
  --color-violet-glow: #6b21a8;
  --color-acid: #a4ff00;
}

.logo-wordmark-fx {
  overflow: visible !important;
  z-index: 48 !important;
}

.logo-drip {
  width: clamp(2px, 0.22vw, 4px) !important;
  transform: translateX(-50%) translateY(-10px) !important;
  border-radius: 50% 50% 50% 50% / 18% 18% 82% 82% !important;
  mix-blend-mode: screen !important;
  filter: drop-shadow(0 0 3px rgba(255, 248, 220, 0.35)) !important;
  animation: logo-drip-fall-v3 var(--drip-dur, 3s) cubic-bezier(0.4, 0, 0.2, 1)
    var(--drip-delay, 0s) infinite !important;
}

.logo-drip::before {
  width: 130% !important;
  height: clamp(2px, 0.28vw, 4px) !important;
  transform: translate(-50%, -55%) !important;
  background: linear-gradient(
    180deg,
    rgba(255, 252, 240, 0.85) 0%,
    rgba(255, 252, 240, 0.2) 100%
  ) !important;
  opacity: 0.75 !important;
  box-shadow: none !important;
}

.logo-drip::after {
  animation: logo-drip-tip-v3 var(--drip-dur, 3s) ease-out var(--drip-delay, 0s) infinite !important;
}

.logo-drip--gold {
  background: linear-gradient(
    180deg,
    rgba(255, 248, 228, 0.92) 0%,
    rgba(240, 210, 138, 0.55) 28%,
    rgba(212, 165, 116, 0.28) 58%,
    rgba(212, 165, 116, 0) 100%
  ) !important;
  box-shadow: none !important;
}

.logo-drip--acid {
  background: linear-gradient(
    180deg,
    rgba(220, 255, 250, 0.9) 0%,
    rgba(140, 230, 255, 0.45) 30%,
    rgba(100, 200, 255, 0.18) 62%,
    rgba(100, 200, 255, 0) 100%
  ) !important;
  filter: drop-shadow(0 0 4px rgba(160, 230, 255, 0.4)) !important;
}

@keyframes logo-drip-fall-v3 {
  0% {
    height: 0;
    opacity: 0;
    transform: translateX(-50%) translateY(-10px) scaleX(0.85) scaleY(0.2);
  }
  10% {
    opacity: 0.85;
    height: clamp(3px, 0.5vw, 6px);
    transform: translateX(-50%) translateY(-10px) scaleX(0.95) scaleY(0.7);
  }
  28% {
    height: clamp(10px, 1.4vw, 20px);
    opacity: 0.7;
    transform: translateX(-50%) translateY(-9px) scaleX(0.9) scaleY(1);
  }
  55% {
    height: clamp(18px, 2.2vw, 34px);
    opacity: 0.5;
    transform: translateX(-50%) translateY(-6px) scaleX(0.82) scaleY(1.12);
  }
  78% {
    height: clamp(24px, 2.8vw, 42px);
    opacity: 0.28;
    transform: translateX(-50%) translateY(-2px) scaleX(0.75) scaleY(1.18);
  }
  100% {
    height: clamp(28px, 3.2vw, 48px);
    opacity: 0;
    transform: translateX(-50%) translateY(2px) scaleX(0.65) scaleY(1.1);
  }
}

@keyframes logo-drip-tip-v3 {
  0%,
  35% {
    opacity: 0;
    transform: translate(-50%, 20%) scale(0.4);
  }
  55% {
    opacity: 0.7;
    transform: translate(-50%, 80%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, 120%) scale(0.6);
  }
}