:root{--accent:#c3a13b}
.ws{gap:16px;padding:10px;flex-wrap:wrap;align-content:center;background:#fbf6e6}
.gridwrap{position:relative;touch-action:none}
.grid{display:grid;gap:0;background:#fffdf7;border:2px solid var(--ink);border-radius:14px;padding:6px}
.cell{width:var(--c);height:var(--c);display:grid;place-items:center;font-weight:800;font-size:calc(var(--c)*0.52);border-radius:8px;cursor:pointer;position:relative;z-index:2}
.cell.sel{background:rgba(59,111,196,.25)}
.marks{position:absolute;inset:0;pointer-events:none;z-index:1}
.words{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;max-width:320px;justify-content:center}
.words li{padding:5px 10px;border-radius:999px;background:#fffdf7;border:2px solid var(--line);font-weight:800;font-size:14px;letter-spacing:.04em}
.words li.done{text-decoration:line-through;opacity:.5;border-color:transparent;background:#e7f2df}
@media (max-width:700px){.ws{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;overflow:auto}}