#fistbump-effect-layer{position:fixed;inset:0;z-index:2147482450;pointer-events:none;overflow:hidden;display:grid;place-items:center;font-family:Inter,Segoe UI,Arial,sans-serif}.fistbump-stage{position:relative;width:min(900px,92vw);height:min(430px,55vh)}.fistbump-avatar{position:absolute;top:50%;width:clamp(150px,20vw,240px);display:flex;flex-direction:column;align-items:center;gap:10px;filter:drop-shadow(0 18px 28px rgba(0,0,0,.65))}.fistbump-left{left:50%;transform:translate(-140vw,-50%) rotate(-8deg);animation:fistbump-left 1.9s cubic-bezier(.15,.75,.12,1) forwards}.fistbump-right{left:50%;transform:translate(140vw,-50%) rotate(8deg);animation:fistbump-right 1.9s cubic-bezier(.15,.75,.12,1) forwards}.fistbump-avatar-ring{width:clamp(105px,14vw,170px);aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle,#252a32 0,#11151b 70%);border:4px solid rgba(236,242,255,.85);box-shadow:0 0 0 5px rgba(116,83,180,.28),0 0 28px rgba(180,150,255,.32)}.fistbump-avatar-ring img{width:100%;height:100%;object-fit:cover}.fistbump-avatar-ring span{font-size:clamp(34px,6vw,64px);font-weight:900;color:#eee}.fistbump-avatar strong{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f5f5;font-size:clamp(15px,2vw,22px);text-shadow:0 2px 8px #000}.fistbump-fist{position:absolute;top:44%;font-size:clamp(54px,8vw,92px);filter:drop-shadow(0 8px 9px rgba(0,0,0,.4));z-index:2}.fistbump-left .fistbump-fist{right:-34px}.fistbump-right .fistbump-fist{left:-34px}.fistbump-burst{position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);opacity:0;animation:fistbump-burst .8s ease-out .68s forwards}.fistbump-burst:before{content:"";position:absolute;inset:-28px;border:4px solid rgba(255,255,255,.9);border-radius:50%;animation:fistbump-ring .65s ease-out .02s forwards}.fistbump-burst i{position:absolute;left:8px;top:8px;width:5px;height:70px;border-radius:10px;background:linear-gradient(#fff,rgba(255,215,90,.2));transform-origin:50% 10px}.fistbump-burst i:nth-child(1){transform:rotate(0deg)}.fistbump-burst i:nth-child(2){transform:rotate(60deg)}.fistbump-burst i:nth-child(3){transform:rotate(120deg)}.fistbump-burst i:nth-child(4){transform:rotate(180deg)}.fistbump-burst i:nth-child(5){transform:rotate(240deg)}.fistbump-burst i:nth-child(6){transform:rotate(300deg)}.fistbump-caption{position:absolute;left:50%;top:74%;transform:translate(-50%,20px);display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;animation:fistbump-caption 1.9s ease-out forwards;text-align:center}.fistbump-caption strong{font-size:clamp(24px,4vw,48px);letter-spacing:.1em;color:#f1f1f1;text-shadow:0 3px 0 #000,0 0 18px rgba(255,220,120,.42)}.fistbump-caption span{font-size:clamp(13px,1.8vw,19px);color:#d9d9df;text-shadow:0 2px 5px #000}.is-legendary .fistbump-avatar-ring{box-shadow:0 0 0 6px rgba(255,211,91,.35),0 0 42px rgba(255,211,91,.72)}.is-legendary .fistbump-caption strong{color:#ffe59a;text-shadow:0 3px 0 #000,0 0 28px rgba(255,194,45,.8)}.is-legendary .fistbump-burst{filter:saturate(1.4) brightness(1.25)}.fistbump-bro-mark{margin-left:5px;font-size:12px;filter:drop-shadow(0 0 5px rgba(255,220,130,.55))}.fistbump-layer.is-leaving{opacity:0;transition:opacity .32s ease}@keyframes fistbump-left{0%{transform:translate(-140vw,-50%) rotate(-8deg)}34%{transform:translate(-150%,-50%) rotate(-3deg)}48%,70%{transform:translate(-100%,-50%) rotate(0deg)}76%{transform:translate(-106%,-50%) rotate(-2deg)}100%{transform:translate(-140vw,-50%) rotate(-7deg)}}@keyframes fistbump-right{0%{transform:translate(140vw,-50%) rotate(8deg)}34%{transform:translate(50%,-50%) rotate(3deg)}48%,70%{transform:translate(0,-50%) rotate(0deg)}76%{transform:translate(6%,-50%) rotate(2deg)}100%{transform:translate(140vw,-50%) rotate(7deg)}}@keyframes fistbump-burst{0%{opacity:0;scale:.3}15%{opacity:1;scale:1.25}100%{opacity:0;scale:1.7}}@keyframes fistbump-ring{0%{opacity:1;scale:.2}100%{opacity:0;scale:3}}@keyframes fistbump-caption{0%,38%{opacity:0;transform:translate(-50%,20px) scale(.96)}52%,82%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-6px) scale(.99)}}@media(max-width:700px){.fistbump-stage{width:96vw}.fistbump-avatar{width:138px}.fistbump-left .fistbump-fist{right:-25px}.fistbump-right .fistbump-fist{left:-25px}}@media(prefers-reduced-motion:reduce){.fistbump-avatar,.fistbump-burst,.fistbump-caption,.fistbump-burst:before{animation-duration:.01ms!important;animation-delay:0ms!important}}