:root{color-scheme:light;--ink:#14283c;--mint:#c8f4db;--line:#cedbd5}*{box-sizing:border-box}body{margin:0;background:#f5f8f5;color:var(--ink);font:16px/1.6 system-ui,sans-serif}header,main,footer{width:min(760px,calc(100% - 32px));margin:auto}header{display:flex;justify-content:space-between;gap:14px;padding:22px 0}a{color:#175d48}h1{font-size:clamp(2rem,7vw,3.4rem);line-height:1.1;margin:12px 0}h2{line-height:1.25}.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#366b56;font-weight:800}.panel{padding:clamp(16px,4vw,28px);background:white;border:1px solid var(--line);border-radius:18px;margin:24px 0}.controls{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}button,.link-button{font:inherit;padding:10px 16px;border:1px solid #718f81;border-radius:8px;background:white;color:var(--ink);cursor:pointer;min-height:44px}button:hover{background:#e5f7ed}button:focus-visible,a:focus-visible{outline:3px solid #ac4b00;outline-offset:3px}button[aria-pressed=true]{background:var(--mint)}button:disabled{cursor:default;opacity:.7}.board{display:grid;gap:5px;max-width:370px;margin:22px auto}.cell{padding:0;aspect-ratio:1;min-height:0;font-size:clamp(1rem,5vw,1.5rem);border:2px solid #8ca298;border-radius:7px}.cell[data-value="1"]{background:#185c48;color:white}.cell[data-value="2"]{background:#ffe5ab;color:#493915}.cell[data-value="-1"]{color:#56675f}.cell.locked{border-color:#14283c;opacity:1}.clue{display:flex;align-items:center;justify-content:center;white-space:pre-line;line-height:1.2;text-align:center;font-weight:700;font-size:.85rem}.status{min-height:3.2em;font-weight:650}.related{display:grid;gap:10px}footer{padding:24px 0 40px;color:#52665c}textarea{width:100%;min-height:120px}#result[hidden]{display:none}