/* DMG Voice V4.2.26 - microphone-only 3-second emoji reactions */
.micReactionBtn{
  width:34px!important;height:34px!important;flex:0 0 34px;border-radius:12px!important;
  border:0!important;background:transparent!important;color:#ff6f9c!important;
  display:none!important;place-items:center;font-size:22px!important;line-height:1!important;
  cursor:pointer;transition:transform .15s ease,background .15s ease,opacity .15s ease;
}
.micReactionBtn.available{display:grid!important}
.micReactionBtn.available:hover{background:rgba(255,105,150,.12)!important;transform:scale(1.08)}
.micReactionBtn:disabled{opacity:0;pointer-events:none}

.micReactionShade{position:fixed;inset:0;z-index:9970;background:rgba(0,0,0,.16);opacity:0;pointer-events:none;transition:opacity .15s ease}
.micReactionShade.open{opacity:1;pointer-events:auto}
.micReactionPanel{
  position:fixed;z-index:9971;left:136px;bottom:72px;width:380px;max-width:calc(100vw - 24px);
  background:linear-gradient(180deg,#150722 0%,#0b0618 100%);border:1px solid rgba(150,92,255,.58);
  border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.52),0 0 24px rgba(113,54,223,.18);
  overflow:hidden;opacity:0;pointer-events:none;transform:translateY(14px) scale(.985);transform-origin:bottom left;
  transition:opacity .16s ease,transform .16s ease;color:#fff;
}
.micReactionPanel.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
.micReactionHead{height:56px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}
.micReactionHead>div{display:flex;align-items:center;gap:10px}.micReactionHead b{font-size:16px;font-weight:900}
.micReactionHeadIcon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(132,77,255,.22);border:1px solid rgba(169,117,255,.55);font-size:18px}
#micReactionClose{width:30px;height:30px;border:0;background:transparent;color:#b5a8cf;font-size:24px;cursor:pointer;border-radius:9px}
#micReactionClose:hover{background:rgba(255,255,255,.08);color:#fff}
.micReactionGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:12px 14px 14px}
.micReactionCell{aspect-ratio:1;border-radius:13px;border:1px solid rgba(134,90,212,.42);background:linear-gradient(180deg,rgba(24,13,47,.94),rgba(12,8,29,.95));display:grid;place-items:center;cursor:pointer;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:transform .12s ease,border-color .12s ease,background .12s ease}
.micReactionCell span{font-size:31px;line-height:1;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));transition:transform .12s ease}
.micReactionCell:hover{transform:translateY(-2px);border-color:rgba(175,121,255,.85);background:rgba(44,24,79,.98)}
.micReactionCell:hover span{transform:scale(1.16)}
.micReactionFoot{height:34px;display:grid;place-items:center;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#b9aec9}

/* Only the microphone avatar is temporarily replaced. The pod/name/role and voice ring stay intact. */
.speakerAvatar.micReactionAvatarActive{background-image:none!important;background-color:rgba(18,20,29,.88)!important;overflow:visible!important}
.micReactionEmoji{display:grid;place-items:center;width:100%;height:100%;font-size:36px;line-height:1;transform-origin:center;animation:micReactionPop 3s cubic-bezier(.2,.8,.2,1) both;filter:drop-shadow(0 3px 8px rgba(0,0,0,.34))}
@keyframes micReactionPop{
  0%{opacity:0;transform:scale(.25) rotate(-18deg)}
  9%{opacity:1;transform:scale(1.34) rotate(8deg)}
  18%{transform:scale(.98) rotate(-4deg)}
  28%{transform:scale(1.12) rotate(3deg)}
  52%{transform:scale(1.04) rotate(-3deg)}
  76%{opacity:1;transform:scale(1.1) rotate(3deg)}
  92%{opacity:1;transform:scale(1) rotate(0)}
  100%{opacity:0;transform:scale(.65) translateY(-6px)}
}

@media(max-width:760px){
  .micReactionPanel{left:8px;right:8px;bottom:70px;width:auto;transform-origin:bottom center;border-radius:20px}
  .micReactionGrid{gap:6px;padding:10px 10px 12px}.micReactionCell{border-radius:12px}.micReactionCell span{font-size:28px}
}
@media(max-width:390px){.micReactionGrid{grid-template-columns:repeat(5,1fr)}}