/* Bandinha dos bichos: palco à noite; dois bichos atrás num degrau, dois na frente. */
.play-bandinha .toy-scene{background:#3a2a52}
.bd-back{position:absolute;inset:0;background:radial-gradient(ellipse 75% 50% at 50% 28%,#7a5aa6,#3a2a52 72%)}
.bd-back::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#ffffff55 1.2px,transparent 1.6px);background-size:28px 28px;opacity:.5}
.bd-floor{position:absolute;left:0;right:0;bottom:0;height:58%;background:linear-gradient(#c98b55,#a8693f);box-shadow:inset 0 8px 0 #dfa673}
.bd-floor::before{content:"";position:absolute;left:0;right:0;top:0;height:16%;background:linear-gradient(#d99a62,#b97a4a);box-shadow:inset 0 6px 0 #eab47e,0 6px 0 #8a5531}
.bd-floor::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 12cqw,#00000014 12cqw 12.4cqw)}
.bd-lights{z-index:1}
.bd-party .bd-lights i{animation-duration:.5s}
.bd-player{position:absolute;z-index:4;width:min(46cqw,30cqh);aspect-ratio:1;border:0;padding:0;background:transparent;transform-origin:50% 100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.bd-p0{left:26%;bottom:47%;translate:-50% 0}.bd-p1{left:74%;bottom:47%;translate:-50% 0}
.bd-p2{left:27%;bottom:9%;translate:-50% 0;z-index:5}.bd-p3{left:73%;bottom:9%;translate:-50% 0;z-index:5}
.bd-animal{position:absolute;inset:6% 10% 10%;transform-origin:50% 100%}
.bd-animal .art-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 4px #0004) saturate(.75) brightness(.9);transition:filter .3s}
.bd-spot{position:absolute;left:8%;right:8%;bottom:2%;height:14%;border-radius:50%;background:#00000030;transition:background .3s,box-shadow .3s}
.bd-inst{position:absolute;right:-8%;bottom:4%;width:50%;aspect-ratio:1;display:grid;place-items:center;transform-origin:50% 80%}
.bd-inst svg{width:100%;height:auto;filter:drop-shadow(0 3px 2px #0004)}
.bd-player.on .bd-animal{animation:bd-dance var(--dur,580ms) ease-in-out infinite alternate}
.bd-player.on .bd-animal .art-img{filter:drop-shadow(0 5px 4px #0004)}
.bd-player.on .bd-spot{background:var(--c);box-shadow:0 0 26px 8px var(--c)}
.bd-player:not(.on) .bd-animal{animation:bd-wait 2.4s ease-in-out infinite alternate}
.bd-note{position:absolute;left:40%;top:10%;font-style:normal;font-weight:800;font-size:clamp(20px,7cqw,34px);text-shadow:0 2px 0 #0003;pointer-events:none}
.bd-player:focus-visible{outline:4px solid #fff;outline-offset:4px;border-radius:24px}
@keyframes bd-dance{from{rotate:-6deg;scale:1 1}to{rotate:6deg;scale:1.04 .96}}
@keyframes bd-wait{from{translate:0 0}to{translate:0 -3%}}
@container (orientation:landscape){
  .bd-player{width:min(23cqw,46cqh)}
  .bd-p0{left:17%;bottom:12%}.bd-p1{left:39%;bottom:22%}.bd-p2{left:61%;bottom:22%}.bd-p3{left:81%;bottom:12%}
}
@media(prefers-reduced-motion:reduce){.bd-player .bd-animal{animation:none!important}}