/* Reusable V2 character-introduction control. Audio sources remain local. */
.friend>.character-voice__button{position:absolute;right:12px;bottom:12px;z-index:3}.friend.seya>.character-voice__button{--voice-color:#0877ef}.friend.pip>.character-voice__button{--voice-color:#6c23db}.friend.theo>.character-voice__button{--voice-color:#17a956}.friend.lulu>.character-voice__button{--voice-color:#ff3a91}
.character-voice{position:relative;display:inline-flex;align-items:center;justify-content:center}.character-voice__button{width:42px;height:42px;display:grid;place-items:center;padding:0;border:2px solid #fff;border-radius:50%;background:var(--voice-color,#6c23db);color:#fff;box-shadow:0 6px 13px rgba(14,73,181,.28);cursor:pointer}.character-voice__button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.character-voice__button:focus-visible{outline:3px solid var(--v2-yellow);outline-offset:3px}.character-voice__button.is-playing{box-shadow:0 0 0 5px color-mix(in srgb,var(--voice-color,#6c23db) 23%,transparent),0 7px 15px rgba(14,73,181,.3)}.character-voice__button.is-playing:after{content:'';position:absolute;width:54px;height:54px;border:2px solid currentColor;border-radius:50%;opacity:.45;animation:character-voice-pulse 1s ease-out infinite}.character-voice__button[disabled]{cursor:default;opacity:.7}.character-voice__button[disabled]:after{content:'';position:absolute;width:6px;height:6px;right:-1px;bottom:-1px;border:2px solid #fff;border-radius:50%;background:#ffd54d}.friend .character-voice{position:absolute;right:12px;bottom:12px;z-index:3}.friend.seya .character-voice{--voice-color:#0877ef}.friend.pip .character-voice{--voice-color:#6c23db}.friend.theo .character-voice{--voice-color:#17a956}.friend.lulu .character-voice{--voice-color:#ff3a91}.friends-bridge__faces .character-voice{height:100%;width:25%;align-items:flex-end}.friends-bridge__faces .character-voice img{width:100%;height:100%;object-fit:contain;object-position:bottom}.friends-bridge__faces .character-voice__button{position:absolute;right:3%;bottom:6%;width:38px;height:38px;--voice-color:#0877ef}.friends-bridge__faces .character-voice:nth-child(2) .character-voice__button{--voice-color:#6c23db}.friends-bridge__faces .character-voice:nth-child(3) .character-voice__button{--voice-color:#17a956}.friends-bridge__faces .character-voice:nth-child(4) .character-voice__button{--voice-color:#ff3a91}@keyframes character-voice-pulse{from{transform:scale(.72);opacity:.55}to{transform:scale(1.12);opacity:0}}@media(prefers-reduced-motion:reduce){.character-voice__button.is-playing:after{animation:none;opacity:.32}}@media(max-width:620px){.character-voice__button{width:40px;height:40px}.friends-bridge__faces .character-voice__button{width:34px;height:34px}}