.fc{--fc-pinky:var(--f-pinky);--fc-ring:var(--f-ring);--fc-middle:var(--f-middle);--fc-index:var(--f-index);--fc-ink:var(--f-on)}.fc-pinky{--k:var(--fc-pinky);--k-ink:var(--fc-ink)}.fc-ring{--k:var(--fc-ring);--k-ink:var(--fc-ink)}.fc-middle{--k:var(--fc-middle);--k-ink:var(--fc-ink)}.fc-index{--k:var(--fc-index);--k-ink:var(--fc-ink)}.fc-thumb{--k:var(--cap);--k-ink:var(--ink-2)}.fc-board{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:14px}.fc-svg{width:100%;max-width:720px;height:auto;margin:0 auto;display:block}.fc-face{fill:var(--k)}.fc-lip{fill:color-mix(in srgb, var(--k) 68%, #000)}.fc-thumb .fc-face{stroke:var(--line);stroke-width:1px}.fc-thumb .fc-lip{fill:var(--cap-edge)}.fc-home{fill:none;stroke:var(--ink);stroke-width:2.5px}.fc-label{fill:var(--k-ink);font:800 17px var(--font-display);font-stretch:110%}.fc-word{font-size:12.5px;font-weight:700}.fc-short{display:none}.fc-bump{fill:var(--k-ink);opacity:.75}@media (max-width:560px){.fc-board{margin-inline:calc(-1 * max(16px, env(safe-area-inset-left,0px)));border-inline:0;border-radius:0;padding:10px 6px}.fc-label{font-size:23px}.fc-word{font-size:17px}.fc-long{display:none}.fc-short{display:inline}}.fc-legend{color:var(--ink-2);flex-wrap:wrap;gap:6px 18px;margin:12px 0 0;padding:0;font-size:.86rem;list-style:none;display:flex}.fc-legend li{align-items:center;gap:7px;display:inline-flex}.fc-swatch{background:var(--k);border-radius:4px;flex:none;width:14px;height:14px;display:inline-block;box-shadow:inset 0 -2px #00000040}.fc-swatch.fc-thumb{box-shadow:inset 0 -2px 0 var(--cap-edge), 0 0 0 1px var(--line)}.fc-swatch.fc-home-swatch{box-shadow:inset 0 0 0 2px var(--ink);background:0 0}.fc-table td{line-height:2.2}.fc-table kbd.home{box-shadow:inset 0 -2px 0 var(--cap-edge), 0 0 0 2px var(--ink)}.fc-off .fc-face{fill:var(--cap);stroke:var(--line);stroke-width:1px}.fc-off .fc-lip{fill:var(--cap-edge)}.fc-off .fc-label,.fc-off .fc-bump{fill:var(--ink-3)}.fc-known .fc-face{fill:color-mix(in srgb, var(--k) 26%, var(--cap))}.fc-known .fc-lip{fill:color-mix(in srgb, var(--k) 42%, var(--cap-edge))}.fc-known .fc-label,.fc-known .fc-bump{fill:var(--ink)}.fc-swatch.fc-known-swatch{background:color-mix(in srgb, var(--k) 26%, var(--cap));box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--k) 42%, var(--cap-edge)), 0 0 0 1px var(--line)}