/* TangPlay shared voice chat — buttons + seat indicators. Put .tv-micon / .tv-speaking on your seat/avatar element. */
.tv-bar{display:flex;gap:6px;align-items:center}
.tv-btn{height:30px;border-radius:999px;padding:0 10px;font:800 12.5px -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#fff;background:rgba(0,0,0,.38);border:1.5px solid rgba(255,255,255,.28);display:inline-flex;align-items:center;gap:3px;white-space:nowrap;cursor:pointer}
.tv-btn.tv-spk{width:30px;padding:0;justify-content:center}
.tv-btn.tv-mic.on{background:linear-gradient(180deg,#5cf2a6,#1fb978);color:#05351f;border-color:#fff;box-shadow:0 0 12px rgba(92,242,166,.6)}
.tv-btn.tv-spk:not(.on){opacity:.7}
.tv-micon{position:relative}
.tv-micon::before{content:"🎙️";position:absolute;right:-4px;bottom:-2px;font-size:12px;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;background:#1fb978;box-shadow:0 0 0 2px #fff;z-index:6}
.tv-speaking::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:3px solid #5cf2a6;animation:tvwave 1s ease-out infinite;pointer-events:none;z-index:5}
@keyframes tvwave{0%{transform:scale(.95);opacity:1}100%{transform:scale(1.35);opacity:0}}
/* "can't use the mic here" sheet (in-app browsers): message + one-tap copy of the room link */
.tv-note{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%);width:min(340px,90vw);background:#fff;color:#1b1033;border-radius:18px;padding:16px 16px 12px;box-shadow:0 14px 40px rgba(0,0,0,.45);z-index:90;font:600 14.5px/1.45 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;text-align:center;animation:tvnote .22s ease-out}
.tv-note p{margin:0 0 8px}.tv-note .tv-note-s{font-size:12.5px;color:#5b4f75;font-weight:600}
.tv-note-b{display:flex;gap:8px;justify-content:center;margin-top:10px}
.tv-note-b button{border:0;border-radius:999px;height:38px;padding:0 16px;font:800 14px inherit;font-family:inherit;cursor:pointer}
.tv-note-copy{background:linear-gradient(180deg,#ffd76a,#ffb020);color:#3a2300}.tv-note-x{background:#eee9f6;color:#3b2f57}
@keyframes tvnote{from{opacity:0;transform:translate(-50%,-44%)}to{opacity:1;transform:translate(-50%,-50%)}}