/* Make & Build extras (games/build/build-plus.js). Only transform and opacity animate; the global
   prefers-reduced-motion rule in playlab.html turns these off and the character simply stays still. */
#cone .bx-char{transform-box:fill-box;transform-origin:50% 100%;cursor:pointer;outline:none;animation:bx-breathe 3.2s ease-in-out infinite}
#cone .bx-char:focus-visible{filter:drop-shadow(0 0 3px #4DA3FF) drop-shadow(0 0 3px #4DA3FF)}
.bx-blinkg{opacity:0}
#cone .bx-blinkg{animation:bx-idleblink 5.2s linear 1.5s infinite}
#cone .bx-char.bx-hop{animation:bx-hop .6s cubic-bezier(.3,1.4,.5,1)}
#cone .bx-char.bx-hop .bx-blinkg{animation:bx-blink .45s linear}
#cone .bx-char.bx-wiggle{animation:bx-wiggle .6s ease-in-out}
#cone .bx-char.bx-stomp{animation:bx-stomp .55s ease-in-out}
#cone .bx-pop{animation:bx-pop .8s ease-out both;pointer-events:none}
#cone .bx-scene{pointer-events:none}
.bx-tile .sy svg{display:block;margin:0 auto}
@keyframes bx-breathe{0%,100%{transform:scale(1,1)}50%{transform:scale(1.012,.988)}}
@keyframes bx-idleblink{0%,94%{opacity:0}95%,98%{opacity:1}99%,100%{opacity:0}}
@keyframes bx-blink{0%,15%{opacity:0}25%,75%{opacity:1}85%,100%{opacity:0}}
@keyframes bx-hop{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1.06,.92)}50%{transform:translateY(-16px) scale(.97,1.04)}80%{transform:translateY(0) scale(1.03,.97)}100%{transform:none}}
@keyframes bx-wiggle{0%,100%{transform:rotate(0)}20%{transform:rotate(-6deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(2deg)}}
@keyframes bx-stomp{0%,100%{transform:translateY(0)}25%{transform:translateY(-8px) rotate(-3deg)}45%{transform:translateY(2px) scale(1.04,.95)}70%{transform:translateY(-5px) rotate(3deg)}85%{transform:translateY(1px) scale(1.03,.97)}}
@keyframes bx-pop{0%{opacity:0;transform:translate(var(--px,0),0) scale(.3)}25%{opacity:1}100%{opacity:0;transform:translate(var(--px,0),-34px) scale(1.15)}}
/* the cape flaps in the wind (stage only); fill-box origin = its right edge, where it is tied at the neck */
#cone .bx-cape{transform-box:fill-box;transform-origin:100% 40%;animation:bx-flap 2.6s ease-in-out infinite}
@keyframes bx-flap{0%,100%{transform:skewY(0) scaleX(1)}35%{transform:skewY(-5deg) scaleX(.95)}70%{transform:skewY(3deg) scaleX(1.03)}}
/* Dress up: the chosen season, tap to pick another */
.bx-season{grid-column:1/-1;display:flex;align-items:center;gap:8px;width:100%;margin:2px 0 8px;padding:6px 14px;border:2.500px solid #16111F;border-radius:999px;font:800 15px Nunito,sans-serif;color:#26244F;cursor:pointer;text-transform:capitalize}
.bx-season span{margin-left:auto;font-size:13px;color:#6B6A8C;text-decoration:underline}
.bx-season svg{flex:none}