/* Uma boca de brinquedo e oito dentinhos grandes; cada bicho tem cor e contorno próprios. */
.toy-dentes .toy-scene{background:#e8f2e2;isolation:isolate}
.toy-dentes .toy-scene::before{content:"";position:absolute;inset:auto -8% -12%;height:42%;border-radius:50%;background:#d0e2bb;pointer-events:none}
.dentes-head{position:absolute;left:50%;top:47%;translate:-50% -50%;width:min(94cqw,110cqh);aspect-ratio:1.13;isolation:isolate}
.dentes-face{position:absolute;inset:0;z-index:0;pointer-events:none}.dentes-face-art{display:block;width:100%;height:100%}
.dentes-mouth{position:absolute;left:10%;right:10%;top:44%;bottom:8%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(6px,2cqh,20px) 5px;padding:6px 7px;border:5px solid var(--mouth-light);border-radius:28%;background:#6c4057;transform-origin:50% 45%;transition:scale 420ms var(--ease),opacity 320ms var(--ease);z-index:1}
.dentes-tooth{display:grid;place-items:center;min-width:48px;min-height:48px;padding:0;border:0;border-radius:35% 35% 22% 22%;background:#fffdf1;box-shadow:inset 0 -6px 0 #d8dfce;color:#6b615d;font-size:clamp(16px,4cqw,26px);font-weight:800;line-height:1;transition:translate 140ms var(--ease),background-color 140ms}
.dentes-tooth:nth-child(n+5){border-radius:22% 22% 35% 35%;box-shadow:inset 0 6px 0 #d8dfce}
.dentes-tooth.pressed{translate:0 5px;background:#d8dfce;box-shadow:inset 0 4px 0 #b7c4b2}
.dentes-tooth:active{translate:0 4px}
.dentes-head.is-closed .dentes-mouth{scale:1 .07;opacity:0;pointer-events:none}
.dentes-smile{position:absolute;left:23%;right:23%;top:62%;height:19%;opacity:0;transition:opacity 280ms var(--ease);pointer-events:none}
.dentes-smile svg{width:100%;height:100%;fill:none;stroke:#5d4b49;stroke-width:5;stroke-linecap:round}
.dentes-head.is-closed .dentes-smile{opacity:1;transition-delay:200ms}
.dentes-head[data-animal=hippo] .dentes-face{scale:1.03 .96}
.dentes-head[data-animal=shark] .dentes-mouth{border-radius:42% 42% 30% 30%}
.dentes-found{position:absolute;top:10px;left:0;right:0;display:flex;gap:8px;justify-content:center;min-height:36px}
.dentes-round-marker{font-size:30px;line-height:1}
.toy-dentes .toy-footer{background:#fff9ee;gap:10px;padding:8px}
.toy-dentes .dentes-animal-choice{width:68px;height:64px;min-width:48px;min-height:48px;padding:1px;background:#e7ecdf;border:3px solid transparent;border-radius:16px;box-shadow:none}
.toy-dentes .dentes-animal-choice[aria-pressed=true]{border-color:#5c8169;background:#d6e8c5}
.dentes-open{position:absolute;left:50%;bottom:8px;translate:-50% 0;min-width:64px;min-height:64px;padding:12px;z-index:2}
.dentes-open-icon{width:36px;height:36px;fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.toy-dentes [hidden]{display:none!important}
@media(max-width:359px){.toy-dentes .toy-footer{gap:6px;padding:6px}.toy-dentes .dentes-animal-choice{height:56px}.dentes-mouth{left:7%;right:7%;gap:6px 4px;padding:6px;border-width:4px}.dentes-head{width:96cqw}}
@media(max-height:500px) and (orientation:landscape){
 .toy-dentes{flex-direction:row}.toy-dentes .toy-footer{width:84px;flex-direction:column;justify-content:center;padding:6px;gap:6px}.toy-dentes .dentes-animal-choice{width:68px;height:58px;min-height:48px}
 .dentes-head{width:min(74cqw,110cqh);top:50%}.dentes-found{left:4px;right:auto;top:6px;flex-direction:column}.dentes-open{left:auto;right:8px;bottom:8px;translate:0 0}.dentes-mouth{left:7%;right:7%;gap:6px 4px;padding:6px;border-width:4px}
}
@media(prefers-reduced-motion:reduce){.dentes-mouth,.dentes-smile,.dentes-tooth{transition:none}.dentes-tooth:active{translate:0 0}}