.fr .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.fr .tile{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;border:1.5px solid var(--rule);background:var(--paper-2);-webkit-user-select:none;user-select:none;border-radius:10px;align-content:center;justify-items:center;gap:.1rem;min-height:5.2rem;padding:.5rem .4rem;display:grid}.fr .tile:hover{border-color:var(--lamp)}.fr .tile:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.fr .tile[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.fr .tile[aria-pressed=true] .lang,.fr .tile[aria-pressed=true] .read{color:var(--paper);opacity:.8}.fr .lang{color:var(--muted);letter-spacing:.02em;font-size:.72rem;font-weight:700}.fr .form{font-family:var(--f-orig);overflow-wrap:anywhere;font-size:clamp(1.05rem,2.6vw,1.35rem);line-height:1.2}.fr .read{font-family:var(--f-read);font-style:italic;font-size:var(--step--1);color:var(--muted)}.fr .groups{gap:.55rem;display:grid}.fr .groups:empty{display:none}.fr .group{border:1.5px solid var(--lamp);background:var(--lamp-soft);border-radius:10px;gap:.35rem;padding:.75rem 1rem;display:grid}.fr .group.missed{background:var(--paper-2);border-style:dashed;border-color:var(--rule)}.fr .group p{margin:0}.fr .gh{font-family:var(--f-ui);font-size:var(--step--1);color:var(--muted)}.fr .gh b{font-family:var(--f-read);font-size:var(--step-1);color:var(--ink);margin-right:.2rem;font-weight:500}.fr .group ul{flex-wrap:wrap;gap:.3rem 1.2rem;margin:0;padding:0;list-style:none;display:flex}.fr .group li .form{font-size:var(--step-0)}.fr .shift{font-size:var(--step--1)}.fr .row{flex-wrap:wrap;gap:.5rem;display:flex}.fr .msg{min-height:1.3em;color:var(--muted)}.fr .msg.bad{color:var(--tone-red-ink);font-weight:600}.fr .tile.wrong{border-color:var(--tone-red);background:var(--tone-red-soft);animation:.4s ease-in-out fr-shake}.fr .tile.wrong,.fr .tile.wrong .lang,.fr .tile.wrong .read{color:var(--tone-red-ink);opacity:1}.fr .tag{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--rule);color:var(--muted);border-radius:999px;margin-left:.4rem;padding:.05rem .4rem;font-size:.72rem;font-weight:700}@keyframes fr-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.fr .tile.wrong{animation:none}}@media (width<=520px){.fr .grid{gap:.35rem}.fr .tile{min-height:4.4rem;padding:.35rem .2rem}.fr .lang{font-size:.62rem}.fr .read{font-size:.72rem}}