/* DMG Voice V4.2.3 - Smart Mic Visual FX */
.speakerZone.micZoneHidden{display:none!important}
.speakerZone:not(.micZoneHidden){display:block}
.speakerLine{align-items:flex-start;justify-content:center}
.speakerPod{position:relative;opacity:1!important;transition:transform .14s ease,filter .14s ease}
.speakerPod .speakerAvatar{position:relative;isolation:isolate;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease;will-change:box-shadow,transform}
.speakerPod .speakerAvatar:before{content:'';position:absolute;inset:-7px;border-radius:50%;z-index:-2;opacity:0;transform:scale(.92);background:conic-gradient(from 0deg,#22df82,#48d7ff,#f0df3c,#ff982e,#ff415f,#22df82);filter:blur(1px);transition:opacity .1s ease,transform .1s ease;pointer-events:none}
.speakerPod .speakerAvatar:after{content:'';position:absolute;inset:-3px;border-radius:50%;z-index:-1;background:#101822;opacity:0;transition:opacity .1s ease;pointer-events:none}
.speakerPod.voiceActive .speakerAvatar:before{opacity:calc(.38 + var(--voice-level,0) * .62);transform:scale(calc(.98 + var(--voice-level,0) * .18));animation:micAuraSpin 1.5s linear infinite,micAuraPulse .65s ease-in-out infinite alternate}
.speakerPod.voiceActive .speakerAvatar:after{opacity:.94}
.speakerPod.voiceActive .speakerAvatar{transform:scale(calc(1 + var(--voice-level,0) * .055))}
.speakerPod.voiceLow .speakerAvatar{border-color:#39e58d!important;box-shadow:0 0 0 3px rgba(57,229,141,.18),0 0 18px rgba(57,229,141,.36)!important}
.speakerPod.voiceMid .speakerAvatar{border-color:#f1df47!important;box-shadow:0 0 0 3px rgba(241,223,71,.18),0 0 20px rgba(241,223,71,.40)!important}
.speakerPod.voiceHigh .speakerAvatar{border-color:#ff962f!important;box-shadow:0 0 0 4px rgba(255,150,47,.18),0 0 23px rgba(255,150,47,.48)!important}
.speakerPod.voicePeak .speakerAvatar{border-color:#ff3f5c!important;box-shadow:0 0 0 4px rgba(255,63,92,.22),0 0 28px rgba(255,63,92,.58)!important}
.speakerPod.voicePeak{filter:saturate(1.12)}
.speakerPod.voiceActive b{color:#fff;text-shadow:0 0 12px rgba(255,255,255,.22)}
@keyframes micAuraSpin{to{transform:scale(calc(.98 + var(--voice-level,0) * .18)) rotate(360deg)}}
@keyframes micAuraPulse{from{filter:blur(1px) brightness(.95)}to{filter:blur(2px) brightness(1.25)}}
@media(max-width:760px){
 .speakerZone{width:96vw!important}
 .speakerLine{gap:10px!important}
 .speakerPod{width:60px!important}
 .speakerPod .speakerAvatar:before{inset:-5px}
}