#talk-bubbles { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:1; }
.talk-bubble { position:absolute; width:160px; height:102px; transform-origin:top left; pointer-events:none; }
.talk-bubble::before { content:''; position:absolute; left:0; top:0; width:256px; height:256px; background:url('/ui/chat-bubbles/left.webp?v=9d8a263fc7b81d20') no-repeat; pointer-events:none; }
.talk-bubble[data-side='right']::before { background-image:url('/ui/chat-bubbles/right.webp?v=d3f26b5dc09e2145'); }
.talk-bubble-text { position:absolute; left:12px; top:8px; width:136px; height:64px; overflow:hidden; white-space:pre-wrap; overflow-wrap:anywhere; color:#ffff00; font:12px/16px 'Courier New',monospace; text-align:left; text-shadow:1px 1px #000; }
#talk-bubbles.has-preview { mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000); mask-size:100% 100%,var(--preview-width) var(--preview-height); mask-position:0 0,var(--preview-left) var(--preview-top); mask-repeat:no-repeat; mask-composite:exclude; }