.type-sentence{align-items:center;gap:var(--space-3);width:100%;max-width:var(--content-wide,680px);flex-direction:column;display:flex}.type-sentence__line{justify-content:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.type-sentence__word{gap:4px;display:flex}.type-sentence__cell,.type-sentence__mark{width:34px;height:44px;font-family:var(--font-display);color:var(--color-ink);place-items:center;font-size:28px;font-weight:700;line-height:1;display:grid}.type-sentence__cell{border:3px dashed var(--color-ink-muted);background:var(--color-surface);border-radius:10px}.type-sentence__cell[data-current]{border:3px solid var(--color-primary);box-shadow:0 0 0 2px var(--color-ink)}.type-sentence__cell[data-wrong]{border-color:var(--color-retry);background:var(--color-retry-tint)}.type-sentence__cell[data-filled]{border:3px solid var(--color-correct);background:var(--color-correct-tint)}.type-sentence__cell[data-helped]{border-color:var(--color-primary-edge);background:#fff3c4}.type-sentence .type-sentence__mark{width:auto;padding:0 2px}.type-sentence__keys{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.type-sentence__row{justify-content:center;gap:5px;width:100%;display:flex}.type-sentence__key{border:3px solid var(--color-art-outline);background:var(--color-surface);min-width:0;height:50px;box-shadow:0 3px 0 var(--color-surface-edge);color:var(--color-ink);font-family:var(--font-display);cursor:pointer;border-radius:10px;flex:0 52px;font-size:24px;font-weight:700}.type-sentence__key:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.type-sentence__key[data-glow]{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-ink), 0 0 18px 6px #ffb800cc;background:#fff3c4;animation:1.1s ease-in-out infinite key-glow}.type-sentence__key[data-wrong]{border-color:var(--color-retry);background:var(--color-retry-tint)}@keyframes key-glow{50%{transform:scale(1.08)}}.type-sentence__keys[data-bank] .type-sentence__row{grid-template-columns:repeat(5,minmax(0,60px));justify-content:center;gap:8px;display:grid}.type-sentence__keys[data-bank] .type-sentence__key{border-radius:var(--radius-s);height:58px;font-size:28px}.type-sentence__hint{border:3px solid var(--color-art-outline);border-radius:var(--radius-s);background:var(--color-primary);height:58px;box-shadow:0 3px 0 var(--color-primary-edge);color:var(--color-ink);cursor:pointer;place-items:center;display:grid}.type-sentence__hint:disabled{opacity:.5}@media (width<=420px){.type-sentence__cell,.type-sentence__mark{width:29px;height:42px;font-size:28px}.type-sentence__cell{border-width:2px;border-radius:8px}.type-sentence__word{gap:3px}.type-sentence__line{gap:var(--space-2) var(--space-3)}}@media (prefers-reduced-motion:reduce){.type-sentence__key[data-glow]{animation:none}}@media (width<=599px) and (height<=700px){.type-sentence{gap:var(--space-2)}.type-sentence__keys[data-bank] .type-sentence__key,.type-sentence__hint{height:50px;font-size:24px}.type-sentence__keys[data-bank] .type-sentence__row{gap:6px}}