/* Femman */
.kb-fm{max-width:520px;margin:1.4rem 0 2.4rem;font-family:var(--sans)}
.kb-fm-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}
.kb-fm-day{font:800 .8rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.kb-fm-board{display:grid;gap:6px;margin:0 auto 1rem;width:min(100%,330px)}
.kb-fm-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.kb-fm-row.is-shake{animation:kbshake .35s}
@keyframes kbshake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.kb-fm-cell{aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--rule-2);background:var(--card);font:800 1.7rem/1 var(--sans);text-transform:uppercase}
.kb-fm-cell.is-filled{border-color:var(--ink)}
.kb-fm-cell.is-c{background:var(--ink);border-color:var(--ink);color:#fff}
.kb-fm-cell.is-p{background:var(--red);border-color:var(--red);color:#fff}
.kb-fm-cell.is-x{background:var(--paper-3);border-color:var(--paper-3);color:var(--ink-3)}
.kb-fm-msg{min-height:1.5rem;text-align:center;font-weight:700;margin:.2rem 0 .8rem}
.kb-fm-keys{display:grid;gap:6px;user-select:none}
.kb-fm-krow{display:flex;gap:4px;justify-content:center}
.kb-fm-key{flex:1 1 0;min-width:0;height:52px;border:0;border-radius:4px;background:var(--paper-3);font:700 1rem/1 var(--sans);text-transform:uppercase;cursor:pointer;color:var(--ink);padding:0}
.kb-fm-key--wide{flex:1.6 1 0;font-size:.78rem}
.kb-fm-key[data-s=c]{background:var(--ink);color:#fff}
.kb-fm-key[data-s=p]{background:var(--red);color:#fff}
.kb-fm-key[data-s=x]{background:#cfc5b2;color:#8a8275}
.kb-fm-after{display:flex;gap:.6rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}
.kb-fm-legend{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--ink-2);margin:.6rem 0 0;justify-content:center}
.kb-fm-legend i{display:inline-block;width:14px;height:14px;vertical-align:-2px;margin-right:.35rem}