/* Separate from pointer animations so the effect is easy to remove. */
.hero-tile-grid i.is-idle:not(.is-turning):not(.is-near){
  animation:hero-idle-glow var(--idle-duration,1800ms) ease-in-out var(--idle-delay,0ms) both;
}
@keyframes hero-idle-glow{
  0%,100%{background:var(--hero-bg)}
  45%,55%{background:color-mix(in srgb,var(--accent) var(--idle-strength,35%),var(--hero-bg))}
}
@media(prefers-reduced-motion:reduce){
  .hero-tile-grid i.is-idle:not(.is-turning):not(.is-near){animation:none}
}
