/* Dusty Rocket Games — bright arcade-neon arrow indicators.
   Limited to the two small downward-arrow squares; never animate button text
   or position. The arrows remain readable throughout the cycle. */
body.single-hub-home .hero-play-choices .hero-choice-arrow {
  color: #f4ffe2;
  background: linear-gradient(155deg, #397d43 0%, #205530 52%, #12351f 100%);
  border-color: #a7ff77;
  text-shadow:
    0 0 5px rgba(247, 255, 232, .95),
    0 0 12px rgba(158, 255, 120, .78);
  box-shadow:
    inset 0 0 0 1px rgba(236, 255, 199, .34),
    inset 0 0 10px rgba(112, 255, 107, .26),
    0 0 8px rgba(122, 255, 111, .48),
    0 0 17px rgba(114, 255, 115, .27);
  animation: drg-bright-neon-flicker 1.7s linear infinite;
}
body.single-hub-home .hero-choice-online .hero-choice-arrow {
  animation-delay: -.22s;
}
body.single-hub-home .hero-choice-steam .hero-choice-arrow {
  animation-delay: -1.05s;
}
@keyframes drg-bright-neon-flicker {
  0%, 32%, 49%, 71%, 100% {
    color: #edffd6;
    border-color: #b7ff91;
    text-shadow:
      0 0 5px rgba(237, 255, 209, .90),
      0 0 11px rgba(140, 255, 119, .77);
    box-shadow:
      inset 0 0 0 1px rgba(230, 255, 197, .34),
      inset 0 0 10px rgba(112, 255, 107, .23),
      0 0 8px rgba(115, 255, 121, .42),
      0 0 18px rgba(115, 255, 121, .28);
  }
  8%, 24%, 56%, 83% {
    color: #ffffff;
    border-color: #e5ffb9;
    text-shadow:
      0 0 8px rgba(255, 255, 245, 1),
      0 0 19px rgba(145, 255, 113, .97);
    box-shadow:
      inset 0 0 0 1px rgba(242, 255, 216, .54),
      inset 0 0 13px rgba(139, 255, 113, .36),
      0 0 13px rgba(136, 255, 116, .78),
      0 0 28px rgba(136, 255, 116, .53);
  }
  11%, 59% {
    color: #c7ffae;
    border-color: #91e66c;
    text-shadow: 0 0 4px rgba(142, 255, 128, .62);
    box-shadow:
      inset 0 0 0 1px rgba(230, 255, 197, .2),
      inset 0 0 7px rgba(112, 255, 107, .12),
      0 0 6px rgba(115, 255, 121, .33),
      0 0 13px rgba(115, 255, 121, .17);
  }
}
body.single-hub-home .hero-choice:hover .hero-choice-arrow,
body.single-hub-home .hero-choice:focus-visible .hero-choice-arrow {
  animation: none;
  color: #fff;
  border-color: #edffce;
  text-shadow:
    0 0 10px #fff,
    0 0 20px rgba(148, 255, 124, 1);
  box-shadow:
    inset 0 0 0 1px rgba(244, 255, 224, .62),
    inset 0 0 15px rgba(141, 255, 113, .4),
    0 0 14px rgba(133, 255, 116, .8),
    0 0 30px rgba(133, 255, 116, .52);
}
@media (prefers-reduced-motion: reduce) {
  body.single-hub-home .hero-play-choices .hero-choice-arrow {
    animation: none;
  }
}