.km{max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:22px}.km.is-shake .km-lives{animation:lx-shake .4s}.km-cat{margin:0;text-align:center;animation:g-rise .4s var(--ease) both}.km-cat strong{font-size:22px;font-weight:900;color:var(--color-ink)}.km-lives{display:flex;gap:7px}.km-heart{width:24px;height:22px;background:var(--color-border-strong);clip-path:path('M12 21C12 21 0 13.5 0 6.5A6 6 0 0 1 12 4 6 6 0 0 1 24 6.5C24 13.5 12 21 12 21Z');transition:background .3s var(--ease),transform .4s var(--ease-spring)}.km-heart.is-on{background:var(--color-brand)}.km-heart:not(.is-on){transform:scale(.75)}.km-phrase{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 26px;min-height:60px;padding:8px 0}.km-word{display:flex;gap:5px}.km-ch{width:clamp(24px,6.4vw,40px);height:clamp(34px,8vw,52px);display:grid;place-items:end center;padding-bottom:5px;border-bottom:3px solid var(--color-ink);font:900 clamp(20px,5vw,32px)/1 var(--font-sans);color:var(--color-ink)}.km-ch.is-shown{animation:km-flip .45s var(--ease-spring)}@keyframes km-flip{0%{transform:rotateX(90deg);opacity:0}100%{transform:none;opacity:1}}.km-ch.is-missed{color:var(--g-red)}.km .km-kb{max-width:640px}@media (min-width:1101px){.km .lx-key{height:62px;max-width:56px;font-size:20px}}