:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8fafc;color:#111827;--tile-border: #9ca3af;--tile-empty: #f8fafc;--correct: #047857;--present: #b7791f;--absent: #4b5563;--key: #d1d5db}*{box-sizing:border-box}body{margin:0;min-width:320px}button{border:0;border-radius:6px;font:inherit;font-weight:700;cursor:pointer}button:focus-visible{outline:3px solid #2563eb;outline-offset:2px}main{min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:14px;padding:12px}.topbar{width:min(100%,520px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #d1d5db;padding-bottom:10px}.topbar h1{margin:0;font-size:1.8rem;letter-spacing:0}.topbar button{background:transparent;color:inherit;padding:8px}.topbar button:last-child{justify-self:end}.board{display:grid;gap:6px;width:min(92vw,350px)}.row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.tile{aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--tile-border);background:var(--tile-empty);font-size:clamp(1.6rem,8vw,2.2rem);font-weight:800;text-transform:uppercase}.tile.correct,.tile.present,.tile.absent{color:#fff;border-color:transparent}.correct{background:var(--correct)}.present{background:var(--present)}.absent{background:var(--absent)}.message{min-height:1.5rem;margin:0;font-weight:700;text-align:center}.keyboard{width:min(100%,540px);display:grid;gap:7px;margin-top:auto;padding-bottom:8px}.key-row{display:flex;justify-content:center;gap:5px}.key{min-width:0;width:9%;max-width:44px;height:54px;background:var(--key);color:#111827}.key.wide{width:16%;max-width:76px;font-size:.82rem}.key.correct,.key.present,.key.absent{color:#fff}.share-button{padding:10px 18px;background:#111827;color:#fff}.notice{margin-top:12vh;text-align:center}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:18px;background:#0f172a7a}.modal{width:min(100%,430px);background:#fff;color:#111827;border-radius:8px;padding:18px;box-shadow:0 24px 80px #0f172a47}.modal header{display:flex;align-items:center;justify-content:space-between}.modal h2{margin:0}.icon-button{width:36px;height:36px;background:#e5e7eb;color:#111827;font-size:1.4rem}.examples{display:grid;gap:10px}.examples>div{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 10px;text-align:center;margin:18px 0}.stats-grid strong{font-size:1.8rem}.stats-grid span{grid-row:2;font-size:.8rem}.distribution{display:grid;gap:6px}.dist-row{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:center}.dist-row div{min-width:24px;max-width:100%;padding:4px 8px;background:#374151;color:#fff;text-align:right;border-radius:4px}@media(prefers-color-scheme:dark){:root{background:#111827;color:#f9fafb;--tile-empty: #111827;--tile-border: #4b5563;--key: #374151}.key{color:#f9fafb}.topbar{border-bottom-color:#374151}}@media(prefers-reduced-motion:no-preference){.tile.correct,.tile.present,.tile.absent{transition:background-color .14s ease,border-color .14s ease}}