/* Varinha Mágica: jardim do entardecer ao dia; alvos grandes e brilhos leves. */
.toy-varinha .toy-scene{background:#cdbfe6;touch-action:none;cursor:pointer}
.toy-varinha-layer{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.toy-varinha-day{transition:opacity 1.4s ease}
.toy-varinha-dusk-stars{transition:opacity 1.2s ease}
.toy-varinha-grid{position:absolute;inset:3% 3% 27% 3%;display:grid;grid-template:1fr 1fr / 1fr 1fr;gap:2%}
@container (min-aspect-ratio:3/2){.toy-varinha-grid{inset:5% 3% 36% 3%;grid-template:1fr / repeat(4,1fr);gap:1.5%}}
.toy-varinha-slot{position:relative;min-width:88px;min-height:88px;touch-action:none}
.toy-varinha-face{position:absolute;inset:4%;display:grid;place-items:center;pointer-events:none;transform-origin:50% 85%}
.toy-varinha-face>svg,.toy-varinha-face>.art-img,.toy-varinha-face>span{width:100%;height:100%;object-fit:contain;display:block}
.toy-varinha-face>span .art-img{width:100%;height:100%;object-fit:contain}
.toy-varinha-after{opacity:0;visibility:hidden}
.toy-varinha-slot.is-magic .toy-varinha-before{opacity:0;visibility:hidden}
.toy-varinha-slot.is-magic .toy-varinha-after{opacity:1;visibility:visible}
.toy-varinha-slot:not(.is-magic) .toy-varinha-before{animation:toy-varinha-breathe 3.2s ease-in-out infinite}
.toy-varinha-slot:nth-child(2n):not(.is-magic) .toy-varinha-before{animation-delay:-1.4s}
.toy-varinha-slot.is-hint .toy-varinha-before{animation:toy-varinha-hint 1.1s ease-in-out 2}
@keyframes toy-varinha-breathe{0%,100%{transform:scale(1) rotate(-1.5deg)}50%{transform:scale(1.04,.97) rotate(1.5deg)}}
@keyframes toy-varinha-hint{0%,100%{transform:scale(1)}50%{transform:scale(1.14) rotate(-4deg)}}
.toy-varinha-tutu{position:absolute;left:2%;bottom:0;width:min(27cqw,25cqh);aspect-ratio:1;pointer-events:none;transform-origin:50% 100%}
@container (min-aspect-ratio:3/2){.toy-varinha-tutu{width:min(20cqw,36cqh)}}
.toy-varinha-tutu .toy-actor{inset:0;width:100%;height:100%}
.toy-varinha-wand{position:absolute;right:-30%;top:12%;width:52%;height:52%;transform-origin:20% 90%;transform:rotate(18deg)}
.toy-varinha-wand .art-img{width:100%;height:100%;object-fit:contain}
.toy-varinha-spark{position:absolute;left:0;top:0;width:18px;height:18px;margin:-9px 0 0 -9px;pointer-events:none;will-change:transform,opacity}
.toy-varinha-spark svg{width:100%;height:100%;display:block}
.toy-varinha-fly{position:absolute;inset:0}
@media (prefers-reduced-motion:reduce){.toy-varinha-slot .toy-varinha-before{animation:none!important}}