/* HPA Bug Easter Egg — crawl/meander + cursor-reactive version */

.hpa-bug-egg-layer{
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0; /* broader linter compatibility */
  pointer-events: none;
  z-index: 2147483000; /* very high; under most modals */
}

.hpa-bug{
  position: fixed;
  width: 22px;
  height: 22px;
  will-change: transform, opacity; /* keep hyphenated for linters */
  transform: translate3d(0,0,0);
  opacity: 1;
  pointer-events: none; /* bugs don't catch clicks; JS does hit-testing */
}

.hpa-bug svg{
  display: block;
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 4px rgba(34,197,94,.85));
}

/* Glowing trail dots (short-lived) */
.hpa-bug-trail{
  position: fixed;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #22c55e;
  filter: drop-shadow(0 0 6px rgba(34,197,94,.65));
  opacity: .85;
  pointer-events: none;
  animation-name: hpaTrailFade;
  animation-duration: .18s; /* JS overrides per-dot; kept short by default */
  animation-fill-mode: forwards;
}

@keyframes hpaTrailFade{
  0%   { opacity:.85; transform: scale(1); }
  100% { opacity:0;  transform: scale(1.28); }
}

/* Accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .hpa-bug-egg-layer,
  .hpa-bug,
  .hpa-bug-trail{
    display: none;
  }
}