:root{--bg: #f6f3ec;--fg: #1f2a1f;--muted: #5b6659;--card: #ffffff;--line: #d9d3c4;--accent: #2f5d3a;--hit: #3f8f4f;--near: #d9a520;--miss: #8a8f93;--na: #d5d8da;--on-state: #ffffff;--on-na: #3b4247;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #151a16;--fg: #e7ebe4;--muted: #a3ad9f;--card: #1e2520;--line: #34403a;--accent: #8fc79a;--hit: #3c8a4b;--near: #b8891a;--miss: #4e555a;--na: #2d3337;--on-na: #c9d0d4;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main,.top,.foot{max-width:820px;margin:0 auto;padding:0 16px}.top{padding-top:20px}h1{margin:0;color:var(--accent);font-size:2rem;letter-spacing:.02em}.sub,.meta,.foot{color:var(--muted)}.sub{margin:4px 0 16px}.foot{font-size:.85rem;padding-bottom:32px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.guess{position:relative;display:flex;gap:8px}.guess input{flex:1;min-width:0;padding:10px 12px;font:inherit;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--fg)}.guess button{padding:10px 16px;font:inherit;font-weight:600;border:0;border-radius:8px;background:var(--accent);color:var(--bg);cursor:pointer}.guess button:disabled,.guess input:disabled{opacity:.5;cursor:default}#suggestions{position:absolute;top:100%;left:0;right:0;z-index:5;margin:4px 0 0;padding:4px 0;list-style:none;background:var(--card);border:1px solid var(--line);border-radius:8px;max-height:260px;overflow-y:auto;box-shadow:0 6px 18px #00000026}#suggestions li{padding:8px 12px;cursor:pointer}#suggestions li[aria-selected=true],#suggestions li:hover{background:var(--bg)}#suggestions small{color:var(--muted)}.clue{background:var(--card);border-left:4px solid var(--near);padding:8px 12px;border-radius:4px}.board-wrap{overflow-x:auto;margin:12px 0}.board{border-collapse:separate;border-spacing:3px;width:100%;table-layout:fixed;font-size:.78rem}.board th{font-weight:600;color:var(--muted);font-size:.7rem;text-transform:uppercase;padding:2px}.board td{padding:6px 3px;text-align:center;border-radius:6px;overflow-wrap:break-word;hyphens:auto;line-height:1.2}.board td.name{font-weight:600;text-align:left;padding:8px 2px 0;border-radius:0}.board th .short{display:none}.board td .mark{display:block;font-size:.9rem;font-weight:700}.hit{background:var(--hit);color:var(--on-state)}.near{background:var(--near);color:var(--on-state)}.miss{background:var(--miss);color:var(--on-state)}.na{background:var(--na);color:var(--on-na)}.result{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;margin:16px 0}.result h2{margin:0 0 4px}.result .names{color:var(--muted);margin:0 0 8px}.result button{font:inherit;padding:8px 14px;border-radius:8px;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer}.stats{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0}.stats div{text-align:center}.stats b{display:block;font-size:1.3rem}.help{margin:16px 0}.help ul{padding-left:0;list-style:none}.swatch{display:inline-block;width:1.6em;text-align:center;border-radius:4px;margin-right:6px}@media(max-width:520px){.board{font-size:.66rem;border-spacing:2px}.board th{font-size:.56rem;letter-spacing:-.01em}.board th .long{display:none}.board th .short{display:inline}.board td{padding:4px 1px}}