.wst.svelte-1jcki1q{height:var(--fit-h,calc(100dvh - 118px));flex-direction:column;gap:8px;display:flex;position:relative}.ask.svelte-1jcki1q{flex-shrink:0;align-items:center;gap:10px;padding:8px 12px;display:flex}.ask-text.svelte-1jcki1q{flex:1;min-width:0}.ask.svelte-1jcki1q h2:where(.svelte-1jcki1q){font-size:1.2rem;line-height:1.1}.ask.svelte-1jcki1q p:where(.svelte-1jcki1q){color:var(--ink-soft);font-size:.95rem;line-height:1.1}.paws.svelte-1jcki1q{gap:3px;margin:0;padding:0;list-style:none;display:flex}.paws.svelte-1jcki1q li:where(.svelte-1jcki1q){width:20px;height:20px;fill:var(--line);transition:fill .3s}.paws.svelte-1jcki1q li.now:where(.svelte-1jcki1q){fill:#e8b04a}.paws.svelte-1jcki1q li.done:where(.svelte-1jcki1q){fill:#6ba832}.paws.svelte-1jcki1q svg:where(.svelte-1jcki1q){width:100%;height:100%;display:block}.listen-row.svelte-1jcki1q{height:clamp(112px,19dvh,200px);box-shadow:var(--shadow-sm);border:3px solid #fff;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;gap:14px;display:flex;position:relative;overflow:hidden}.bg.svelte-1jcki1q{width:100%;height:100%;position:absolute;inset:0}.listen.svelte-1jcki1q{aspect-ratio:1;color:#7a3e1e;width:clamp(76px,13dvh,120px);box-shadow:0 5px 0 #e0a100, var(--shadow);touch-action:manipulation;background:#ffc93c;border:4px solid #fff;border-radius:50%;place-items:center;display:grid;position:relative}.listen.svelte-1jcki1q svg{width:48%;height:48%;position:relative}.ring.svelte-1jcki1q{opacity:0;pointer-events:none;border:3px solid #ffc93c;border-radius:50%;position:absolute;inset:-4px}.playing.svelte-1jcki1q .ring:where(.svelte-1jcki1q){animation:1.1s ease-out infinite svelte-1jcki1q-ring}.playing.svelte-1jcki1q .r2:where(.svelte-1jcki1q){animation-delay:.55s}@keyframes svelte-1jcki1q-ring{0%{opacity:.9;scale:1}to{opacity:0;scale:1.5}}.playing.svelte-1jcki1q{animation:.5s ease-in-out infinite alternate svelte-1jcki1q-bob}@keyframes svelte-1jcki1q-bob{to{scale:1.05}}.listen-side.svelte-1jcki1q{justify-content:center;min-width:120px;display:flex;position:relative}.hint.svelte-1jcki1q{font-size:1rem}.word.svelte-1jcki1q{box-shadow:var(--shadow-sm);font-family:var(--font-display);color:#c98a2e;text-align:center;background:#fffaf0;border-radius:16px;max-width:170px;padding:4px 12px;font-size:clamp(1.3rem,5vw,2rem);font-weight:800;line-height:1.05;position:relative;rotate:-4deg}.choices.svelte-1jcki1q{grid-template-columns:repeat(var(--n), minmax(0, 1fr));flex:1;grid-template-rows:minmax(0,1fr);gap:10px;width:100%;min-height:0;max-height:380px;margin-block:auto;display:grid}.pick.svelte-1jcki1q{border:3px solid var(--line);background:var(--surface);min-height:0;box-shadow:0 5px 0 var(--line), var(--card-gloss);color:var(--ink);font-family:var(--font-ui);touch-action:manipulation;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 6px 10px;transition:scale .2s,opacity .3s,border-color .2s;display:flex;position:relative}.art.svelte-1jcki1q{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;overflow:hidden}.art.svelte-1jcki1q .sticker{width:auto;max-width:100%;height:100%;max-height:210px}.name.svelte-1jcki1q{font-size:1.05rem;font-weight:700;line-height:1}.pick.right.svelte-1jcki1q{box-shadow:0 5px 0 #36b25b, var(--card-gloss);background:color-mix(in srgb, #36b25b 12%, var(--surface));animation:svelte-1jcki1q-hop .5s var(--ease-spring,ease) 2;border-color:#36b25b}@keyframes svelte-1jcki1q-hop{40%{translate:0 -10px}}.pick.wrong.svelte-1jcki1q{opacity:.45;animation:.4s svelte-1jcki1q-wobble}@keyframes svelte-1jcki1q-wobble{25%{rotate:-5deg}75%{rotate:5deg}}.pick.dim.svelte-1jcki1q{opacity:.4}.tick.svelte-1jcki1q{color:#fff;background:#36b25b;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:6px;right:6px}@media (hover:hover){.pick.svelte-1jcki1q:not(.dim):not(.wrong):hover{scale:1.03}}@media (width<=640px){.choices.svelte-1jcki1q{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:1fr;max-height:none;margin-block:0}.pick.svelte-1jcki1q{flex-direction:row;gap:14px;padding:6px 16px}.pick.svelte-1jcki1q .art:where(.svelte-1jcki1q){flex:0 0 42%;height:100%}.pick.svelte-1jcki1q .art:where(.svelte-1jcki1q) .sticker{max-height:130px}.pick.svelte-1jcki1q .name:where(.svelte-1jcki1q){text-align:left;flex:1;font-size:1.45rem}.choices.four.svelte-1jcki1q{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.four.svelte-1jcki1q .pick:where(.svelte-1jcki1q){flex-direction:column;gap:4px;padding:8px 6px 10px}.four.svelte-1jcki1q .pick:where(.svelte-1jcki1q) .art:where(.svelte-1jcki1q){flex:1;width:100%}.four.svelte-1jcki1q .pick:where(.svelte-1jcki1q) .name:where(.svelte-1jcki1q){text-align:center;flex:0;font-size:1.1rem}}@media (height<=700px){.ask.svelte-1jcki1q{padding:6px 10px}.ask.svelte-1jcki1q h2:where(.svelte-1jcki1q){font-size:1.05rem}.ask.svelte-1jcki1q p:where(.svelte-1jcki1q){display:none}.name.svelte-1jcki1q{font-size:.95rem}}@media (width>=900px){.choices.svelte-1jcki1q{width:min(100%, calc(var(--n) * 250px));gap:16px;max-height:330px;margin-inline:auto}.listen-row.svelte-1jcki1q{width:min(100%,1000px);margin-inline:auto}}@media (prefers-reduced-motion:reduce){.playing.svelte-1jcki1q,.playing.svelte-1jcki1q .ring:where(.svelte-1jcki1q),.pick.right.svelte-1jcki1q,.pick.wrong.svelte-1jcki1q{animation:none}}
