/* Hero phone "Tap for sound" hint (js/hero-sound-hint.js). Pulse ring while hinting; compact speaker after a choice. */
.hv-sound.hv-hinting{animation:none} /* the ring replaces the old nudge */
.hv-pulse{position:absolute;inset:-4px;border-radius:inherit;border:3px solid var(--sky,#3BA9DA);pointer-events:none;animation:hv-pulse 1.8s ease-out infinite}
@keyframes hv-pulse{0%{opacity:.9;transform:scale(1)}70%,100%{opacity:0;transform:scale(1.25,1.6)}}
/* after a choice (sound on or muted) the label hides and the button is a small speaker on the right */
.hv-sound.hv-chosen{left:auto;right:calc(var(--w) * .06);transform:none;padding:0;width:44px;justify-content:center;animation:none}
.hv-sound.hv-chosen:hover{transform:scale(1.06)}
.hv-sound.hv-chosen:active{transform:scale(.94)}
.hv-sound.hv-chosen .hv-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media (prefers-reduced-motion:reduce){
  .hv-pulse{animation:none;opacity:.9;inset:-3px} /* static ring: still visible, no motion */
}