.emote-sprite { display:block; width:var(--emote-size,96px); height:var(--emote-size,96px); background-image:var(--emote-src); background-repeat:no-repeat; background-size:calc(var(--emote-frames)*100%) 100%; animation:emote-frames 1.1s steps(var(--emote-frames)) infinite; }
@keyframes emote-frames { to { background-position:calc(var(--emote-size,96px)*var(--emote-frames)*-1) 0; } }
@media(prefers-reduced-motion:reduce){.emote-sprite{animation:none}}
.clan-emote-picker.emote-widget { display:block; width:min(292px,calc(100% - 18px)); box-sizing:border-box; }
.clan-emote-picker.emote-widget[hidden]{display:none}
.emote-widget-toolbar { display:flex; align-items:center; gap:6px; margin-bottom:8px; }
.emote-widget-toolbar label { flex:1; min-width:0; }
.emote-widget-toolbar input { box-sizing:border-box; width:100%; padding:6px; font-size:11px; border:1px solid #5987a7; border-radius:6px; background:#0d263d; color:#eff8ff; }
.emote-widget-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; max-height:250px; overflow-y:auto; }
.emote-widget-grid button { align-items:center; justify-items:center; min-width:0; }
.emote-widget-grid .emote-sprite { --emote-size:48px; }
.emote-widget-grid button>span:last-child { font-size:9px; }
.emote-widget-pages { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:7px; font-size:10px; }
.emote-widget-pages button:disabled{opacity:.35}
.clan-emote-picker.emote-widget { padding:10px; border:2px solid #91c9eb; border-radius:12px; background:linear-gradient(#39759b,#234b71); box-shadow:inset 0 2px #c8edff55,0 4px 0 #102a43,0 8px 18px #0006; }
.emote-widget-toolbar { justify-content:space-between; margin-bottom:6px; }
.emote-tray-title { font-size:22px; color:#ffe590; line-height:1; }
.emote-widget-grid { gap:7px; }
.emote-widget-grid button { padding:5px 0; border:2px solid #97d0ee; border-radius:10px; background:linear-gradient(#b5deed,#72a9c8); box-shadow:inset 0 2px #eafbff,0 3px 0 #153a59; }
.emote-widget-grid button:hover { background:linear-gradient(#ffe7a0,#e6b350); border-color:#fff0bf; }
.emote-widget-grid .emote-sprite { --emote-size:54px; }
.emote-widget-pages[hidden] { display:none; }
.emote-message-play{display:inline-block;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;box-shadow:none;line-height:0}
.emote-message-play:focus-visible{outline:2px solid #85d8ff;outline-offset:4px;border-radius:8px}
.emote-cry{position:relative;display:block;isolation:isolate;background:none;animation:none;overflow:visible;--cry-time:3.6s}
.emote-cry-rig{position:absolute;inset:0;transform-origin:50% 80%;animation:cry-sob var(--cry-time) infinite both}
.emote-cry-art{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
.emote-cry-ground{position:absolute;left:19%;right:16%;bottom:9%;height:7%;border-radius:50%;background:#14264138;filter:blur(2px);animation:cry-ground var(--cry-time) infinite}
.emote-cry-water{position:absolute;top:49%;width:5%;height:20%;border:1px solid #17496e;border-top:0;background:linear-gradient(90deg,#2baff1,#b5f3ff 50%,#4ec8fb);border-radius:35% 25% 60% 55%;transform-origin:top;animation:cry-stream var(--cry-time) infinite;opacity:0}
.emote-cry-water-left{left:46%;transform:rotate(12deg)}.emote-cry-water-right{left:68%;transform:rotate(-12deg)}
.emote-cry-drop{position:absolute;top:50%;left:46%;width:4%;height:7%;border-radius:65% 45% 60% 55%;background:radial-gradient(ellipse at 35% 25%,#e1fcff 0 15%,#68d8ff 32%,#20a9ed 100%);border:1px solid #17496e;opacity:0;animation:cry-drop var(--cry-time) linear infinite}
.emote-cry-drop-0{--dx:-65%;--dy:420%;animation-delay:0s}.emote-cry-drop-1{left:68%;--dx:110%;--dy:400%;animation-delay:.22s}.emote-cry-drop-2{--dx:-150%;--dy:430%;animation-delay:.48s}.emote-cry-drop-3{left:68%;--dx:160%;--dy:430%;animation-delay:.75s}.emote-cry-drop-4{--dx:-100%;--dy:400%;animation-delay:1.05s}.emote-cry-drop-5{left:68%;--dx:90%;--dy:400%;animation-delay:1.35s}
.emote-cry-splash{position:absolute;bottom:11%;width:12%;height:3%;border:2px solid #63d5ff;border-radius:50%;opacity:0;animation:cry-splash var(--cry-time) infinite}.emote-cry-splash-left{left:29%;animation-delay:.1s}.emote-cry-splash-right{right:23%;animation-delay:.5s}
@keyframes cry-sob{0%,100%{transform:translateY(0) rotate(0) scale(1)}12%{transform:translateY(1%) rotate(-1deg) scale(1.01,.985)}24%{transform:translateY(-1.8%) rotate(.5deg) scale(.99,1.02)}31%{transform:translateY(.7%) rotate(-.8deg) scale(1.01,.99)}37%{transform:translateY(-1%) rotate(.7deg)}43%{transform:translateY(.8%) rotate(-.6deg)}49%{transform:translateY(-.8%) rotate(.5deg)}58%{transform:translateY(1.4%) scale(1.025,.975)}71%{transform:translateY(-1.5%) scale(.99,1.015)}80%{transform:translateY(.5%) rotate(-.6deg)}88%{transform:translateY(-.4%) rotate(.4deg)}94%{transform:translateY(.2%)} }
@keyframes cry-stream{0%,13%,92%,100%{opacity:0;scale:1 .3}23%{opacity:.85;scale:1 .8}36%,61%{opacity:1;scale:1 1}75%{opacity:.8;scale:1 .9}86%{opacity:.3;scale:.8 .6}}
@keyframes cry-drop{0%,18%{opacity:0;transform:translate(0,0) scale(.25)}23%{opacity:1;transform:translate(0,0) scale(.8)}37%{opacity:1}47%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.65,1.2)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}
@keyframes cry-splash{0%,44%,64%,100%{opacity:0;transform:scale(.4)}48%{opacity:.8;transform:scale(.6)}60%{opacity:0;transform:scale(1.5)}}
@keyframes cry-ground{0%,100%{scale:1;opacity:.5}24%,71%{scale:.95;opacity:.35}58%{scale:1.04;opacity:.6}}
@media(prefers-reduced-motion:reduce){.emote-cry *{animation:none!important}.emote-cry-water{opacity:.8}.emote-cry-rig{transform:none}}

.emote-rage{position:relative;isolation:isolate;background:none;animation:none;overflow:visible;--rage-time:3.4s}
.emote-rage-rig{position:absolute;inset:0;transform-origin:50% 82%;animation:rage-shudder var(--rage-time) infinite}
.emote-rage-art{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;user-select:none}
.emote-rage-ground{position:absolute;left:19%;right:16%;bottom:9%;height:7%;border-radius:50%;background:#14264138;filter:blur(2px)}
.emote-rage-flush{position:absolute;left:43%;top:43%;width:33%;height:13%;border-radius:50%;background:radial-gradient(ellipse,#ff4d354d,transparent 70%);opacity:0;animation:rage-flush var(--rage-time) infinite}
.emote-rage-steam{position:absolute;left:23%;top:40%;width:10%;height:9%;border-radius:50%;background:radial-gradient(ellipse at 35% 25%,#fff,#dfebf7 70%,#aabed2);box-shadow:-.02em .02em .03em #13294470;opacity:0;transform-origin:center;animation:rage-steam var(--rage-time) infinite;--steam-x:-80%}
.emote-rage-steam:before,.emote-rage-steam:after{content:'';position:absolute;background:inherit;border-radius:50%;width:70%;height:80%;left:-30%;top:20%}.emote-rage-steam:after{left:55%;top:-20%}
.emote-rage-steam-1{left:77%;--steam-x:100%;animation-delay:.12s}.emote-rage-steam-2{animation-delay:.26s}.emote-rage-steam-3{left:77%;--steam-x:120%;animation-delay:.4s}.emote-rage-steam-4{animation-delay:.55s}.emote-rage-steam-5{left:77%;--steam-x:110%;animation-delay:.7s}
.emote-rage-mark{position:absolute;left:67%;top:17%;width:13%;height:13%;opacity:0;transform-origin:center;animation:rage-mark var(--rage-time) infinite;filter:drop-shadow(0 1px 0 #43212c)}
@keyframes rage-shudder{0%,100%{transform:translate(0,0) scale(1)}15%{transform:translateY(1.5%) scale(1.04,.96)}28%{transform:translateY(2%) scale(1.05,.95)}34%{transform:translateY(-2%) rotate(-2deg) scale(.99,1.02)}38%{transform:translateX(1%) rotate(1.5deg)}42%{transform:translateX(-1%) rotate(-1.5deg)}46%{transform:translateX(1%) rotate(1.3deg)}50%{transform:translateX(-1%) rotate(-1.2deg)}54%{transform:translateX(.8%) rotate(1deg)}58%{transform:translateX(-.8%) rotate(-1deg)}62%{transform:translateX(.5%) rotate(.6deg)}70%{transform:translateY(1%) scale(1.02,.98)}84%{transform:translateY(-.4%)} }
@keyframes rage-steam{0%,29%{opacity:0;transform:translate(0,0) scale(.1)}34%{opacity:1;transform:translate(0,-10%) scale(.5)}48%{opacity:.9;transform:translate(var(--steam-x),-90%) scale(1)}65%{opacity:0;transform:translate(var(--steam-x),-230%) scale(1.6)}100%{opacity:0;transform:translate(var(--steam-x),-230%) scale(1.6)}}
@keyframes rage-mark{0%,16%,85%,100%{opacity:0;transform:scale(.5) rotate(-12deg)}27%{opacity:1;transform:scale(1.15) rotate(6deg)}35%,65%{opacity:1;transform:scale(1) rotate(0)}75%{opacity:.5;transform:scale(.9)}}
@keyframes rage-flush{0%,100%{opacity:0}28%,60%{opacity:1}80%{opacity:0}}
@media(prefers-reduced-motion:reduce){.emote-rage *{animation:none!important}.emote-rage-mark{opacity:1}.emote-rage-rig{transform:none}}


.emote-oops,.emote-laugh{position:relative;background:none;animation:none;isolation:isolate;overflow:visible}
.emote-new-rig{position:absolute;inset:0;transform-origin:50% 78%}.emote-new-rig img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.emote-new-ground{position:absolute;bottom:12%;left:20%;width:60%;height:5%;background:#14264138;border-radius:50%;filter:blur(2px)}
.emote-laugh .emote-new-rig{animation:car-laugh 3s infinite}.emote-oops .emote-new-rig{animation:car-oops 3.4s infinite;transform-origin:50% 73%}
.emote-new-mark{position:absolute;left:20%;top:22%;width:5%;height:13%;border-radius:20%;background:#ffbc39;box-shadow:0 0 0 1px #663315;opacity:0;transform:rotate(-30deg);animation:car-laugh-mark 3s infinite}.mark-1{left:71%;top:16%;rotate:40deg;animation-delay:.18s}.mark-2{left:80%;top:28%;rotate:60deg;animation-delay:.35s}
.emote-oops .emote-new-mark{background:none;box-shadow:none;color:#ffcb60;font-size:calc(var(--emote-size,96px)*.15);font-weight:900;line-height:1;animation-duration:3.4s}
.emote-oops-sweat{position:absolute;left:72%;top:65%;width:5%;height:9%;border-radius:70% 45% 65% 45%;background:linear-gradient(120deg,#ddfcff,#4cbbea);border:1px solid #19566e;opacity:0;animation:car-sweat 3.4s infinite}
@keyframes car-laugh{0%,100%{transform:translateY(0) scale(1)}15%{transform:translateY(2%) scale(1.04,.96)}27%{transform:translateY(-4%) rotate(-2deg) scale(.98,1.03)}36%{transform:translateY(1%) scale(1.04,.96)}44%{transform:translateY(-3%) rotate(2deg)}53%{transform:translateY(1%) scale(1.03,.97)}62%{transform:translateY(-2%) rotate(-1deg)}72%{transform:translateY(1%) scale(1.02,.98)}85%{transform:translateY(-1%)} }
@keyframes car-oops{0%,100%{transform:rotate(0)}20%{transform:rotate(-5deg) translateX(-1%)}36%{transform:rotate(5deg) translateX(1%)}50%{transform:rotate(-3deg)}62%{transform:rotate(3deg)}78%{transform:rotate(-1deg)}90%{transform:rotate(1deg)}}
@keyframes car-laugh-mark{0%,12%,88%,100%{opacity:0;scale:.5}25%,65%{opacity:1;scale:1}78%{opacity:.4;scale:.8}}
@keyframes car-sweat{0%,20%,100%{opacity:0;translate:0 0;scale:.4}35%{opacity:1;translate:0 0;scale:1}65%{opacity:.9;translate:25% 120%}82%{opacity:0;translate:40% 200%}}
@media(prefers-reduced-motion:reduce){.emote-oops *,.emote-laugh *{animation:none!important}.emote-new-rig{transform:none}.emote-oops-sweat{opacity:1}}

.emote-cool{position:relative;background:none;animation:none;overflow:visible;isolation:isolate}
.emote-cool-rig{position:absolute;inset:0;transform-origin:50% 80%;animation:car-cool 4.2s infinite}.emote-cool-rig>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.emote-cool-glasses{position:absolute;left:28%;top:36%;width:62%;height:24%;transform-origin:center;animation:cool-glasses 4.2s infinite;filter:drop-shadow(0 1px 0 #070d21)}.emote-cool-glasses svg{width:100%;height:100%;display:block;transform:rotate(8deg)}
.emote-cool-glint{position:absolute;left:73%;top:20%;width:4%;height:40%;background:#fff;opacity:0;rotate:35deg;animation:cool-glint 4.2s infinite}
@keyframes car-cool{0%,100%{transform:translateY(0) rotate(0)}18%{transform:translateY(-1%) rotate(0)}35%{transform:translateY(1%) rotate(-4deg) scale(1.015,.99)}45%,72%{transform:translateY(0) rotate(-4deg)}82%{transform:rotate(-1deg)}92%{transform:rotate(0)}}
@keyframes cool-glasses{0%,8%{opacity:0;translate:0 -140%}14%{opacity:1;translate:0 -140%}30%{opacity:1;translate:0 7%}36%,78%{opacity:1;translate:0 0}90%,100%{opacity:0;translate:0 -140%}}
@keyframes cool-glint{0%,43%,64%,100%{opacity:0;scale:.2}50%{opacity:1;scale:1.4}57%{opacity:.7;scale:.8}}
@media(prefers-reduced-motion:reduce){.emote-cool *{animation:none!important}.emote-cool-glasses{opacity:1;translate:0 0}.emote-cool-rig{transform:none}}

.emote-kiss{position:relative;background:none;animation:none;overflow:visible;isolation:isolate}
.emote-kiss-rig{position:absolute;inset:0;transform-origin:50% 80%;animation:kiss-car 3.8s infinite}.emote-kiss-rig>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.emote-kiss-hand{position:absolute;left:43%;top:43%;width:31%;height:31%;transform-origin:bottom center;animation:kiss-hand 3.8s infinite;filter:drop-shadow(0 1px 0 #193653)}
.emote-kiss-heart{position:absolute;left:59%;top:49%;width:16%;height:16%;opacity:0;animation:kiss-heart 3.8s infinite;--heart-x:160%;--heart-y:-160%;--heart-scale:1.15}.emote-kiss-heart.heart-1{width:10%;height:10%;animation-delay:.2s;--heart-x:190%;--heart-y:-220%;--heart-scale:1}.emote-kiss-heart.heart-2{width:8%;height:8%;animation-delay:.4s;--heart-x:300%;--heart-y:-140%;--heart-scale:1}
@keyframes kiss-car{0%,100%{transform:rotate(0)}20%{transform:rotate(-2deg) translateY(-1%)}38%{transform:rotate(-3deg)}50%{transform:rotate(2deg) translateY(-1%)}68%{transform:rotate(1deg)}85%{transform:rotate(0)}}
@keyframes kiss-hand{0%,100%{opacity:0;transform:translate(-70%,85%) rotate(-25deg) scale(.8)}10%{opacity:1;transform:translate(-70%,65%) rotate(-20deg)}30%,40%{opacity:1;transform:translate(0,0) rotate(8deg)}53%{opacity:1;transform:translate(60%,5%) rotate(65deg)}65%{opacity:1;transform:translate(70%,35%) rotate(70deg)}82%{opacity:0;transform:translate(75%,90%) rotate(65deg)}}
@keyframes kiss-heart{0%,40%{opacity:0;transform:translate(0,0) scale(.2)}48%{opacity:1;transform:translate(15%,-10%) scale(.8)}65%{opacity:1;transform:translate(calc(var(--heart-x)*.55),calc(var(--heart-y)*.55)) scale(var(--heart-scale))}84%,100%{opacity:0;transform:translate(var(--heart-x),var(--heart-y)) scale(.7)}}
@media(prefers-reduced-motion:reduce){.emote-kiss *{animation:none!important}.emote-kiss-hand{opacity:1;transform:translate(0,0)}.emote-kiss-heart.heart-0{opacity:1;transform:translate(90%,-90%)}.emote-kiss-rig{transform:none}}

.emote-pinch{position:relative;background:none;animation:none;overflow:hidden;isolation:isolate}
.emote-pinch-floor{position:absolute;left:5%;right:5%;bottom:20%;height:5%;border-radius:50%;background:#172a4330;filter:blur(2px)}
.emote-pinch-car{position:absolute;top:34%;width:44%;height:44%;transform-origin:50% 85%;z-index:1}.emote-pinch-car img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.pinch-left{left:-48%;animation:pinch-left 4.6s infinite}.pinch-right{right:-48%;animation:pinch-right 4.6s infinite}.pinch-right img{transform:scaleX(-1)}
.emote-pinch-ball{position:absolute;left:37%;top:46%;width:26%;height:26%;z-index:3;transform-origin:center;animation:pinch-ball 4.6s infinite}
.emote-pinch-impact{position:absolute;left:30%;top:40%;width:40%;height:40%;border:3px solid #d7f7ff;border-radius:50%;box-shadow:0 0 0 2px #5acaff99,inset 0 0 12px #74dbff,0 0 15px #58bdff;opacity:0;z-index:2;animation:pinch-impact 4.6s infinite}
.emote-pinch-trail{position:absolute;left:40%;top:44%;width:20%;height:30%;background:radial-gradient(ellipse,#b6efffaa,transparent 70%);opacity:0;animation:pinch-impact 4.6s infinite;z-index:2}
@keyframes pinch-left{0%,8%,100%{transform:translateX(0) rotate(0)}20%{transform:translateX(15%) rotate(-3deg)}42%{transform:translateX(112%) rotate(-4deg)}47%{transform:translateX(115%) rotate(3deg) scale(1.03,.96)}53%{transform:translate(95%,-12%) rotate(-12deg)}61%{transform:translate(45%,-45%) rotate(-28deg)}70%,94%{transform:translate(-35%,-80%) rotate(-42deg)}}
@keyframes pinch-right{0%,8%,100%{transform:translateX(0) rotate(0)}20%{transform:translateX(-15%) rotate(3deg)}42%{transform:translateX(-112%) rotate(4deg)}47%{transform:translateX(-115%) rotate(-3deg) scale(1.03,.96)}53%{transform:translate(-95%,-12%) rotate(12deg)}61%{transform:translate(-45%,-45%) rotate(28deg)}70%,94%{transform:translate(35%,-80%) rotate(42deg)}}
@keyframes pinch-ball{0%,40%{opacity:1;transform:scale(1) rotate(0)}46%{opacity:1;transform:scale(.94,1.05) rotate(10deg)}50%{opacity:1;transform:scale(1.2) rotate(20deg)}61%{opacity:1;transform:scale(4) rotate(65deg)}69%{opacity:0;transform:scale(7) rotate(100deg)}90%{opacity:0;transform:scale(.7)}100%{opacity:1;transform:scale(1)}}
@keyframes pinch-impact{0%,43%{opacity:0;transform:scale(.2)}46%{opacity:1;transform:scale(.6)}54%{opacity:.7;transform:scale(1.4)}62%,100%{opacity:0;transform:scale(2)}}
@media(prefers-reduced-motion:reduce){.emote-pinch *{animation:none!important}.emote-pinch-ball{opacity:1;transform:none}.pinch-left{transform:translateX(100%)}.pinch-right{transform:translateX(-100%)}}

.emote-pinch-impact i,.emote-pinch-impact b,.emote-pinch-impact em{position:absolute;left:40%;top:-28%;width:10%;height:35%;border-radius:40%;background:linear-gradient(#e9fdff,#3bbfff);box-shadow:0 0 5px #7deaff;transform-origin:50% 230%;rotate:-55deg}.emote-pinch-impact b{rotate:55deg}.emote-pinch-impact em{rotate:175deg}
.emote-pinch-title{position:absolute;left:0;top:36%;width:100%;z-index:5;text-align:center;color:#fff4bb;font-family:Impact,'Arial Black',sans-serif;font-size:calc(var(--emote-size,96px)*.245);font-weight:900;line-height:1.1;letter-spacing:-.035em;-webkit-text-stroke:calc(var(--emote-size,96px)*.006) #162d52;text-shadow:0 .055em 0 #29578b,0 .09em 0 #122444;opacity:0;transform-origin:center;animation:pinch-title 4.6s infinite;pointer-events:none}
@keyframes pinch-title{0%,69%{opacity:0;transform:scale(.35) rotate(-12deg)}76%{opacity:1;transform:scale(1.12) rotate(-5deg)}82%{opacity:1;transform:scale(.97) rotate(-4deg)}86%,94%{opacity:1;transform:scale(1) rotate(-4deg)}100%{opacity:0;transform:scale(.9) rotate(-4deg)}}
@media(prefers-reduced-motion:reduce){.emote-pinch-title{opacity:0}}

/* Fear: a startled beat, a held tremble, then a small release. */
.emote-fear{background:none;animation:none;position:relative;overflow:visible;isolation:isolate}
.emote-fear-ground{position:absolute;left:24%;top:86%;width:52%;height:7%;background:#07132266;border-radius:50%;filter:blur(2px);animation:fear-shadow 3.6s ease-in-out infinite}
.emote-fear-rig{position:absolute;inset:8% 8% 7%;transform-origin:50% 85%;animation:fear-startle 3.6s ease-in-out infinite}
.emote-fear-rig img{display:block;width:100%;height:100%;object-fit:contain;animation:fear-tremble .115s ease-in-out infinite}
.emote-fear-sweat{position:absolute;width:6%;height:10%;border-radius:70% 10% 65% 65%;background:linear-gradient(135deg,#f1ffff 8%,#8aeaff 32%,#269edc);border:1px solid #194d78;box-shadow:inset 1px 1px #e8ffff;opacity:0;animation:fear-sweat 1.8s ease-out infinite;--sweat-x:350%;--sweat-y:-140%;--sweat-rotate:15deg}
.emote-fear-sweat.sweat-0{left:82%;top:25%;animation-delay:0s}
.emote-fear-sweat.sweat-1{left:12%;top:28%;--sweat-x:-350%;--sweat-y:-180%;--sweat-rotate:-105deg;animation-delay:.3s}
.emote-fear-sweat.sweat-2{left:84%;top:42%;--sweat-x:380%;--sweat-y:40%;--sweat-rotate:60deg;animation-delay:.6s}
.emote-fear-sweat.sweat-3{left:10%;top:45%;--sweat-x:-380%;--sweat-y:60%;--sweat-rotate:-150deg;animation-delay:.9s}
.emote-fear-sweat.sweat-4{left:76%;top:16%;--sweat-x:230%;--sweat-y:-280%;--sweat-rotate:-10deg;animation-delay:1.2s}
.emote-fear-sweat.sweat-5{left:18%;top:18%;--sweat-x:-250%;--sweat-y:-260%;--sweat-rotate:-80deg;animation-delay:1.5s}
@keyframes fear-startle{0%,100%{transform:translateY(0) scale(1)}8%{transform:translateY(2%) scale(1.06,.93)}16%{transform:translateY(-7%) scale(.94,1.06)}24%,76%{transform:translateY(-3%) scale(.98,1.02)}88%{transform:translateY(1%) scale(1.02,.98)}}
@keyframes fear-tremble{0%,100%{transform:translateX(-1.4%) rotate(-1deg)}50%{transform:translateX(1.4%) rotate(1deg)}}
@keyframes fear-sweat{0%{opacity:0;transform:translate(0,0) scale(.35) rotate(var(--sweat-rotate))}12%{opacity:1}22%{opacity:1;transform:translate(calc(var(--sweat-x)*.35),calc(var(--sweat-y)*.55)) scale(1) rotate(var(--sweat-rotate))}55%{opacity:0;transform:translate(var(--sweat-x),var(--sweat-y)) scale(.65) rotate(var(--sweat-rotate))}100%{opacity:0;transform:translate(var(--sweat-x),var(--sweat-y)) scale(.65) rotate(var(--sweat-rotate))}}
@keyframes fear-shadow{0%,100%{transform:scaleX(1);opacity:.8}16%{transform:scaleX(.8);opacity:.5}76%{transform:scaleX(.9);opacity:.65}}
@media(prefers-reduced-motion:reduce){.emote-fear *{animation:none!important}.emote-fear-sweat.sweat-0{opacity:1}}

/* Chat emotes finish once; tapping the message replays them. */
.emote-message-play .emote-sprite,.emote-message-play .emote-sprite *{animation-iteration-count:1}
.emote-message-play{content-visibility:auto;contain-intrinsic-size:96px 96px}