:root{--background:#6a1b37;--foreground:#efc3da;--cell-empty:#84304f;--cell-hit:#2e7d32;--cell-miss:#2a0a16;--cell-lost:#c62828;--key:#efc3da;--key-text:#6a1b37;--key-used:#84304f}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;overflow-x:hidden}body{min-height:100dvh;color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}main{flex-direction:column;gap:16px;max-width:520px;margin:0 auto;padding:16px}header,main{display:flex;align-items:center}header{width:100%;justify-content:space-between}h1{font-size:1.75rem}.text-button{padding:6px 12px;border:1px solid var(--foreground);border-radius:6px;background:transparent;color:var(--foreground)}.board{flex-direction:column}.board,.word{display:flex;gap:6px}.word-number{width:24px;align-self:center;font-size:1.1rem;text-align:right;opacity:.7}.word:after{content:"";width:24px}.cell{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:4px;background:var(--cell-empty);font-size:1.5rem;font-weight:700;text-transform:uppercase}.cell.hit{background:var(--cell-hit);color:#fff}.cell.revealedMiss{background:var(--cell-miss)}.cell.lost{background:var(--cell-lost);color:#fff}.keyboard{display:flex;flex-direction:column;gap:6px;width:100%}.key-row{display:flex;justify-content:center;gap:4px}.key{width:min(42px,calc((100vw - 32px - 10 * 4px) / 11));height:52px;border:none;border-radius:4px;background:var(--key);color:var(--key-text);font-size:1.1rem;font-weight:700;text-transform:uppercase}.key:disabled{background:var(--key-used);color:var(--foreground);opacity:.5;cursor:default}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:rgb(0 0 0/.5)}.dialog{position:relative;display:flex;flex-direction:column;gap:16px;width:100%;max-width:360px;padding:32px 24px 24px;border-radius:8px;background:var(--background);text-align:center}.close{position:absolute;top:8px;right:8px;width:36px;height:36px;border:none;background:transparent;color:var(--foreground);font-size:1.5rem}