.emote{isolation:isolate;--emote-loop:1.2s;place-items:center;display:inline-grid;position:relative}.emote>img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:50% 90%;filter:drop-shadow(0 3px #00000059);width:100%;height:100%}.emote[data-play="1"]>img{animation:var(--emote-anim,emote-bounce) var(--emote-loop) cubic-bezier(.3, .7, .4, 1) infinite}@keyframes emote-bounce{0%{transform:translateY(0)scale(1)}14%{transform:translateY(4%)scale(1.14,.84)}34%{transform:translateY(-16%)scale(.9,1.12)}52%{transform:translateY(0)scale(1.1,.9)}66%{transform:translateY(-4%)scale(.97,1.03)}80%,to{transform:translateY(0)scale(1)}}@keyframes emote-shake{0%{transform:scale(.86,1.08)}12%{transform:scale(1.16,.9)rotate(0)}20%{transform:scale(1.08)translate(-5%)rotate(-5deg)}28%{transform:scale(1.08)translate(5%)rotate(5deg)}36%{transform:scale(1.08)translate(-4%)rotate(-4deg)}44%{transform:scale(1.08)translate(4%)rotate(4deg)}52%{transform:scale(1.05)translate(-2%)rotate(-2deg)}62%,to{transform:scale(1)translate(0)rotate(0)}}@keyframes emote-wobble{0%{transform:rotate(0)scale(1)}12%{transform:rotate(0)scale(1.06,.92)}30%{transform:rotate(-9deg)scale(.98,1.04)}50%{transform:rotate(8deg)scale(1.02,.97)}70%{transform:rotate(-5deg)}86%,to{transform:rotate(0)scale(1)}}@keyframes emote-pulse{0%{transform:scale(1)}12%{transform:scale(.9,.94)}28%{transform:scale(1.18)}40%{transform:scale(1.02)}54%{transform:scale(1.12)}70%,to{transform:scale(1)}}@keyframes emote-nod{0%{transform:rotate(0)translateY(0)}18%{transform:rotate(-6deg)translateY(-4%)scale(.96,1.05)}40%{transform:rotate(10deg)translateY(5%)scale(1.08,.92)}58%{transform:rotate(-3deg)translateY(-2%)}76%,to{transform:rotate(0)translateY(0)}}@keyframes emote-float{0%{transform:translateY(0)rotate(0)scale(1)}16%{transform:translateY(2%)scale(1.08,.92)}38%{transform:translateY(-8%)rotate(-4deg)scale(.97,1.04)}70%{transform:translateY(-3%)rotate(3deg)}to{transform:translateY(0)rotate(0)scale(1)}}@keyframes emote-dance{0%{transform:rotate(0)translateY(0)scale(1)}12%{transform:rotate(-12deg)translateY(-10%)scale(.94,1.08)}25%{transform:rotate(0)translateY(0)scale(1.1,.9)}37%{transform:rotate(12deg)translateY(-10%)scale(.94,1.08)}50%{transform:rotate(0)translateY(0)scale(1.1,.9)}62%{transform:rotate(-10deg)translateY(-8%)}75%{transform:rotate(0)translateY(0)scale(1.06,.94)}87%{transform:rotate(10deg)translateY(-6%)}to{transform:rotate(0)translateY(0)scale(1)}}@keyframes emote-spin{0%{transform:rotate(0)scale(1)}15%{transform:rotate(-20deg)scale(1.06,.94)}60%{transform:rotate(380deg)scale(1.04)}75%{transform:rotate(350deg)scale(.98,1.02)}to{transform:rotate(360deg)scale(1)}}.emote-fx{pointer-events:none;z-index:2;opacity:0;position:absolute}.emote[data-play="1"] .emote-fx{animation:var(--fx-anim) var(--emote-loop) ease-out infinite;animation-delay:var(--d,0s)}.emote-fx.tear{--fx-anim:emote-tear;background:radial-gradient(circle at 35% 30%,#fff 0 14%,#7fd4ff 15% 60%,#2f8fe0 61%);border:2px solid #133357;border-radius:50%/60% 60% 40% 40%;width:13%;height:17%;top:46%}@keyframes emote-tear{0%{opacity:0;transform:translate(0)scale(.4)}15%{opacity:1;transform:translate(0)scale(1)}70%{opacity:1;transform:translate(var(--dx,0), 130%) scale(.9)}to{opacity:0;transform:translate(var(--dx,0), 200%) scale(.7)}}.emote-fx.steam{--fx-anim:emote-steam;background:radial-gradient(circle at 40% 40%,#fff 0 45%,#d9dde6 46% 70%,#0000 72%);border-radius:50%;width:26%;height:22%;top:-4%}@keyframes emote-steam{0%{opacity:0;transform:translateY(40%)scale(.3)}25%{opacity:1;transform:translate(var(--dx,0), 0) scale(1)}to{opacity:0;transform:translate(calc(var(--dx,0) * 2), -90%) scale(1.5)}}.emote-fx.sweat{--fx-anim:emote-sweat;background:radial-gradient(circle at 35% 30%,#fff 0 16%,#a6e3ff 17% 62%,#4aa9e8 63%);border:2px solid #133357;border-radius:50%/64% 64% 36% 36%;width:14%;height:20%;top:8%;right:8%}@keyframes emote-sweat{0%{opacity:0;transform:translateY(-20%)scale(.5)}20%{opacity:1;transform:translateY(0)scale(1)}80%{opacity:1;transform:translateY(40%)scaleY(1.1)}to{opacity:0;transform:translateY(70%)scale(.8)}}.emote-fx.heart{width:20%;height:20%;clip-path:path("M10 18 C 1 11 0 6 3 3 C 6 0 9 2 10 5 C 11 2 14 0 17 3 C 20 6 19 11 10 18 Z");--fx-anim:emote-rise;background:#ff4f8b;top:2%}.emote-fx.zz{color:#cfe3ff;-webkit-text-stroke:2px #1b2a48;paint-order:stroke;--fx-anim:emote-rise;font:900 1em/1 system-ui,sans-serif;top:-2%;right:4%}@keyframes emote-rise{0%{opacity:0;transform:translateY(30%)scale(.4)}25%{opacity:1;transform:translate(0)scale(1.1)}to{opacity:0;transform:translate(var(--dx,20%), -120%) scale(.8) rotate(12deg)}}.emote-fx.spark{clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);filter:drop-shadow(0 0 3px #ffd34d);--fx-anim:emote-twinkle;background:#fff6c4;width:18%;height:18%}@keyframes emote-twinkle{0%,to{opacity:0;transform:scale(.2)rotate(0)}30%{opacity:1;transform:scale(1.15)rotate(45deg)}60%{opacity:.9;transform:scale(.8)rotate(90deg)}}.emote-fx.confetti{background:var(--c,#ffd34d);--fx-anim:emote-confetti;border-radius:2px;width:7%;height:12%;top:30%;left:46%}@keyframes emote-confetti{0%{opacity:0;transform:translate(0)rotate(0)scale(.5)}12%{opacity:1}60%{opacity:1;transform:translate(var(--dx), var(--dy)) rotate(260deg) scale(1)}to{opacity:0;transform:translate(calc(var(--dx) * 1.2), calc(var(--dy) + 60%)) rotate(420deg) scale(.8)}}.emote[data-rarity=legendary]:after,.emote[data-rarity=mythic]:before{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:4%}.emote[data-rarity=legendary]:after{z-index:3;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 35%,#fff4c88c 50%,#0000 65%) 0 0/250% 100% no-repeat;-webkit-mask:radial-gradient(circle,#000 60%,#0000 70%);mask:radial-gradient(circle,#000 60%,#0000 70%)}.emote[data-play="1"][data-rarity=legendary]:after{animation:emote-shine calc(var(--emote-loop) * 1.6) ease-in-out infinite}@keyframes emote-shine{0%{background-position:120% 0}60%,to{background-position:-120% 0}}.emote[data-rarity=mythic]:before{z-index:-1;filter:blur(10px);opacity:.55;background:conic-gradient(#ff5fa2,#ffd34d,#5fffc8,#5fb4ff,#b45fff,#ff5fa2);inset:-6%}.emote[data-play="1"][data-rarity=mythic]:before{animation:2.4s linear infinite emote-aura}@keyframes emote-aura{to{transform:rotate(360deg)}}.emote-bubble{z-index:25;pointer-events:none;background:#fffffff0;border:3px solid #121722;border-radius:22px;padding:6px;animation:.32s cubic-bezier(.2,1.6,.4,1) both emote-bubble-in;position:absolute;transform:translate(-50%,-100%);box-shadow:0 6px #0000004d}.emote-bubble:after{content:"";background:inherit;border-bottom:3px solid #121722;border-right:3px solid #121722;width:16px;height:16px;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)rotate(45deg)}.emote-bubble[data-mine="0"]{border-color:#5a1220}.emote-bubble.is-out{animation:.22s ease-in both emote-bubble-out}@keyframes emote-bubble-in{0%{opacity:0;transform:translate(-50%,-70%)scale(.2)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}@keyframes emote-bubble-out{to{opacity:0;transform:translate(-50%,-110%)scale(.6)}}.emote-cooldown{border-radius:inherit;background:conic-gradient(#0000008c var(--p,0%), transparent 0);pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.emote[data-play="1"]>img,.emote[data-play="1"] .emote-fx,.emote[data-play="1"]:before,.emote[data-play="1"]:after{animation-iteration-count:1}}