@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/atkinson-400.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/atkinson-700.woff2) format("woff2")}@font-face{font-family:Fraunces;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/fraunces-500.woff2) format("woff2")}:root{--paper: #fbf7ef;--surface: #ffffff;--ink: #1e2638;--ink-2: #4a5266;--muted: #5e6576;--coral: #c4412a;--coral-2: #b83a24;--pencil: #2a55a8;--select: #ffe2a0;--peer: #f2ecdf;--conflict: #fbe1d9;--line: #d9d0bf;--border: #e6ddcc;--pill: #efe8da;--cell: #fffdf8;--dash: #5b6275;--hint-bg: #fff4da;--hint-border: #f0d9a0;--hint-ink: #7a5a10;--notes: #eaf0fb;--footer: #f3ede1;--ad: #cfc5b2;--shadow: 0 1px 2px rgba(30, 38, 56, .12);--ok-bg: #e4f0e6;--ok: #2d5f3a;--mid-bg: #fdebd3;--mid: #7a4a0c;--hot-bg: #f6deda;--hot: #8a2c1c;--cell-size: 60px;--font: 17px;color-scheme:light}:root[data-theme=dark]{--paper: #1a1d27;--surface: #242836;--ink: #f4f0e8;--ink-2: #c5c8d4;--muted: #9aa0b0;--select: #5c4a1e;--peer: #2e3344;--conflict: #5a2e28;--line: #3a4054;--border: #343848;--pill: #2a2e3c;--cell: #1e2230;--dash: #a8b0c4;--hint-bg: #3a3018;--hint-border: #6a5420;--hint-ink: #f0d9a0;--notes: #1e2a44;--footer: #151820;--ad: #3a4054;--shadow: 0 1px 2px rgba(0, 0, 0, .35);--ok-bg: #1d3324;--ok: #b7e0c2;--mid-bg: #3a2c18;--mid: #f0d3a4;--hot-bg: #3d221c;--hot: #f2b8aa;color-scheme:dark}:root[data-font=sm]{--cell-size: 48px;--font: 16px}:root[data-font=lg]{--cell-size: 68px;--font: 19px}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font:var(--font) / 1.55 "Atkinson Hyperlegible",system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--coral-2)}button,input,select{font:inherit;color:inherit}img{max-width:100%}h1,h2,h3,.serif{font-family:Fraunces,Georgia,serif;font-weight:700;letter-spacing:-.02em}h1{font-size:clamp(34px,5vw,46px);line-height:1.05;margin:0}h2{font-size:clamp(26px,3vw,34px);margin:0}h3{font-size:21px;margin:0;letter-spacing:0;font-family:Atkinson Hyperlegible,system-ui,sans-serif}.wrap{width:min(1280px,calc(100% - 32px));margin:0 auto}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);background:var(--paper);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:var(--ink)}.brand:hover{color:var(--ink)}.word{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:24px;letter-spacing:-.01em;white-space:nowrap}.word .dot{position:relative;display:inline-block;line-height:1}.word .dot svg{position:absolute;left:50%;top:.02em;width:.36em;height:.36em;transform:translate(-50%)}.nav{display:flex;gap:28px;font-weight:700}.nav a[aria-current=page]{color:var(--coral-2)}.icon-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:36px 0 28px}.lede{margin:10px 0 0;max-width:42rem;color:var(--ink-2);font-size:18px}.pills{display:flex;padding:4px;gap:4px;background:var(--pill);border-radius:14px}.pills a,.pills span{padding:10px 16px;border-radius:10px;font-weight:700;color:var(--ink-2)}.pills a[aria-current=page],.pills .on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 16px;border-radius:12px;border:1.5px solid var(--ink);background:transparent;font-weight:700;cursor:pointer}.btn.primary{background:var(--coral);border-color:var(--coral);color:#fff}.btn.primary:hover{color:#fff}.play{display:grid;grid-template-columns:minmax(0,1fr) 340px 300px;gap:28px;align-items:start}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.timer{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}.muted{color:var(--muted);font-weight:700;font-size:14px}.combo-row{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 10px;border-radius:8px;background:var(--ink);color:var(--paper);font-weight:700;letter-spacing:.08em;font-size:15px}.chip.off{background:var(--peer);color:#62677a;text-decoration:line-through}:root[data-theme=dark] .chip.off{color:var(--muted)}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.key,.tool{border-radius:12px;border:1px solid #e0d6c3;background:var(--surface);min-height:62px;cursor:pointer;font-weight:700}:root[data-theme=dark] .key,:root[data-theme=dark] .tool{border-color:var(--border)}.key{color:var(--pencil);display:flex;flex-direction:column;align-items:center;justify-content:center}.key b{font-size:28px;line-height:1}.key small{color:var(--muted);font-size:12px}.key:disabled{color:#a7a9b2;border-style:dashed;background:transparent}.tools{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.tool{border:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:13px}.tool.on{border:1.5px solid var(--pencil);background:var(--notes);color:var(--pencil)}.hint{background:var(--hint-bg);border:1px solid var(--hint-border);border-radius:14px;padding:14px 16px}.hint strong{color:var(--hint-ink);letter-spacing:.06em;text-transform:uppercase;font-size:13px}.board-wrap{position:relative;container-type:inline-size;width:min(100%,calc(var(--cell-size) * 9 + 4px))}.board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));width:calc(var(--cell-size) * 9 + 4px);max-width:100%;background:var(--ink);gap:0;border:2px solid var(--ink);user-select:none}.board-wrap .board{width:100%}.cell{position:relative;aspect-ratio:1;min-width:0;background:var(--cell);border:0;padding:0;cursor:pointer;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.cell.c2{border-right-width:2px;border-right-color:var(--ink)}.cell.r2{border-bottom-width:2px;border-bottom-color:var(--ink)}.cell.c8{border-right:none}.cell.r8{border-bottom:none}.cell.peer{background:var(--peer)}.cell.sel{background:var(--select)}.cell.bad{background:var(--conflict)}.cell.hinted{outline:2px solid var(--coral);z-index:1}.cell .cage{position:absolute;pointer-events:none;border:1.5px dashed var(--dash)}.cell .sum{position:absolute;top:1px;left:3px;font-size:max(9px,2.15cqw);font-weight:700;line-height:1;background:var(--cell);z-index:1}.cell.peer .sum{background:var(--peer)}.cell.sel .sum{background:var(--select)}.cell.bad .sum{background:var(--conflict)}.digit{font-size:6cqw;font-weight:700;color:var(--pencil);line-height:1}.digit.given{color:var(--ink)}.digit.bad{color:var(--coral-2)}.notes{display:grid;grid-template-columns:repeat(3,1fr);width:78%;height:70%;font-size:max(8px,1.9cqw);font-weight:700;color:var(--ink-2)}.pause{position:absolute;inset:0;background:var(--paper);display:flex;align-items:center;justify-content:center;border:2px solid var(--ink);z-index:2}.ad{min-height:600px;border:1.5px dashed var(--ad);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card,.strategy{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:10px}.num{width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;font-weight:700}.tag{align-self:flex-start;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:700}.tag.beginner{background:var(--ok-bg);color:var(--ok)}.tag.intermediate{background:var(--mid-bg);color:var(--mid)}.tag.advanced{background:var(--hot-bg);color:var(--hot)}.strategies{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.faq details{border-top:1px solid var(--border);padding:16px 0}.faq details:last-child{border-bottom:1px solid var(--border)}.faq summary{font-weight:700;font-size:19px;cursor:pointer}.faq p{margin:8px 0 0;color:var(--ink-2)}.promo{background:var(--ink);color:var(--paper);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:14px}.promo p{color:#d6d9e0;margin:0}.split{display:grid;grid-template-columns:2fr 1fr;gap:40px;margin-top:72px}.site-footer{margin-top:72px;padding:48px 0 40px;background:var(--footer);border-top:1px solid var(--border)}.foot{display:flex;justify-content:space-between;gap:40px}.foot-cols{display:flex;gap:64px}.foot-cols div{display:flex;flex-direction:column;gap:10px}.prose{max-width:46rem}.prose p,.prose li{color:var(--ink-2)}.prose h2{margin:1.4em 0 .4em}.crumbs{font-size:14px;color:var(--muted);font-weight:700;margin:18px 0}.modal-back{position:fixed;inset:0;background:#1e263873;display:flex;align-items:flex-end;justify-content:center;z-index:30;padding:16px}.modal{width:min(440px,100%);background:var(--surface);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats div{background:var(--paper);border-radius:12px;padding:10px}.menu{position:fixed;top:64px;right:16px;left:auto;width:min(320px,calc(100vw - 24px));max-height:min(70vh,480px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:12px;display:flex;flex-direction:column;z-index:25;box-shadow:0 16px 40px #1e263829}.menu a,.menu button{text-align:left;background:none;border:0;padding:12px;border-radius:10px;font-weight:700;cursor:pointer}.settings{display:flex;flex-direction:column;gap:8px;padding:8px}.mobile-only{display:none}.section{margin-top:72px}@media(max-width:1100px){.play{grid-template-columns:minmax(0,1fr) 320px}.ad{display:none}.strategies{grid-template-columns:repeat(2,1fr)}.nav{display:none}.mobile-only{display:inline-flex}}@media(max-width:800px){.site-header{height:56px}.word{font-size:17px}.icon-btn{width:38px;height:38px}.brand svg{width:28px;height:28px}.hero{flex-direction:column;align-items:stretch;padding-top:16px}.pills{display:grid;grid-template-columns:repeat(4,1fr)}.pills a{text-align:center;padding:8px 4px}.play,.cards,.split,.strategies{grid-template-columns:1fr}.foot,.foot-cols{flex-direction:column;gap:24px}:root,:root[data-font=sm],:root[data-font=lg]{--cell-size: 52px}.keys{grid-template-columns:repeat(5,1fr)}.key{min-height:56px}.key b{font-size:24px}.tools .tool{min-height:56px}.ad.banner{display:flex;min-height:50px}}@media print{.site-header,.site-footer,.panel,.ad,.hero,.no-print{display:none!important}.board{break-inside:avoid}}