.mew{container-type:inline-size;display:grid;justify-items:center;gap:.6rem;width:100%;text-align:center}.mew-task{font-family:var(--font-fredoka),system-ui,sans-serif;font-weight:700;font-size:clamp(1rem,4.2cqi,1.35rem);color:#0F766E}.mew.is-on .mew-task{color:#6A3BC9}.mew-row{display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,3cqi,1.25rem);max-width:100%}.mew-word{--tile:clamp(2.6rem,15cqi,5rem);display:flex;gap:clamp(.25rem,1.4cqi,.5rem)}.mew-tile{position:relative;display:grid;place-items:center;width:var(--tile);height:calc(var(--tile) * 1.18);border:3px solid #2b2350;border-radius:.8rem;background:#FFFBF2;box-shadow:0 4px 0 0 #2B2350}.mew-tile:after{content:"";position:absolute;inset:4px;border:1.5px dashed rgba(43,35,80,.25);border-radius:.55rem;pointer-events:none}.mew-face{font-family:var(--font-reading),"Century Gothic",system-ui,sans-serif;font-weight:700;font-size:calc(var(--tile) * .72);line-height:1;color:#2B2350}.mew-spot{border-style:dashed;border-color:#8E5BE6;background:#F4EEFF;box-shadow:0 0 0 0 rgba(142,91,230,.45);cursor:pointer;animation:mew-wait 1.6s ease-in-out infinite}.mew-spot:focus-visible{outline:3px solid #F7A81E;outline-offset:3px}.mew-spot:after{display:none}.mew-spot:disabled{cursor:default}.mew.is-on .mew-spot{border-style:solid;border-color:#2B2350;background:#EFE6FF;box-shadow:0 4px 0 0 #2B2350,0 0 18px 4px rgba(142,91,230,.45);animation:none}.mew.is-on .mew-spot .mew-face{color:#7A4AD8;animation:mew-drop .5s cubic-bezier(.34,1.56,.64,1) both}.mew.is-on .mew-tile.is-vowel{background:#FFF3C4;box-shadow:0 4px 0 0 #2B2350,0 0 18px 4px rgba(247,168,30,.55)}.mew.is-on .mew-tile.is-vowel .mew-face{color:#B86E00;animation:mew-hop .6s cubic-bezier(.34,1.56,.64,1) .25s both}.mew-picture{width:clamp(4rem,22cqi,7.5rem);height:clamp(4rem,22cqi,7.5rem);flex:none;-o-object-fit:contain;object-fit:contain}.mew-foot{min-height:3rem;display:flex;align-items:center}.mew-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:2.9rem;padding:.35rem 1.1rem .35rem .6rem;border:3px solid #2b2350;border-radius:999px;background:#8E5BE6;box-shadow:0 4px 0 0 #2B2350;font-family:var(--font-fredoka),system-ui,sans-serif;font-weight:700;font-size:1.15rem;color:#fff;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.mew-btn:active{transform:translateY(3px);box-shadow:0 1px 0 0 #2B2350}.mew-btn:focus-visible{outline:3px solid #F7A81E;outline-offset:3px}.mew-btn.is-back{padding:.35rem 1rem;background:#FFFBF2;color:#2B2350;font-size:1rem}.mew-wand-art{width:2.1rem;height:2.1rem;animation:mew-wave 1.8s ease-in-out infinite;transform-origin:20% 85%}@keyframes mew-wait{0%,to{box-shadow:0 0 0 0 rgba(142,91,230,.45)}50%{box-shadow:0 0 0 7px rgba(142,91,230,0)}}@keyframes mew-drop{0%{transform:translateY(-120%) scale(.4);opacity:0}to{transform:none;opacity:1}}@keyframes mew-hop{0%,to{transform:none}40%{transform:translateY(-28%) scale(1.12)}}@keyframes mew-wave{0%,to{transform:rotate(0deg)}50%{transform:rotate(-14deg)}}@media (prefers-reduced-motion:reduce){.mew-spot,.mew-wand-art,.mew.is-on .mew-spot .mew-face,.mew.is-on .mew-tile.is-vowel .mew-face{animation:none}}