.hw,.hw-example{--hw-correct:#0f766e;--hw-correct-text:#fff;--hw-present:#f59e0b;--hw-present-text:#1f2937;--hw-partial:#7c3aed;--hw-partial-text:#fff;--hw-absent:#64748b;--hw-absent-text:#fff;--hw-font:"Noto Sans Devanagari", "Nirmala UI", "Kohinoor Devanagari", "Mangal", system-ui, sans-serif}@media (prefers-color-scheme:dark){.hw,.hw-example{--hw-correct:#14b8a6;--hw-correct-text:#042f2e;--hw-present:#fbbf24;--hw-present-text:#1f2937;--hw-partial:#a78bfa;--hw-partial-text:#1e1b4b;--hw-absent:#3b4554;--hw-absent-text:#e5e7eb}}.hw-play{flex-direction:column;align-items:center;gap:6px;display:flex}.hw-board{gap:5px;width:min(100%,320px);margin:0 auto;display:grid}.hw>.hw-board{grid-template-columns:repeat(4,minmax(0,1fr))}.hw-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.hw-tile{border:2px solid var(--border);background:var(--card);min-width:0;height:clamp(38px,6.2svh,60px);color:var(--text);font-family:var(--hw-font);-webkit-user-select:none;user-select:none;border-radius:10px;place-items:center;font-size:clamp(1.1rem,min(6vw,3.4svh),1.75rem);font-style:normal;font-weight:700;line-height:1.1;display:grid;position:relative;overflow:hidden}.hw-tile.filled{border-color:color-mix(in srgb, var(--text) 55%, var(--border));animation:.12s ease-out hw-pop}.hw-tile.correct{background:var(--hw-correct);border-color:var(--hw-correct);color:var(--hw-correct-text)}.hw-tile.present{background:var(--hw-present);color:var(--hw-present-text);border-style:dashed;border-color:color-mix(in srgb, var(--hw-present-text) 45%, var(--hw-present))}.hw-tile.partial{background:var(--hw-partial);color:var(--hw-partial-text);border-style:dotted;border-color:color-mix(in srgb, var(--hw-partial-text) 55%, var(--hw-partial))}.hw-tile.absent{background:var(--hw-absent);border-color:var(--hw-absent);color:var(--hw-absent-text)}.hw-badge{font-family:system-ui,sans-serif;font-size:.5em;font-style:normal;font-weight:900;line-height:1;position:absolute;top:3px;right:5px}.hw-row.reveal .hw-tile{animation:.5s both hw-flip;animation-delay:calc(var(--i) * .11s)}.hw-row.shake{animation:.4s hw-shake}@keyframes hw-flip{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes hw-pop{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes hw-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}@media (prefers-reduced-motion:reduce){.hw-row.reveal .hw-tile,.hw-row.shake,.hw-tile.filled{animation:none}}.hw-play .hw-msg{text-align:center;min-height:1.45em;margin:0;font-weight:600}.hw-keys{touch-action:manipulation;flex-direction:column;gap:4px;width:100%;max-width:560px;display:flex}.hw-keyrow{justify-content:center;gap:4px;display:flex}.hw-key{border:1px solid var(--border);background:var(--surface);min-width:0;max-width:50px;min-height:clamp(36px,5.8svh,46px);color:var(--text);font-family:var(--hw-font);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;flex:1 1 0;padding:0;font-size:1.15rem;font-weight:600;line-height:1}.hw-key.gap{margin-inline-start:6px}.hw-key.wide{flex:1.7 1 0;max-width:88px;font-family:inherit;font-size:.9rem;font-weight:700}.hw-key:hover:not(:disabled){border-color:var(--cat)}.hw-key:disabled{opacity:.6}.hw-key.correct{background:var(--hw-correct);border-color:var(--hw-correct);color:var(--hw-correct-text)}.hw-key.present{background:var(--hw-present);border-color:var(--hw-present);color:var(--hw-present-text)}.hw-key.absent{background:var(--hw-absent);border-color:var(--hw-absent);color:var(--hw-absent-text)}@media (max-width:400px){.hw-keyrow{gap:3px}.hw-key{border-radius:6px;min-height:clamp(36px,5.8svh,44px);font-size:1.02rem}.hw-key.gap{margin-inline-start:4px}}.hw-own{flex-direction:column;gap:4px;width:100%;max-width:420px;font-size:.9rem;display:flex}.hw-own label{color:var(--muted)}.hw-own-row{gap:8px;display:flex}.hw-own input{border:1px solid var(--border);background:var(--bg);min-width:0;min-height:44px;color:var(--text);font-family:var(--hw-font);border-radius:10px;flex:1;padding:6px 10px;font-size:1.1rem}.hw-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 14px;font-size:.82rem;display:flex}.hw-legend>span{align-items:center;gap:6px;display:inline-flex}.hw-tile.mini{aspect-ratio:auto;border-radius:6px;place-items:center start;width:38px;height:30px;padding-inline-start:6px;font-size:.9rem}.hw-tile.mini .hw-badge{font-size:.6em;top:2px;right:3px}.hw-share-preview{letter-spacing:.08em;margin:8px 0 0;font-size:1.1rem;line-height:1.25}.hw-play .game-done{width:100%}.hw-example{gap:4px;display:inline-flex}.hw-example .hw-tile.mini{width:48px;height:38px;padding-inline-start:8px;font-size:1.05rem}