.dw-grid{display:grid;gap:6px;max-width:20rem;margin-inline:auto}.dw-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.dw-tile{aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--primary-70,#9bbfa9);border-radius:8px;background:var(--color-surface);font:700 clamp(1.4rem,8vw,2rem) var(--font-head);text-transform:uppercase;color:var(--neutral-10);position:relative}.dw-tile.has{border-color:var(--primary-30)}.dw-tile.s-correct{background:var(--primary-30);border-color:var(--primary-30);color:#fff}.dw-tile.s-present{background:var(--secondary-70,#E5A93C);border-color:var(--neutral-10);color:var(--neutral-10)}.dw-tile.s-present::after{content:"";position:absolute;bottom:5px;width:6px;height:6px;border-radius:50%;background:var(--neutral-10)}.dw-tile.s-absent{background:#d9d6cf;border-color:#d9d6cf;color:#4b4a45}.dw-row.is-shake{animation:dw-shake 0.3s}@keyframes dw-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.dw-status{min-height:1.6rem;margin:var(--space-3) 0;text-align:center;font-weight:600}.dw-keys{display:grid;gap:6px;max-width:30rem;margin-inline:auto;touch-action:manipulation}.dw-krow{display:flex;gap:4px;justify-content:center}.dw-key{flex:1 1 0;min-width:0;height:3.1rem;padding:0;border:0;border-radius:8px;background:var(--primary-90);color:var(--neutral-10);font:600 1rem var(--font-head);text-transform:uppercase;cursor:pointer}.dw-key.wide{flex:1.6 1 0;font-size:0.8rem}.dw-key.s-correct{background:var(--primary-30);color:#fff}.dw-key.s-present{background:var(--secondary-70,#E5A93C)}.dw-key.s-absent{background:#d9d6cf;color:#6b6a65}.dw-key:focus-visible{outline:3px solid var(--color-action);outline-offset:1px}@media (prefers-reduced-motion:reduce){.dw-row.is-shake{animation:none}}.dw-another{display:flex;justify-content:center;margin-bottom:var(--space-3)}.dw-another [hidden]{display:none}