.home-whale-frame .home-whale-sound {
  position: absolute; right: 10px; bottom: 10px; z-index: 5;
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; padding: 0; border-radius: 50%;
  border: 1px solid rgba(255,255,255,.8); background: rgba(59,51,45,.85);
  color: #fff; cursor: pointer;
}
.home-whale-sound[hidden] { display: none !important; }
.home-whale-sound:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.home-whale-sound[aria-pressed="false"] .sound-on,
.home-whale-sound[aria-pressed="true"] .sound-off { display: none; }
@media (prefers-reduced-motion: reduce) { .home-whale-frame .home-whale-sound { display: none !important; } }

.home-whale-frame .home-whale-sound:hover { color: #fff; background: rgba(59,51,45,.95); transform: none; }