:root{color-scheme:light;--ink:#24152e;--paper:#fbf8f2;--line:#9c8ca0;--accent:#56276c;--soft:#eee4f2;--error:#9e2035}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 system-ui,sans-serif}a{color:var(--accent);text-underline-offset:3px}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}:focus-visible{outline:3px solid #005f85;outline-offset:3px}.skip{position:absolute;left:12px;top:-60px;background:white;padding:10px}.skip:focus{top:12px}header,footer{padding:18px max(16px,calc((100vw - 1000px)/2));border-bottom:1px solid #d7cdd8}header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}header a{font-weight:700}main{max-width:1000px;margin:auto;padding:36px 16px 60px}h1{font-size:clamp(2rem,6vw,3.2rem);line-height:1.12;letter-spacing:-.04em;margin:8px 0 18px}h2{font-size:1.6rem;line-height:1.2}p{max-width:65ch}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:750;color:var(--accent)}.layout{display:grid;grid-template-columns:minmax(280px,440px) 1fr;gap:48px;align-items:start}.board{width:100%;border-collapse:collapse;table-layout:fixed;border:3px solid var(--ink);background:#fff}.board td{padding:0;border:1px solid var(--line);height:clamp(46px,8vw,70px)}.board tr:nth-child(2n) td{border-bottom:3px solid var(--ink)}.board td:nth-child(3n){border-right:3px solid var(--ink)}.cell{display:flex;width:100%;height:100%;min-height:46px;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;font-size:1.65rem;color:var(--accent);font-weight:650}.given{color:var(--ink);background:#f0ece6;font-weight:800}.selected{background:var(--soft);box-shadow:inset 0 0 0 3px var(--accent)}.pencil{font-size:.8rem;letter-spacing:.06em;overflow-wrap:anywhere;padding:2px}.conflict{color:var(--error);outline:3px dashed var(--error);outline-offset:-5px}.selection{font-size:.85rem;min-height:2.6em}.keypad{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:14px 0}.keypad button{min-height:46px;border:1px solid var(--accent);border-radius:7px;background:#fff;color:var(--accent);font-weight:750}.tools{display:flex;gap:8px;flex-wrap:wrap}.tools button{min-height:44px;padding:7px 12px;border:1px solid var(--accent);border-radius:7px;color:var(--accent);background:white}.tools button[aria-pressed=true],.tools .primary,.store{background:var(--accent);color:#fff}.status{min-height:4em;padding:12px;background:#fff;border-left:3px solid var(--accent);font-size:.95rem}.aside{border-top:4px solid var(--accent);padding-top:10px}.stores{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.store{padding:12px 18px;text-decoration:none;border-radius:7px;display:inline-block;font-weight:700}.secondary{background:#fff;color:var(--accent);border:1px solid var(--accent)}.small{font-size:.88rem}.complete{padding:14px;border:2px solid var(--accent);background:var(--soft)}.instructions{margin-top:30px}footer{font-size:.85rem;border-top:1px solid #d7cdd8;border-bottom:0}.noscript{border:1px solid var(--line);padding:12px;background:#fff}@media(max-width:720px){.layout{grid-template-columns:1fr;gap:28px}.board-wrap{max-width:440px}.aside{max-width:60ch}main{padding-top:24px}}@media(prefers-reduced-motion:no-preference){button{transition:background-color .12s}}@media(forced-colors:active){.selected{outline:3px solid Highlight}.given{border:1px solid CanvasText}.conflict{outline:3px dashed Mark}}