#crowd-comment{position:fixed;z-index:4;width:280px;max-width:calc(100vw - 16px);padding:10px 44px 11px 13px;background:#fff6df;color:#253b2e;border:1px solid #8b805f;border-radius:15px 15px 15px 3px;box-shadow:0 4px 12px #3c2d2226;pointer-events:none;overflow-wrap:anywhere;text-align:left}
#crowd-comment::after{content:'';position:absolute;left:calc(var(--crowd-tail,50%) - 6px);top:100%;width:11px;height:11px;background:#fff6df;border-right:1px solid #8b805f;border-bottom:1px solid #8b805f;transform:translateY(-5px) rotate(45deg)}
#crowd-comment[data-tail=up]::after{top:auto;bottom:100%;transform:translateY(5px) rotate(225deg)}
#crowd-speaker{display:block;font:700 .65rem system-ui,sans-serif;color:#46513f;margin-bottom:4px}
#crowd-line{margin:0;font:600 .87rem/1.35 Georgia,serif}
#dismiss-crowd{position:absolute;top:1px;right:0;min-width:44px;min-height:44px;padding:2px;border:0;background:transparent;font-size:1.2rem;pointer-events:auto}
@media(max-width:620px),(max-height:500px){#crowd-comment{width:244px;padding:7px 44px 8px 10px;border-radius:10px 10px 10px 3px}#crowd-speaker{font-size:.59rem;margin-bottom:2px}#crowd-line{font-size:.75rem;line-height:1.25}}