.sociality-bubble-field{position:relative;isolation:isolate;box-sizing:border-box;width:100%;height:490px;overflow:hidden;border:1px solid #17251c;border-radius:26px;background:#09110d;contain:layout paint}
.sociality-bubble-stage{position:absolute;inset:0 0 36px;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.sociality-bubble-plane{position:absolute;inset:0;will-change:transform}
.sociality-bubble-stage.is-dragging,.sociality-bubble-stage.is-dragging *{cursor:grabbing!important}
.sociality-bubble-field .sociality-bubble-name{appearance:none;position:absolute;left:0;top:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:max-content;height:auto;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:#a8dbb1;color:#101e17;font:14px/1.15 Arial,sans-serif;text-align:center;cursor:pointer;box-shadow:inset 0 1px 1px #ffffff60}
.sociality-bubble-label{display:block;width:max-content;max-width:104px;overflow-wrap:anywhere;pointer-events:none}.sociality-bubble-label span{display:block}
.sociality-bubble-tally-state{position:absolute;bottom:5px;left:0;right:0;font:9px/1 Arial,sans-serif;pointer-events:none}.sociality-bubble-name[data-tally-state]:not([data-tally-state=""]){box-shadow:inset 0 0 0 2px #274b32}
.sociality-bubble-name[data-color="1"]{background:#b6d2f0}.sociality-bubble-name[data-color="2"]{background:#ead37b}.sociality-bubble-name[data-color="3"]{background:#8bd5d1}.sociality-bubble-name[data-color="4"]{background:#eaaa97}.sociality-bubble-name[data-color="5"]{background:#c6b6e8}
.sociality-bubble-name[data-shape="1"]{clip-path:ellipse(50% 47%)}.sociality-bubble-name[data-shape="2"]{clip-path:ellipse(47% 50%)}
.sociality-bubble-field .sociality-bubble-name:hover{filter:brightness(1.14)}
.sociality-bubble-field .sociality-bubble-name:focus-visible{outline:3px solid #fff;outline-offset:-4px;z-index:2}
.sociality-bubble-field [hidden]{display:none!important}
.sociality-bubble-footer{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;padding:2px 12px;box-sizing:border-box;background:#09110d;color:#d0d9ce}
.sociality-bubble-hint{font:11px/1.2 Arial,sans-serif}
.sociality-bubble-field .sociality-bubble-play{appearance:none;min-height:30px;min-width:55px;margin:0;padding:4px 10px;border:1px solid #5b6b60;border-radius:20px;background:transparent;color:#e9f1e3;font:12px/1.2 Arial,sans-serif;cursor:pointer}
.sociality-bubble-field .sociality-bubble-play:hover{background:#34463b}.sociality-bubble-field .sociality-bubble-play:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:600px){.sociality-bubble-field{height:455px;border-radius:22px}}