/* PopeX v145 — short, crisp membrane-shatter moment.
   v144 had pale confetti: strengthen the physical tear instead of particle count.
   Compositor-friendly transforms/opacity, no filters, no persistent animations. */
.pw145-fragment{
  position:fixed; z-index:190; pointer-events:none;
  box-sizing:border-box; width:11px; height:9px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:60% 28% 48% 19%;
  background:linear-gradient(138deg,rgba(255,255,255,.92) -15%,
    var(--pw145-color,#60bbe6) 34%,
    color-mix(in srgb,var(--pw145-color,#60bbe6) 72%,#162b42) 100%);
  box-shadow:0 1px 2px rgba(6,19,36,.23);
  animation:pw145Shatter .65s cubic-bezier(.19,.66,.3,1) both;
}
.pw145-fragment.skin{
  width:15px;height:9px;
  border-radius:75% 28% 10% 64%;
  clip-path:polygon(1% 19%,32% 1%,69% 4%,100% 49%,78% 83%,44% 58%,5% 95%);
}
.pw145-fragment.chip{
  width:11px;height:10px;
  clip-path:polygon(10% 1%,95% 22%,81% 82%,37% 100%,1% 64%);
}
.pw145-fragment.sliver{
  width:13px;height:5px;
  border-radius:90% 15% 88% 14%;
}
.pw145-fragment.droplet{
  width:7px;height:9px;
  border-radius:72% 22% 75% 38%;
}
@keyframes pw145Shatter{
  0%{opacity:.92;transform:translate3d(-50%,-50%,0) rotate(0deg) scale(.80)}
  12%{opacity:1;transform:translate3d(-50%,-50%,0) rotate(13deg) scale(1.22)}
  54%{opacity:1;transform:translate3d(calc(-50% + var(--pw145-half-x)),calc(-50% + var(--pw145-half-y)),0) rotate(calc(var(--pw145-rot) * .52)) scale(1)}
  78%{opacity:.93;transform:translate3d(calc(-50% + var(--pw145-x)),calc(-50% + var(--pw145-y)),0) rotate(var(--pw145-rot)) scale(.87)}
  100%{opacity:0;transform:translate3d(calc(-50% + var(--pw145-x)),calc(-50% + var(--pw145-y) + 6px),0) rotate(var(--pw145-rot)) scale(.66)}
}
.pw145-pop-glint{
  position:fixed;z-index:191;pointer-events:none;
  width:17px;height:17px;
  background:rgba(249,254,255,.96);
  clip-path:polygon(50% 0,58% 40%,100% 50%,58% 60%,50% 100%,42% 60%,0 50%,42% 40%);
  animation:pw145Glint .22s ease-out both;
}
@keyframes pw145Glint{
  0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.4)}
  42%{opacity:.93;transform:translate3d(-50%,-50%,0) scale(1)}
  100%{opacity:0;transform:translate3d(-50%,-50%,0) scale(1.45)}
}
@media(prefers-reduced-motion:reduce){
  .pw145-fragment,.pw145-pop-glint{animation:none!important;display:none!important}
}