.dw-hard{cursor:pointer;align-items:center;gap:6px;min-height:44px;margin-left:auto;font-size:14px;display:inline-flex}.dw-hard input{width:20px;height:20px}.dw-msg{text-align:center;min-height:1.4em;color:var(--bad);margin:0;font-weight:700}.dw-grid{flex-direction:column;align-items:center;gap:6px;display:flex}.dw-row{grid-template-columns:repeat(5,1fr);gap:6px;width:min(100%,300px,max(200px,83.3333svh - 391.667px));display:grid}.dw-tile{aspect-ratio:1;border:2px solid var(--line);font-family:var(--f-display);text-transform:uppercase;background:var(--surface);border-radius:6px;justify-content:center;align-items:center;font-size:clamp(20px,7vw,30px);display:flex}.dw-tile.fill{border-color:var(--ink)}.dw-tile.correct{color:#fff;background:#3a9b5c;border-color:#3a9b5c}.dw-tile.present{color:#1b1b1b;background:#d9a520;border-color:#d9a520}.dw-tile.absent{color:#fff;background:#6b7280;border-color:#6b7280}.dw-kb{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.dw-krow{justify-content:center;gap:4px;width:100%;display:flex}.dw-key{background:var(--sunk);max-width:40px;min-height:48px;color:var(--ink);font-family:var(--f-body);text-transform:uppercase;cursor:pointer;border:0;border-radius:6px;flex:1 1 0;padding:0;font-size:15px;font-weight:700}.dw-key.wide{flex:1.6 1 0;max-width:64px;font-size:12px}.dw-key.correct{color:#fff;background:#3a9b5c}.dw-key.present{color:#1b1b1b;background:#d9a520}.dw-key.absent{color:#fff;background:#6b7280}.dw-key:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.dw-end{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.dw-end p{margin:0}.dw-ans{text-transform:uppercase;letter-spacing:.1em}.dw-dist{flex-direction:column;gap:3px;width:100%;max-width:280px;display:flex}.dw-dist>div{align-items:center;gap:6px;font-size:12px;display:flex}.dw-dist span{width:12px}.dw-dist i{background:var(--accent);color:var(--accent-ink);text-align:right;border-radius:3px;min-width:20px;padding:0 6px;font-style:normal}@media (max-width:340px){.dw-kb{width:calc(100% + 16px);margin:0 -8px}.dw-krow{gap:2px}.dw-key{min-width:24px}}