/* Invite through the existing label, with no additional box or layout change. */
.sound-button{--sound-cue-color:#f5dca8;--sound-cue-glow:#efc57f99}
.is-canvas .sound-button{--sound-cue-color:#70491f;--sound-cue-glow:#bf843966}
.sound-button #sound-label{white-space:nowrap;transition:color .45s ease,text-shadow .45s ease}
.sound-button.is-sound-invited:not([aria-pressed="true"]) #sound-label{color:var(--sound-cue-color);text-shadow:0 0 10px var(--sound-cue-glow);animation:sound-label-glow 2.1s ease-in-out 3}
@keyframes sound-label-glow{0%,100%{text-shadow:0 0 4px var(--sound-cue-glow)}50%{text-shadow:0 0 8px var(--sound-cue-glow),0 0 18px var(--sound-cue-glow)}}
@media(max-width:700px),(min-aspect-ratio:19/10) and (max-height:500px){
 .site-header,.has-studio-nav .site-header{grid-template-columns:minmax(0,1fr) auto 56px}
 .site-header>.sound-button{flex-direction:column;gap:3px;align-items:center;justify-content:center}
 .site-header .sound-button #sound-label{display:block;font-size:9px;line-height:1.2;letter-spacing:0}
}
@media(prefers-reduced-motion:reduce){.sound-button #sound-label{transition:none}.sound-button.is-sound-invited:not([aria-pressed="true"]) #sound-label{animation:none}}