:root{--bg:#fff;--surface:#f6f7f8;--text:#1a1a1b;--muted:#5c6066;--border:#d3d6da;--green:#6aaa64;--yellow:#c9b458;--gray:#787c7e;--key:#d3d6da;--accent:#4a7dfc;--error:#c0392b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Helvetica Neue,Arial,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121213;--surface:#1d1d1f;--text:#f2f2f2;--muted:#a3a6aa;--border:#3a3a3c;--green:#538d4e;--yellow:#b59f3b;--gray:#3a3a3c;--key:#818384;--error:#ff6b5b}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;line-height:1.5}main,.site-header,.site-footer{max-width:1040px;margin:0 auto;padding:0 16px}.site-header{text-align:center;padding-top:20px}.site-header h1{letter-spacing:.02em;margin:0;font-size:2rem}.tagline,.instructions,.hint{color:var(--muted)}.tagline{margin:4px 0 16px}.loading{text-align:center;padding:48px 0}.app{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}@media (width>=860px){.app{grid-template-columns:minmax(0,380px) minmax(0,1fr)}}.play-area{flex-direction:column;align-items:center;gap:12px;display:flex}.instructions{text-align:center;margin:0;font-size:.95rem}.board{gap:6px;display:grid}.board-row{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.tile{aspect-ratio:1;text-transform:uppercase;border:2px solid var(--border);width:clamp(48px,15vw,60px);color:var(--text);background:0 0;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:1.9rem;font-weight:700;display:flex}button.tile{cursor:pointer;color:#fff;border-color:#0000;transition:background-color .12s}button.tile:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.tile-gray{background:var(--gray)}.tile-yellow{background:var(--yellow)}.tile-green{background:var(--green)}.tile-filled{border-color:var(--muted)}button{font-family:inherit}.actions{gap:8px;display:flex}.actions button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;padding:8px 14px}.actions button:disabled{opacity:.5;cursor:default}.keyboard{gap:6px;width:100%;max-width:500px;display:grid}.keyboard-row{justify-content:center;gap:5px;display:flex}.key{background:var(--key);min-width:0;height:52px;color:var(--text);cursor:pointer;border:0;border-radius:4px;flex:1;font-size:.9rem;font-weight:700}.key-wide{flex:1.5;font-size:.75rem}.key-gray,.key-yellow,.key-green{color:#fff}.key-gray{background:var(--gray)}.key-yellow{background:var(--yellow)}.key-green{background:var(--green)}.results{gap:16px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.panel h2{margin:0 0 4px;font-size:1.15rem}.panel .hint{margin:0 0 12px;font-size:.9rem}.count{color:var(--muted);margin-left:6px;font-size:.85rem;font-weight:400}.status{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:0;padding:12px 16px}.status-error{border-color:var(--error);color:var(--error)}.status-success{border-color:var(--green);font-weight:700}.suggestions{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.suggestion{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:8px 10px;display:flex}.suggestion:hover:not(:disabled){border-color:var(--accent)}.suggestion:disabled{cursor:default;opacity:.7}.suggestion-word{letter-spacing:.06em;font-size:1.05rem;font-weight:700}.suggestion-bits{color:var(--muted);font-size:.8rem}.badge{background:var(--green);color:#fff;border-radius:999px;padding:1px 6px;font-size:.7rem}.word-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:4px 8px;max-height:320px;margin:0;padding:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.95rem;list-style:none;display:grid;overflow-y:auto}.word-grid .more{color:var(--muted);grid-column:1/-1}.other-matches{margin-top:12px}.other-matches summary{cursor:pointer;color:var(--muted);margin-bottom:8px}.seo-content{border-top:1px solid var(--border);max-width:760px;margin-top:48px;padding-top:24px}.seo-content h2{font-size:1.3rem}.seo-content h3{margin-bottom:4px;font-size:1.05rem}.seo-content p{margin-top:0}kbd{border:1px solid var(--border);border-radius:3px;padding:0 4px;font-size:.85em}.site-footer{color:var(--muted);text-align:center;margin-top:48px;padding-bottom:24px;font-size:.85rem}.site-footer a{color:inherit}
