/* Scoped to the creative-page game; the other illustrated scenes stay unchanged. */
.sling-interactive .flock,.sling-interactive .flamingo{transform:none!important}
.sling-interactive .game-layer[hidden],.sling-interactive .catch-sparks[hidden]{display:none}
.sling-interactive .sling-hint{opacity:.35}
.sling-handle{cursor:grab;touch-action:none;outline:none}
.sling-handle:active{cursor:grabbing}
.sling-handle .handle-focus{opacity:0}
.sling-handle:focus-visible .handle-focus{opacity:1}
.sling-interactive[data-state=flight] .sling-handle,.sling-interactive[data-state=caught] .sling-handle{visibility:hidden}
.flamingo-controls{padding:8px 16px 0;text-align:center}
.flamingo-controls .game-status{font-family:Ugly,cursive;font-size:clamp(22px,2vw,28px);line-height:1.25;min-height:2.5em;margin:0 0 12px}
.game-tools{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;font-family:Albert,sans-serif;font-size:14px}
.game-tools label{display:flex;align-items:center;gap:10px}
.game-tools meter{width:100px;accent-color:#89516f}
.game-reset{background:#fff3db;color:#242b25;border:2px solid #242b25;border-radius:30px;padding:10px 16px;cursor:pointer;font:inherit;min-height:44px}
.game-reset:hover{background:#e4cedd}
.game-reset:focus-visible{outline:3px solid #89516f;outline-offset:3px}
.flamingo-controls .game-help{font:12px/1.5 Albert,sans-serif;margin:12px 0 0}
.sling-interactive[data-state=caught] .flamingo{filter:drop-shadow(0 3px 0 #fff3db)}
.sling-interactive[data-state=ready] .flying-loop,.sling-interactive[data-state=aiming] .flying-loop{visibility:hidden}
/* Each bird crosses the illustration boundary; the flock is clipped to the art. */
.sling-interactive .flight-bird{animation:flock-flight var(--flight-time,14s) linear var(--flight-delay,0s) infinite;animation-play-state:paused}
.sling-interactive.birds-in-view .flight-bird{animation-play-state:running}
.flight-bird path{transform-box:fill-box;transform-origin:center;animation:flock-wings .65s ease-in-out infinite alternate;animation-play-state:inherit}
@keyframes flock-flight{from{transform:translate(620px,90px)}to{transform:translate(-620px,-100px)}}
@keyframes flock-wings{from{transform:scaleY(.7) rotate(-4deg)}to{transform:scaleY(1.15) rotate(4deg)}}
@media(prefers-reduced-motion:reduce){.sling-interactive .flight-bird,.sling-interactive .flight-bird path{animation:none;transform:none}}

.sling-interactive.birds-paused .flight-bird{animation-play-state:paused!important}
