.clown-wild-feature{position:absolute;z-index:45;inset:0;pointer-events:none;overflow:hidden}
.clown-wild-feature[hidden]{display:none}
.clown-wild-feature img{position:absolute;left:50%;top:27%;width:min(36%,520px);height:42%;object-fit:contain;translate:-50% 0;filter:drop-shadow(0 10px 14px #090014aa)}
.clown-wild-feature[data-state="performing"] img{animation:clown-feature-arrive .28s ease-out both}
.clown-target-ring{position:absolute;z-index:3;box-sizing:border-box;border:4px solid #ffd85f;border-radius:14%;box-shadow:0 0 8px #fff,0 0 22px #ff442e,inset 0 0 12px #ffd85f;animation:clown-target-lock .38s ease-out both}
.clown-magic-spark{position:absolute;z-index:4;color:#fff6b0;font:700 18px/1 Georgia,serif;text-shadow:0 0 5px #fff,0 0 12px #ffa72d;pointer-events:none}
.symbol[class*="clown-transform-"]{animation:clown-cell-flip .52s ease-out}
@keyframes clown-feature-arrive{from{opacity:0;translate:-50% 5%;scale:.92}to{opacity:1;translate:-50% 0;scale:1}}
@keyframes clown-target-lock{from{opacity:0;scale:.65}to{opacity:1;scale:1}}
@keyframes clown-beam-cast{from{opacity:0;scale:.05 1}to{opacity:1;scale:1}}
@keyframes clown-cell-flip{50%{transform:perspective(300px) rotateY(90deg);filter:brightness(1.8)}}
@media(max-width:900px) and (orientation:portrait){.clown-wild-feature img{top:29%;width:66%;height:36%}}
@media(prefers-reduced-motion:reduce){.clown-wild-feature img,.clown-target-ring,.clown-magic-beam,.symbol[class*="clown-transform-"]{animation:none!important}}