.intro.svelte-7beshu,.finish.svelte-7beshu{background:#fff2b8;border-radius:1.3rem;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1.2rem;padding:1.5rem;display:grid}h2.svelte-7beshu{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.legend.svelte-7beshu{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.legend.svelte-7beshu span:where(.svelte-7beshu){background:#fff;border-radius:3rem;padding:.45rem .65rem;font-size:.6rem;font-weight:850}.record.svelte-7beshu{color:#fff;background:var(--ink);text-align:center;border-radius:1rem;min-width:8rem;padding:1rem;display:grid}.record.svelte-7beshu span:where(.svelte-7beshu),.record.svelte-7beshu small:where(.svelte-7beshu){font-size:.55rem}.record.svelte-7beshu strong:where(.svelte-7beshu){font-size:2rem}.status.svelte-7beshu{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.62rem;font-weight:850;display:grid}.status.svelte-7beshu>div:where(.svelte-7beshu){background:#e6ebe3;border-radius:1rem;height:.45rem;overflow:hidden}.status.svelte-7beshu i:where(.svelte-7beshu){background:var(--teal);height:100%;display:block}.play.svelte-7beshu{grid-template-columns:minmax(18rem,.85fr) minmax(20rem,1.15fr);gap:1.2rem;display:grid}.sign.svelte-7beshu{background:linear-gradient(145deg, #edf4ff, var(--mint));border-radius:1.3rem;align-content:center;place-items:center;gap:1rem;min-height:31rem;padding:2rem;display:grid}.sign.svelte-7beshu>span:where(.svelte-7beshu){font-size:.62rem;font-weight:900}.sign.svelte-7beshu img:where(.svelte-7beshu){object-fit:contain;filter:drop-shadow(0 14px 18px #17343724);width:min(80%,18rem);height:17rem}.sign.svelte-7beshu>strong:where(.svelte-7beshu){text-align:center}.sort.svelte-7beshu{align-content:center;display:grid}.categories.svelte-7beshu{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem;display:grid}.categories.svelte-7beshu button:where(.svelte-7beshu){border:1px solid var(--line);cursor:pointer;min-height:4.2rem;font:inherit;text-align:left;background:#fff;border-radius:1rem;grid-template-columns:auto 1fr;align-items:center;gap:.65rem;padding:.7rem;display:grid}.categories.svelte-7beshu span:where(.svelte-7beshu){aspect-ratio:1;background:#eef1ec;border-radius:.7rem;place-items:center;width:2.4rem;font-size:1.25rem;display:grid}.categories.svelte-7beshu button.correct:where(.svelte-7beshu){background:var(--mint);border-color:#1f9b67}.categories.svelte-7beshu button.wrong:where(.svelte-7beshu){border-color:var(--orange);background:#fff0e9}.feedback.svelte-7beshu{border-left:4px solid var(--orange);background:#fff0e9;border-radius:0 1rem 1rem 0;margin-top:1rem;padding:1rem}.feedback.success.svelte-7beshu{background:var(--mint);border-color:#1f9b67}.feedback.svelte-7beshu p:where(.svelte-7beshu){color:var(--muted);font-size:.65rem;line-height:1.5}.feedback.svelte-7beshu button:where(.svelte-7beshu){color:var(--teal);cursor:pointer;font:inherit;background:0 0;border:0;font-size:.65rem;font-weight:900}.finish.svelte-7beshu{grid-template-columns:12rem minmax(0,1fr)}@media (width<=850px){.intro.svelte-7beshu,.play.svelte-7beshu{grid-template-columns:1fr}.sign.svelte-7beshu{min-height:23rem}.finish.svelte-7beshu{grid-template-columns:1fr}}@media (width<=620px){.categories.svelte-7beshu{grid-template-columns:1fr}.intro.svelte-7beshu{align-items:stretch}}