/* Estoura bolhas: cenário da fazenda, a Maya embaixo com a varinha, bolhas grandes flutuando. */
.play-bolhas .toy-scene{background:#9fd7f2;isolation:isolate;touch-action:none}
.bol-bg{position:absolute;inset:0;background:url(../assets/cenarios/fazenda.webp) 18% 38%/cover no-repeat}
.bol-back{position:absolute;inset:0;z-index:2;border:0;padding:0;background:transparent;touch-action:none;cursor:pointer}
.bol-maya{position:absolute;left:50%;bottom:2%;width:min(60cqw,36cqh);aspect-ratio:1;translate:-50% 0;z-index:40;pointer-events:none}
.bol-maya-art{inset:0}
.bol-wand{position:absolute;left:60%;top:16%;width:34%;height:50%;transform-origin:20% 96%}
.bol-wand svg{display:block;width:100%;height:100%;overflow:visible}
.bol-figs{position:absolute;inset:0;z-index:30;pointer-events:none}
.bol-fig{position:absolute;width:min(19cqw,12cqh);aspect-ratio:1;translate:-50% -100%;display:grid;place-items:center}
.bol-fig .art-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 2px rgba(50,80,30,.3))}
.bol-sky{position:absolute;inset:0;z-index:50;pointer-events:none}
.bol-fx{position:absolute;inset:0;z-index:60;pointer-events:none}
.bol-bubble{position:absolute;width:min(36cqw,23cqh);aspect-ratio:1;translate:-50% -50%;border:0;padding:0;background:none;border-radius:50%;pointer-events:auto;touch-action:none;cursor:pointer}
.bol-bubble.bol-gold{width:min(62cqw,40cqh)}
.bol-float{position:absolute;inset:0;border-radius:50%;animation:bol-wobble 3.2s ease-in-out infinite alternate}
.bol-film{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 55%,#ffffff10 50%,#c7f0ff40 70%,#ffc4ec66 84%,#fff7 96%);box-shadow:inset 0 0 0 2px #ffffffb0,inset -8px -10px 18px #b49cff55,inset 8px 8px 16px #9ff1ff55,0 6px 18px #4a8fb02a;animation:bol-tint 5s linear infinite}
.bol-gold .bol-film{background:radial-gradient(circle at 50% 55%,#fff3c455 30%,#ffd36d99 62%,#ffb02ecc 86%,#fff4c4 97%);box-shadow:inset 0 0 0 3px #fff4c4,inset -12px -14px 26px #ffb02e88,0 0 40px #ffd36dcc,0 0 90px #ffe9a0aa;animation:bol-glow 1.4s ease-in-out infinite alternate}
.bol-in{position:absolute;inset:19%;display:grid;place-items:center;animation:bol-spin 6s ease-in-out infinite alternate}
.bol-in .art-img{width:100%;height:100%;object-fit:contain}
.bol-shine{position:absolute;left:18%;top:13%;width:26%;height:15%;border-radius:50%;background:#fffd;rotate:-35deg;filter:blur(1px)}
.bol-shine::after{content:"";position:absolute;left:115%;top:60%;width:28%;height:60%;border-radius:50%;background:#fffc}
.bol-mini{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#ffffff55 45%,#c7f0ff33);border:1.5px solid #ffffffcc;pointer-events:none}
.bol-drop{position:absolute;width:clamp(8px,2.6cqw,14px);aspect-ratio:1;border-radius:50%;box-shadow:inset -2px -2px 0 #0001;pointer-events:none}
@keyframes bol-wobble{0%{scale:1 1;translate:0 0}50%{scale:1.04 .97;translate:3% -4%}100%{scale:.97 1.03;translate:-3% 3%}}
@keyframes bol-spin{from{rotate:-8deg}to{rotate:8deg}}
@keyframes bol-tint{to{filter:hue-rotate(360deg)}}
@keyframes bol-glow{from{scale:1}to{scale:1.03}}