.word{--word-tile:52px;--word-gap:6px;--word-kgap:5px}@media (width<=1023px) and (height<=760px){.word{--word-tile:46px}}@media (width<=1023px) and (height<=660px){.word{--word-tile:40px}}@media (width>=1024px){.word{--word-tile:60px;--word-kgap:6px}}.word-top{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.word-no{color:var(--muted);font-variant-numeric:tabular-nums;font-size:15px}@media (width>=1024px){.word-no{letter-spacing:-.02em;font-size:24px;font-stretch:125%}.word-stats-btn{display:none}}.word-icons{gap:8px;display:flex}.word-help{justify-self:center;gap:8px;width:100%;max-width:566px;padding:12px 14px;display:grid}.word-help p{align-items:center;gap:10px;font-size:15px;display:flex}.word-swatch{border-radius:4px;flex:none;width:22px;height:22px}.word-board{gap:var(--word-gap);direction:ltr;justify-self:center;display:grid}.word-row{grid-template-columns:repeat(5, var(--word-tile));gap:var(--word-gap);display:grid}.word-tile{width:var(--word-tile);height:var(--word-tile);border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:calc(var(--word-tile) * .54);user-select:none;border-radius:4px;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex}.word-tile--typed{border:2px solid var(--ink);animation:.12s ease-out word-pop}.word-tile--correct,.word-swatch.word-tile--correct{background:var(--accent);border-color:var(--accent);color:var(--ink)}.word-tile--present,.word-swatch.word-tile--present{background:var(--ink);border-color:var(--ink);color:var(--bg)}.word-tile--absent,.word-swatch.word-tile--absent{background:var(--line);border-color:var(--line);color:var(--muted)}.word-tile--flip{animation-name:word-flip,word-paint;animation-timing-function:ease-in-out,linear;animation-fill-mode:both}.word-row--shake-a{animation:.32s ease-out word-shake-a}.word-row--shake-b{animation:.32s ease-out word-shake-b}@keyframes word-pop{0%{transform:scale(.9)}60%{transform:scale(1.06)}to{transform:none}}@keyframes word-flip{0%{transform:perspective(400px)rotateX(0)}50%{transform:perspective(400px)rotateX(-90deg)}to{transform:perspective(400px)rotateX(0)}}@keyframes word-paint{0%{background-color:var(--panel);border-color:var(--ink);color:var(--ink);border-width:2px}50%{background-color:var(--panel);border-color:var(--ink);color:var(--ink);border-width:2px;animation-timing-function:step-start}}@keyframes word-shake-a{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes word-shake-b{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.word-status{text-align:center;font-variant-numeric:tabular-nums;justify-items:center;gap:4px;min-height:24px;display:grid}.word-next{color:var(--muted);font-size:15px}@media (width>=1024px){.word-status .status{font-size:18px}}.word-actions{justify-self:center;width:100%;max-width:566px}.word-actions .btn{white-space:nowrap;padding-inline:14px}.word-kb{direction:ltr;justify-self:center;gap:8px;width:100%;max-width:566px;display:grid}@media (width<=639px){.word-kb{width:auto;max-width:none;margin-inline:calc(5px - var(--gutter));justify-self:stretch}}@media (width<=1023px){.word-kb--done{display:none}}.word-kb-row{justify-content:center;gap:var(--word-kgap);display:flex}.word-key{width:calc((100% - (var(--cols) - 1) * var(--word-kgap)) / var(--cols));border:1px solid var(--line);background:var(--panel);max-width:46px;height:52px;color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;font-size:18px;font-weight:600;transition:background-color .2s,border-color .2s,color .2s;display:flex}.word-key:active{transform:translateY(1px)}.word-key:disabled{cursor:default}.word-key--wide{flex:1 1 0;width:auto;min-width:0;max-width:72px;font-size:15px;font-weight:700}.word-key svg{width:22px;height:22px}.word-key--correct{background:var(--accent);border-color:var(--accent)}.word-key--present{background:var(--ink);border-color:var(--ink);color:var(--bg)}.word-key--absent{background:var(--line);border-color:var(--line);color:var(--muted)}@media (width>=1024px){.word-key{height:58px;font-size:19px}.word-key--wide{font-size:16px}.word-key svg{width:24px;height:24px}}.word-stats{gap:18px;padding:18px 18px 22px;display:grid}.word-stats h2{outline-offset:4px;font-size:20px;font-weight:700}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.word-grid>div{flex-direction:column;gap:4px;min-width:0;padding:2px 12px 14px 2px;display:flex}.word-grid>div:nth-child(2n){border-inline-start:1px solid var(--line-2);padding-inline:16px 4px}.word-grid>div:nth-child(n+3){border-top:1px solid var(--line-2);padding-top:14px;padding-bottom:2px}.word-grid dt{color:var(--muted);font-size:14px}.word-grid dd{font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:0;font-size:32px;font-weight:300;font-stretch:125%;line-height:1.1}.word-dist{border-top:1px solid var(--line-2);gap:10px;padding-top:16px;display:grid}.word-dist h3{margin:0 0 2px;font-size:16px;font-weight:600}.word-dist-row{font-variant-numeric:tabular-nums;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:10px;font-size:15px;display:grid}.word-dist-row>span:first-child{color:var(--muted)}.word-dist-track{align-items:center;gap:8px;min-width:0;height:22px;display:flex}.word-dist-bar{background:var(--ink);border-radius:2px;flex:none;height:22px;display:block}.word-dist-bar--today{background:var(--accent)}.word-dist-n--today{font-weight:700}