@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/source-serif-4-700.woff2) format("woff2")}:root{--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;--bg: #ffffff;--surface: #ffffff;--text: #1a1a1a;--text-muted: #6b6b6b;--border: #e6e6e3;--border-strong: #111111;--accent: #b4472e;--accent-contrast: #ffffff;--focus: #b4472e;--space: 1rem;--radius: 8px;--max-width: 62rem}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;font-family:var(--font);line-height:1.55;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--accent)}h1,h2,h3{font-family:var(--font-serif);font-weight:700;letter-spacing:-.01em}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.skip-link{position:absolute;left:-999px;top:0;padding:.5rem 1rem;background:var(--surface);color:var(--text);border:1px solid var(--border);z-index:100}.skip-link:focus{left:0}.site-header{padding:1rem var(--space);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.site-header__actions{display:flex;align-items:center;gap:.75rem}.nav-link{text-decoration:none;color:var(--text);font-weight:600;font-size:.95rem}.nav-link:hover{color:var(--accent)}.icon-btn{border:0;background:none;font-size:1.2rem;line-height:1;cursor:pointer;padding:.3rem .45rem;border-radius:6px;color:var(--text)}.icon-btn:hover{background:#f2f1ee}.brand{display:inline-flex;align-items:baseline;gap:.4rem;text-decoration:none;color:var(--text);font-family:var(--font-serif);font-weight:700;font-size:1.4rem;letter-spacing:-.01em}.brand__mark{color:var(--accent);font-size:1.1rem}.site-footer{margin-top:auto;padding:1.5rem var(--space);border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem;text-align:center}.site-footer p{margin:0}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;margin-bottom:.75rem}.footer-nav a{color:var(--text-muted);text-decoration:none;font-size:.85rem}.footer-nav a:hover{color:var(--accent)}.home{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:.75rem 10px 2.5rem}.game-title{font-size:1.15rem;line-height:1.1;margin:0 auto .75rem;text-align:center;color:var(--text-muted);font-weight:600}@media(min-width:1024px){.home{max-width:none;padding:2.25rem var(--space) 2rem}.game-title{font-size:1rem;margin-bottom:.5rem}}@media(max-width:1023px){.site-header{padding:.8rem var(--space)}.game-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.prose{max-width:40rem;margin:3rem auto 0;padding:2rem var(--space) 0;border-top:1px solid var(--border)}.prose h2{font-size:1.5rem;margin:2rem 0 .5rem}.prose h2:first-child{margin-top:0}.prose h3{font-size:1.15rem;margin:1.25rem 0 .35rem}.prose p,.prose li{color:var(--text);font-size:1.05rem;line-height:1.65}.prose ul,.prose ol{padding-left:1.25rem}.prose li{margin:.4rem 0}.daily-meta{text-align:center;color:var(--text-muted);font-size:.9rem;margin:0 0 1rem}.daily-archive{max-width:26rem;margin:2.5rem auto 0;padding-top:1.5rem;border-top:1px solid var(--border)}.daily-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.daily-cal-head h2{font-size:1.15rem;margin:0}.daily-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-dow{text-align:center;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding-bottom:.25rem}.cal-day,.cal-blank{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-size:.9rem;border-radius:8px}.cal-day{color:var(--text);text-decoration:none;border:1px solid var(--border)}.cal-day:hover{border-color:var(--accent)}.cal-day.is-done{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:700}.cal-day.is-current{outline:2px solid var(--accent);outline-offset:1px}.cal-day.is-future{color:var(--text-muted);border-color:transparent}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root{--grid-line: #dcdcd8;--grid-line-strong: #111111;--cell-text: #1a1a1a;--cell-entry: #8f3a24;--note-text: #565656;--sel-bg: #f4e2da;--peer-bg: #faf2ed;--same-bg: #f0d7cb;--err: #b3261e;--err-bg: #f8e5e2;--hint-bg: #f6ead6;--hint-line: #b4472e;--hover: #f6f5f2}.app{display:flex;justify-content:center;align-items:flex-start;gap:40px;width:100%}.game{display:grid;gap:12px;width:100%;max-width:32rem;margin:0 auto;grid-template-columns:minmax(0,1fr);grid-template-areas:"status" "board" "panel"}.panel__status{grid-area:status}.difficulty-tabs,.newgame-wrap,.toolbar .tlabel{display:none}.difficulty-select{appearance:none;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-weight:600;border-radius:8px;padding:.25rem 1.4rem .25rem .5rem;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--text) 50%),linear-gradient(135deg,var(--text) 50%,transparent 50%);background-position:right .6rem center,right .45rem center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.header-newgame{border:0;border-radius:8px;background:var(--accent);color:var(--accent-contrast);font-weight:700;font-size:.9rem;padding:.45rem .85rem;cursor:pointer}.toolbar .badge--float{position:absolute;top:.3rem;right:.9rem;color:var(--accent)}.toolbar button{position:relative}@media(min-width:1024px){.stat--difficulty,.header-newgame{display:none}.newgame-wrap{display:block}.toolbar .tlabel{display:inline}.toolbar .badge--float{display:none}}@media(min-width:1024px){.game{max-width:none;width:auto;margin:0;grid-template-columns:min(500px,74vh) 320px;grid-template-areas:"board tabs" "board status" "board panel";align-items:start;column-gap:20px;row-gap:14px}}.difficulty-tabs{grid-area:tabs}.board-wrap{grid-area:board}.panel{grid-area:panel;display:flex;flex-direction:column;gap:18px}.ad-rail{display:none}@media(min-width:1280px){.ad-rail{display:block;flex:0 0 auto}}.ad-slot{display:grid;place-items:center;width:300px;height:600px;border:1px dashed var(--border);color:var(--text-muted);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.difficulty-tabs{display:none;gap:.15rem .9rem;border-bottom:1px solid var(--border)}.difficulty-tabs button{border:0;background:none;padding:.45rem 0;margin-bottom:-1px;color:var(--text-muted);font-size:.88rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent}.difficulty-tabs button:hover{color:var(--text)}.difficulty-tabs button.is-active{color:var(--text);border-bottom-color:var(--accent)}@media(min-width:1024px){.difficulty-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:.2rem}.difficulty-tabs button{font-size:.72rem;padding:.45rem .1rem;text-align:center;white-space:nowrap}}.board-wrap{width:100%}.board{position:relative;container-type:inline-size;width:100%;aspect-ratio:1 / 1;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);border:2px solid var(--grid-line-strong);background:var(--surface);touch-action:manipulation}.board.is-won{animation:winGlow 1s ease}.board--paused .cell__value,.board--paused .cell__notes{visibility:hidden}.board--paused:after{content:"Paused";position:absolute;inset:0;display:grid;place-items:center;background:var(--surface);color:var(--text-muted);font-family:var(--font-serif);font-weight:700;font-size:1.5rem;pointer-events:none}.cell{all:unset;position:relative;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--cell-entry);font-size:5.8cqw;font-variant-numeric:tabular-nums;line-height:1;cursor:pointer;border-right:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);-webkit-tap-highlight-color:transparent;user-select:none}.board__row{display:contents}.cell:nth-child(9){border-right:0}.board__row:nth-child(9) .cell{border-bottom:0}.cell:nth-child(3),.cell:nth-child(6){border-right:2px solid var(--grid-line-strong)}.board__row:nth-child(3) .cell,.board__row:nth-child(6) .cell{border-bottom:2px solid var(--grid-line-strong)}.cell--given{color:var(--cell-text);font-weight:700}.cell--peer{background:var(--peer-bg)}.cell--same{background:var(--same-bg)}.cell--selected{background:var(--sel-bg);box-shadow:inset 0 0 0 2px var(--accent)}.cell--wrong{background:var(--err-bg)}.cell--wrong .cell__value{color:var(--err)}.cell--hint{background:var(--hint-bg);box-shadow:inset 0 0 0 2px var(--hint-line)}.cell:focus-visible{z-index:1;box-shadow:inset 0 0 0 3px var(--focus)}.cell__value{display:inline-block}.cell__value.pop{animation:pop .18s ease-out}.cell__notes{position:absolute;inset:6%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);font-size:1.9cqw;line-height:1;color:var(--note-text);pointer-events:none}.cell__notes i{display:flex;align-items:center;justify-content:center;font-style:normal}.cell:not(.cell--notes) .cell__notes{display:none}.cell.is-shake{animation:shake .3s ease}.panel__status{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.stat{display:inline-flex;align-items:baseline;gap:.4rem}.stat b{color:var(--text);font-size:1rem;font-variant-numeric:tabular-nums}.stat--timer b{font-size:1.1rem}[data-mistakes-wrap].is-danger b{color:var(--err)}.stat--difficulty{text-transform:capitalize;font-weight:600;color:var(--text)}@media(min-width:1024px){.stat--difficulty{display:none}}.pause-btn{border:0;background:none;color:var(--text);font-size:.85rem;line-height:1;padding:.2rem .3rem;margin-left:.15rem;border-radius:4px;cursor:pointer}.pause-btn:hover{background:var(--hover)}.pause-btn:disabled{opacity:.35;cursor:default}.hint-panel[hidden]{display:none}.hint-panel{border:1px solid var(--hint-line);background:var(--hint-bg);color:var(--text);border-radius:var(--radius);padding:.85rem;display:flex;flex-direction:column;gap:.5rem}.hint-panel p{margin:0;font-size:.9rem}.hint-panel__actions{display:flex;gap:.75rem;justify-content:flex-end}.hint-panel__actions button{border:0;background:none;color:var(--accent);font-weight:700;font-size:.9rem;cursor:pointer}.toolbar{display:flex;justify-content:space-between;gap:.25rem}.toolbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem;border:0;background:none;color:var(--text-muted);border-radius:var(--radius);font-size:.72rem;cursor:pointer}.toolbar button .ico{font-size:1.35rem;line-height:1;color:var(--text)}.toolbar button .badge{color:var(--accent);font-weight:700}.toolbar button:hover{background:var(--hover);color:var(--text)}.toolbar button.is-active,.toolbar button.is-active .ico{color:var(--accent)}.toolbar button:disabled{opacity:.35;cursor:default}.toolbar button:disabled:hover{background:none}.numpad{display:grid;grid-template-columns:repeat(9,1fr);gap:3px}@media(min-width:1024px){.numpad{grid-template-columns:repeat(3,1fr);gap:8px}}.numpad button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:3.25rem;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);font-size:2.25rem;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer}.numpad button small{display:none;font-size:.6rem;font-weight:400;line-height:1;color:var(--text-muted)}.numpad button.is-done small{color:inherit}@media(min-width:1024px){.numpad button{min-height:3.5rem;font-size:1.6rem}.numpad button small{display:block;font-size:.7rem}}.numpad button:hover{border-color:#cfcfca;background:var(--hover)}.numpad button:active{background:var(--sel-bg)}.numpad button.is-done{color:var(--text-muted);background:var(--hover)}.newgame{min-height:3rem;border:0;border-radius:var(--radius);background:var(--accent);color:var(--accent-contrast);font-size:1rem;font-weight:700;letter-spacing:.01em;cursor:pointer}.newgame:hover{background:#9d3d28}.newgame:active{transform:translateY(1px)}.newgame-wrap{position:relative}.newgame-wrap .newgame{width:100%}.newgame-menu{position:absolute;bottom:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 30px #1a1a1a26;padding:4px;z-index:30;display:flex;flex-direction:column}.newgame-menu[hidden]{display:none}.newgame-menu button{text-align:left;border:0;background:none;padding:.6rem .75rem;border-radius:6px;font-size:.95rem;color:var(--text);cursor:pointer}.newgame-menu button:hover{background:var(--hover)}.newgame-menu [data-newgame-restart]{border-top:1px solid var(--border);margin-top:4px;color:var(--accent);font-weight:600}.modal-card--settings{text-align:left;max-width:25rem}.settings-list{list-style:none;margin:0 0 1.25rem;padding:0}.settings-list li{border-top:1px solid var(--border)}.settings-list li:last-child{border-bottom:1px solid var(--border)}.settings-list label{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;cursor:pointer;font-size:.95rem}.settings-list input{width:1.2rem;height:1.2rem;flex:none;accent-color:var(--accent);cursor:pointer}.overlay{position:fixed;inset:0;background:#1a1a1a73;display:grid;place-items:center;padding:var(--space);z-index:50}.overlay[hidden]{display:none}.modal-card{background:var(--surface);color:var(--text);border-radius:12px;padding:2rem 1.75rem;max-width:22rem;width:100%;text-align:center;box-shadow:0 24px 60px #1a1a1a33;animation:modalIn .22s ease-out}.modal-card h2{margin:0 0 1rem;font-size:1.6rem}.modal-card .lead{margin:0 0 1.5rem;color:var(--text-muted)}.result-card{font-family:var(--font);white-space:pre-wrap;text-align:center;background:var(--hover);border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem;margin:0 0 1.5rem;font-size:1rem;line-height:1.6}.result-card:first-line{font-weight:700}.modal-actions{display:flex;flex-direction:column;gap:.6rem}.modal-actions button{min-height:3rem;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:600;font-size:1rem;cursor:pointer}.modal-actions .primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes winGlow{0%{box-shadow:0 0 #b4472e00}45%{box-shadow:0 0 0 4px #b4472e59}to{box-shadow:0 0 #b4472e00}}