.fl{--fl-tile:62px;--fl-correct-edge:#4a230b;--fl-present-edge:#d98e5c;--fl-dash:#cdd9e9;--fl-hit:#9edfc7;--fl-hit-ink:#0a5b3b;--fl-hit-edge:#6bbd9c;--fl-near:#f0b48a;--fl-near-ink:#7a3d18;--fl-near-edge:#cf8d5f;--fl-miss:#dde9f8;--fl-miss-edge:#c2d3e8;box-sizing:border-box;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:22px;width:100%;padding:26px 60px;display:flex}.fl-board{gap:7px;display:grid}.fl-row{grid-template-columns:repeat(5, var(--fl-tile));gap:7px;display:grid}.fl-tile{box-sizing:border-box;height:var(--fl-tile);color:var(--lbt-ink);font-family:var(--lbt-font-mono);text-transform:uppercase;border-radius:9px;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex;position:relative}.fl-tile[data-state=empty]{border:2px dashed var(--lbt-line)}.fl-row[data-row=draft] .fl-tile[data-state=empty]{border-color:var(--fl-dash)}.fl-tile[data-state=draft]{border:2px solid var(--fl-dash);background:#fff}.fl-tile[data-mark=correct]{background:var(--hue-ink);color:#fff;box-shadow:0 6px 0 var(--fl-correct-edge)}.fl-tile[data-mark=present]{background:var(--hue);color:var(--hue-ink);box-shadow:0 6px 0 var(--fl-present-edge)}.fl-tile[data-mark=absent]{border:2px solid var(--fl-dash);background:var(--lbt-surface);color:var(--lbt-muted)}.fl-row[data-reveal] .fl-tile{animation:.6s both lbt-reveal}.fl-row[data-reveal] .fl-tile:nth-child(2){animation-delay:.15s}.fl-row[data-reveal] .fl-tile:nth-child(3){animation-delay:.3s}.fl-row[data-reveal] .fl-tile:nth-child(4){animation-delay:.45s}.fl-row[data-reveal] .fl-tile:nth-child(5){animation-delay:.6s}@keyframes lbt-reveal{0%{opacity:0;transform:rotateX(-92deg)}55%,to{opacity:1;transform:rotateX(0)}}.fl-glyph{font-family:var(--lbt-font-body);font-size:10px;font-weight:700;line-height:1;position:absolute;top:4px;right:5px}.fl-keyboard{flex-direction:column;align-items:center;gap:7px;display:flex}.fl-keyboard[hidden]{display:none}.fl-keyrow{gap:6px;display:flex}.fl-key{box-sizing:content-box;border:1px solid var(--lbt-line);width:44px;height:52px;box-shadow:0 3px 0 var(--lbt-line);color:var(--lbt-ink);font:inherit;cursor:pointer;touch-action:manipulation;background:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;font-size:16px;font-weight:600;display:flex;position:relative}.fl-key-wide{width:70px}.fl-key[data-key=ENTER]{background:var(--lbt-ink);color:#fff;font-family:var(--lbt-font-mono);letter-spacing:.08em;text-transform:uppercase;border:0;font-size:11px;font-weight:700;box-shadow:0 3px #061735}.fl-key[data-mark]{border:0}.fl-key[data-mark=correct]{background:var(--hue-ink);box-shadow:0 3px 0 var(--fl-correct-edge);color:#fff}.fl-key[data-mark=present]{background:var(--hue);box-shadow:0 3px 0 var(--fl-present-edge);color:var(--hue-ink)}.fl-key[data-mark=absent]{background:var(--lbt-surface);box-shadow:none;color:var(--lbt-muted)}.fl-give-up{min-height:44px;color:var(--lbt-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 16px;font-size:14px;font-weight:600}.fl-give-up[hidden]{display:none}.fl-reveal{border:1px solid var(--lbt-line);border-left:4px solid var(--lbt-accent);border-radius:var(--lbt-radius);background:var(--lbt-accent-soft);text-align:center;width:100%;max-width:500px;margin-top:8px;padding:18px}.fl-reveal p{margin:0 0 8px}.fl-reveal-word{letter-spacing:.12em;font-size:28px;font-weight:700}.fl-reveal-passage{color:var(--lbt-muted);font-size:15px}@media (width<=719px){.fl{--fl-tile:min(58px, calc((100cqw - 4 * 5px) / 5), calc((100cqh - 229px) / 6));gap:0;height:100%;padding:0;container-type:size}.fl-board,.fl-row{gap:5px}.fl-tile{font-size:min(26px, calc(var(--fl-tile) * 26 / 58));box-shadow:0 5px #0d2b5214}.fl-tile[data-state=empty],.fl-tile[data-state=draft]{background:#fff;border-style:solid}.fl-tile[data-mark=correct]{background:var(--fl-hit);color:var(--fl-hit-ink);box-shadow:0 5px 0 var(--fl-hit-edge)}.fl-tile[data-mark=present]{background:var(--fl-near);color:var(--fl-near-ink);box-shadow:0 5px 0 var(--fl-near-edge)}.fl-tile[data-mark=absent]{background:var(--fl-miss);color:var(--lbt-muted);box-shadow:0 5px 0 var(--fl-miss-edge);border:0}.fl-give-up{flex:auto;order:1;justify-content:center;align-items:center;display:flex}.fl-keyboard{order:2;align-self:stretch;align-items:stretch;gap:7px;padding-bottom:2px}.fl-keyrow{justify-content:center;gap:5px}.fl-key{box-sizing:border-box;width:auto;min-width:0;height:48px;font-family:var(--lbt-font-mono);border:0;border-radius:7px;flex:1 1 0;font-size:15px;font-weight:700;box-shadow:0 3px #0d2b522e}.fl-key-wide{flex-grow:1}.fl-key[data-key=ENTER]{color:var(--lbt-ink);letter-spacing:0;background:#fff;flex-grow:1.6;font-size:15px;box-shadow:0 3px #0d2b522e}.fl-key[data-mark=correct]{background:var(--fl-hit);color:var(--fl-hit-ink);box-shadow:0 3px #0d2b522e}.fl-key[data-mark=present]{background:var(--fl-near);color:var(--fl-near-ink);box-shadow:0 3px #0d2b522e}.fl-key[data-mark=absent]{background:var(--lbt-surface);box-shadow:none;color:var(--lbt-muted)}:is(.lbt-shell:has(.fl),[data-lbt-page$=daily-scroll] .lbt-shell) .lbt-hud-right[data-kind=dots] .lbt-hud-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}
