/* Keep the paper body and point its tail toward the avatar above it. */
.stage-theme .match-answer-screen .answer-bubble {
 position:relative;isolation:isolate;background:none;--tail-x:20px;padding-top:20px;padding-bottom:8px;
}
.stage-theme .match-answer-screen .answer-bubble::before {
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:url('/stage/answer-paper.webp') center top/100% 138% no-repeat;border-radius:18px;
}
.stage-theme .match-answer-screen .answer-bubble::after {
 content:"";position:absolute;left:var(--tail-x);top:0;width:18px;height:20px;z-index:-1;pointer-events:none;
 background:#f5dfbc url('/stage/paper-grain.webp') center/200px;background-blend-mode:multiply;
 clip-path:polygon(42% 0,100% 100%,0 100%);
}
@media(min-width:701px) {
 .stage-theme .match-answer-screen .answer-bubble { --tail-x:calc(50% - 9px); }
 .stage-theme .match-answer-screen:not(.is-reveal) .answer-bubble::before,
 .stage-theme .match-answer-screen:not(.is-reveal) .answer-bubble::after { display:none; }
 .stage-theme .match-answer-screen.is-reveal .answer-bubble { background:none;margin-top:7px;padding:18px 14px 8px; }
 .stage-theme .match-answer-screen:not(.is-reveal) .answer-bubble { padding:3px; }
}