/* Escrever palavras, Falta uma letra e Esmagar letras. */
.pw-board{position:absolute;inset:44px 3% 3%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:2cqh}
.pw-frame{position:relative;display:grid;place-items:center;width:min(42cqw,30cqh);aspect-ratio:1;border-radius:26px;background:#fffdf6;box-shadow:0 8px 20px #6b4b2c22,inset 0 0 0 6px #ffd9a0}
.pw-figure{width:84%;height:84%}.pw-figure.toy-actor{position:relative;inset:auto}
.pw-figure .art-img{filter:drop-shadow(0 4px 4px #5c3f2a22)}
.pw-slots{display:flex;justify-content:center;gap:clamp(5px,1.6cqw,12px);max-width:100%}
.pw-slot{display:grid;place-items:center;width:clamp(44px,min(13cqw,11cqh),92px);aspect-ratio:.86;border-radius:16px;background:#fff8ea;border:3px dashed #d8c3a6;color:#d9c6ad;font-size:clamp(30px,min(9cqw,8cqh),64px);font-weight:800;line-height:1}
.pw-slot.pw-current{border-color:#f08c43;background:#fff1dd;animation:pw-pulse 1.4s ease-in-out infinite}
.pw-slot.pw-filled{border:0;background:#7fcf9a;color:#fff;text-shadow:0 2px 0 #3d8a58;box-shadow:inset 0 -6px 0 #5fb37c;animation:none}
.pw-gap{color:#f08c43}
@keyframes pw-pulse{50%{scale:1.06}}
.pw-blocks{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(8px,2cqw,14px);max-width:min(100%,640px)}
.ap .pw-block{--h:calc(var(--n) * 47deg);display:grid;place-items:center;width:clamp(56px,min(15cqw,12cqh),96px);aspect-ratio:1;padding:0;border:0;border-radius:18px;background:hsl(calc(10deg + var(--h)) 82% 72%);box-shadow:inset 0 -7px 0 #00000022,0 6px 10px #5c3f2a26;rotate:var(--tilt);font-size:clamp(32px,min(9cqw,8cqh),62px);font-weight:800;color:#fff;text-shadow:0 2px 0 #00000030;touch-action:manipulation}
.ap .pw-block:active{scale:.94}
.ap .pw-block.pw-used{visibility:hidden}
.pw-flying{display:grid;place-items:center;width:100%;height:100%;border-radius:16px;background:#7fcf9a;color:#fff;font-size:clamp(30px,min(9cqw,8cqh),62px);font-weight:800;line-height:1}
.pw-gaps .pw-board{inset:44px 3% 36%;justify-content:center;gap:3cqh}
.pw-gaps .pw-frame{width:min(36cqw,26cqh)}
.pw-balloons{position:absolute;left:3%;right:3%;bottom:2%;height:34%}
.ap .pw-balloon{position:absolute;left:var(--x);bottom:0;translate:-50% 0;width:clamp(70px,min(19cqw,16cqh),120px);height:100%;padding:0;border:0;background:none;box-shadow:none;animation:pw-float 3.2s ease-in-out infinite alternate;animation-delay:var(--d)}
.pw-balloon-body{position:absolute;left:0;right:0;top:0;aspect-ratio:.86;display:grid;place-items:center;border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 32% 28%,#ffffff88 0 10%,transparent 11%),var(--c);box-shadow:inset -8px -10px 0 #00000018;color:#fff;font-size:clamp(34px,min(10cqw,8cqh),64px);font-weight:800;text-shadow:0 2px 0 #00000030}
.pw-balloon-body::after{content:"";position:absolute;bottom:-7px;left:50%;translate:-50% 0;border:8px solid transparent;border-bottom:10px solid var(--c)}
.pw-string{position:absolute;left:50%;top:calc(min(100%,(clamp(70px,min(19cqw,16cqh),120px) / .86)) + 8px);bottom:0;width:2px;background:#8a7a70}
.pw-balloon.pw-popped{visibility:hidden;animation:none}
@keyframes pw-float{to{translate:-50% -10%}}
.pw-squash .toy-scene{overflow:hidden}
.sm-field{position:absolute;left:4%;right:4%;top:30%;bottom:4%;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;justify-items:center;gap:2cqh 3cqw}
.sm-field[data-holes="3"]{top:42%}
@container (max-aspect-ratio:3/4){.sm-field[data-holes="6"]{grid-template-columns:repeat(2,1fr);top:24%}}
.sm-hole{position:relative;width:min(100%,30cqh);aspect-ratio:1/1.05}
.sm-pit{position:absolute;left:4%;right:4%;bottom:6%;height:22%;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#3d2a22 0 55%,#5a3e30 70%)}
.sm-window{position:absolute;left:8%;right:8%;top:0;bottom:17%;overflow:hidden;border-radius:0 0 40% 40%}
.sm-lip{position:absolute;left:0;right:0;bottom:0;height:16%;border-radius:0 0 50% 50%/0 0 100% 100%;background:linear-gradient(#a8754f,#8a5a3b);box-shadow:inset 0 5px 0 #c48d63}
.ap .sm-jelly{position:absolute;left:6%;right:6%;bottom:-4%;top:12%;translate:0 105%;padding:0;border:0;border-radius:48% 48% 34% 34%;background:radial-gradient(circle at 18% 16%,#ffffffb0 0 6%,transparent 7%),var(--c);box-shadow:inset -10px -14px 0 #00000016,inset 6px 6px 0 #ffffff40;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transform-origin:50% 100%;touch-action:manipulation}
.sm-face{position:relative;display:block;width:60%;height:24%;margin-top:14%}
.sm-face i{position:absolute;top:10%;width:16%;aspect-ratio:1;border-radius:50%;background:#3b2c33}.sm-face i:first-child{left:16%}.sm-face i:nth-child(2){right:16%}
.sm-face b{position:absolute;left:40%;right:40%;top:56%;height:26%;border-radius:0 0 999px 999px;background:#3b2c33}
.sm-giggle .sm-face b{background:#ff6f91;height:44%}
.sm-letter{display:grid;place-items:center;width:62%;aspect-ratio:1.1;margin-top:4%;border-radius:40%;background:#fffaf0e6;font-size:clamp(32px,min(10cqw,8cqh),66px);font-weight:800;color:#4a3340;line-height:1}
.sm-mallet{position:absolute;z-index:35;width:clamp(80px,22cqmin,140px);aspect-ratio:1;translate:-50% 0;transform-origin:70% 85%;opacity:0;pointer-events:none}
.sm-mallet.on{opacity:1}
.sm-mallet-art{width:100%;height:100%}
.sm-sign{color:#e2557a}