#ass-kick-effect-layer{--av:clamp(105px,13vw,170px);--boot:clamp(250px,29vw,400px);position:fixed;inset:0;z-index:2147482450;display:grid;overflow:hidden;place-items:center;pointer-events:none;font-family:Inter,"Segoe UI",Arial,sans-serif}
.ass-kick-vignette{position:absolute;inset:0;background:radial-gradient(circle at 52% 52%,rgba(126,20,13,.08) 0 16%,rgba(10,12,8,.7) 60%,rgba(2,3,2,.94) 100%);opacity:0;animation:ass-kick-vignette 3s ease-out forwards}
.ass-kick-stage{position:relative;width:min(980px,96vw);height:min(580px,76vh);filter:drop-shadow(0 22px 28px rgba(0,0,0,.7));animation:ass-kick-shake .45s 1.29s linear both}
.ass-kick-target{position:absolute;z-index:2;left:55%;top:50%;display:grid;justify-items:center;gap:10px;transform:translate(-50%,-50%);animation:ass-kick-victim 3s linear forwards;will-change:transform,opacity,filter}
.ass-kick-avatar{width:var(--av);aspect-ratio:1;overflow:hidden;border:5px solid #6d1e17;border-radius:50%;background:#111;box-shadow:0 0 0 3px #d2ad58,0 16px 38px rgba(0,0,0,.72)}
.ass-kick-avatar img{width:100%;height:100%;object-fit:cover}.ass-kick-avatar span{display:grid;width:100%;height:100%;place-items:center;color:#eee;font-size:34px;font-weight:900}
.ass-kick-target b{max-width:220px;overflow:hidden;color:#e5dcb9;font-size:12px;letter-spacing:.16em;text-overflow:ellipsis;text-shadow:0 2px 5px #000;white-space:nowrap}
.ass-kick-leg{position:absolute;z-index:5;width:var(--boot);left:calc(55% - var(--av) * .46 - var(--boot) * .815);top:calc(50% + var(--av) * .16 - var(--boot) * 1.093);transform-origin:81.5% 82%;animation:ass-kick-boot 3s linear forwards;will-change:transform,opacity}
.ass-kick-boot-svg{display:block;width:100%;height:auto;aspect-ratio:540/720;overflow:visible;filter:drop-shadow(0 14px 14px rgba(0,0,0,.6))}
.ass-kick-impact{position:absolute;z-index:4;left:calc(55% - var(--av) * .46);top:calc(50% + var(--av) * .16);width:0;height:0;opacity:0;animation:ass-kick-impact 3s ease-out forwards}
.ass-kick-impact i{position:absolute;left:0;top:0;width:150px;height:150px;margin:-75px 0 0 -75px;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.ass-kick-impact i:nth-child(1){background:#f1c550;transform:scale(1.18)}
.ass-kick-impact i:nth-child(2){background:linear-gradient(180deg,#ff4a3d,#b0121a)}
.ass-kick-impact i:nth-child(3){width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;clip-path:none;background:radial-gradient(circle,#fff,#ffe9a0 45%,rgba(255,170,60,0) 70%)}
.ass-kick-stage>strong{position:absolute;z-index:6;left:50%;bottom:5%;color:#d9bd6b;font-size:clamp(13px,1.5vw,20px);letter-spacing:.28em;opacity:0;text-shadow:0 2px 4px #000,0 0 16px rgba(175,29,20,.8);transform:translateX(-50%);white-space:nowrap;animation:ass-kick-caption 3s ease-out forwards}
@keyframes ass-kick-vignette{0%,10%{opacity:0}28%,72%{opacity:1}100%{opacity:0}}
@keyframes ass-kick-boot{0%,8%{opacity:0;transform:translate(-70vw,42vh) rotate(-4deg);animation-timing-function:ease-out}20%{opacity:1;transform:translate(-33vw,21vh) rotate(-9deg);animation-timing-function:ease-in-out}31%{opacity:1;transform:translate(-39vw,26vh) rotate(0deg);animation-timing-function:cubic-bezier(.7,0,1,.55)}43%{opacity:1;transform:translate(0,0) rotate(-30deg);animation-timing-function:ease-out}47%{opacity:1;transform:translate(calc(var(--av) * .16),calc(var(--av) * -.1)) rotate(-34deg);animation-timing-function:ease-in-out}62%{opacity:1;transform:translate(-18vw,14vh) rotate(-12deg);animation-timing-function:ease-in}82%,100%{opacity:0;transform:translate(-62vw,42vh) rotate(-4deg)}}
@keyframes ass-kick-victim{0%,13%{opacity:0;transform:translate(-50%,-50%) scale(.6);animation-timing-function:cubic-bezier(.2,1.4,.4,1)}22%{opacity:1;transform:translate(-50%,-50%) scale(1);animation-timing-function:linear}25%{transform:translate(-51.5%,-50%) rotate(-2deg)}28%{transform:translate(-48.5%,-50%) rotate(2deg)}31%{transform:translate(-51.5%,-50%) rotate(-2deg)}34%{transform:translate(-48.5%,-50%) rotate(2deg)}37%{transform:translate(-51%,-50%) rotate(-1.5deg)}40%{transform:translate(-49%,-50%) rotate(1.5deg)}43%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:none;animation-timing-function:ease-out}44.5%{transform:translate(-47%,-49%) scale(.74,1.2) rotate(-6deg);filter:brightness(2.4) saturate(1.6);animation-timing-function:ease-in}46%{transform:translate(-40%,-53%) scale(1.14,.86) rotate(10deg);filter:brightness(1.4);animation-timing-function:cubic-bezier(.3,.2,.6,1)}62%{opacity:1;transform:translate(calc(-50% + 36vw),calc(-50% - 24vh)) rotate(430deg) scale(.82);filter:blur(1px)}100%{opacity:0;transform:translate(calc(-50% + 92vw),calc(-50% - 56vh)) rotate(1200deg) scale(.34);filter:blur(4px)}}
@keyframes ass-kick-impact{0%,42.5%{opacity:0;transform:scale(.1) rotate(0)}44%{opacity:1;transform:scale(.7) rotate(8deg)}52%{opacity:.9;transform:scale(1.25) rotate(20deg)}70%,100%{opacity:0;transform:scale(1.9) rotate(32deg)}}
@keyframes ass-kick-shake{0%{transform:none}12%{transform:translate(-14px,7px)}26%{transform:translate(12px,-8px)}42%{transform:translate(-9px,-5px)}58%{transform:translate(7px,5px)}78%{transform:translate(-3px,2px)}100%{transform:none}}
@keyframes ass-kick-caption{0%,46%{opacity:0;transform:translate(-50%,14px)}57%,80%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-8px)}}
@media(prefers-reduced-motion:reduce){.ass-kick-vignette,.ass-kick-leg,.ass-kick-target,.ass-kick-impact,.ass-kick-stage,.ass-kick-stage>strong{animation-duration:.01ms!important;animation-delay:0ms!important}}
