.ufo-scene{position:fixed;inset:0;pointer-events:none;z-index:5;overflow:hidden}

#estaLaFora{z-index:6}
/* while abducting, this suspends the site's own float/sway animation
   and the mouse/device parallax translate, so our JS has full control
   of position; both are handed back afterwards by removing this class */
#estaLaFora.ufo-flying{animation:none !important;translate:0 0 !important}

.ufo-beam{position:absolute;width:1px;height:0;opacity:0;
  background:linear-gradient(to bottom, #c084fc66, #c084fc05);
  clip-path:polygon(50% 0%, 0% 100%, 100% 100%);
  animation:beamFlicker 2.4s ease-in-out infinite}
.ufo-beam.active{opacity:1}
@keyframes beamFlicker{0%,100%{filter:brightness(1)}50%{filter:brightness(1.4)}}

.cow{position:absolute;width:70px;height:auto;opacity:0;transform-origin:50% 100%}
.cow.active{opacity:1;animation:cowGlow .7s ease-in-out infinite}
@keyframes cowGlow{
  0%,100%{filter:drop-shadow(0 0 6px #fff9) drop-shadow(0 0 14px #c084fcb3)}
  50%{filter:drop-shadow(0 0 14px #fff) drop-shadow(0 0 28px #c084fc)}
}

.ufo-bubble{display:none}

.visit-toast{
  position:fixed;bottom:8%;left:50%;
  transform:translateX(-50%);
  background:#fff;color:#111;
  font:600 17px/1.4 var(--sans, sans-serif);
  padding:10px 20px;border-radius:12px;
  white-space:nowrap;
  box-shadow:0 4px 14px rgba(0,0,0,.4);
  opacity:0;
  z-index:20;
  pointer-events:none
}
.visit-toast.show{opacity:1}
.visit-toast.fade-out{opacity:0;transition:opacity 1s ease}