.click-effects-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:40}
/* Decorative illustrations should never become a drag/selection target. */
img,svg,.phone-stage,.feature-art,.comparison,.click-effects-layer{-webkit-user-select:none;user-select:none}
img{-webkit-user-drag:none}
.comic-click-effect{position:absolute;width:96px;height:64px;pointer-events:none;will-change:transform,opacity;animation:comic-click-pop 880ms both}
.comic-click-effect img{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 1px #15234520)}
@keyframes comic-click-pop{0%{opacity:0;transform:translate(-50%,-38%) rotate(var(--click-angle)) scale(.42)}18%{opacity:1;transform:translate(-50%,-50%) rotate(var(--click-angle)) scale(1.12);animation-timing-function:cubic-bezier(.2,.7,.2,1)}34%{opacity:1;transform:translate(-50%,-51%) rotate(var(--click-angle)) scale(1)}68%{opacity:1;transform:translate(-50%,-53%) rotate(var(--click-angle)) scale(1);animation-timing-function:cubic-bezier(.3,0,1,1)}100%{opacity:0;transform:translate(-50%,-77%) rotate(var(--click-angle)) scale(.94)}}
@media(max-width:600px){.comic-click-effect{width:72px;height:48px}}
@media(prefers-reduced-motion:reduce){.click-effects-layer{display:none}}