.sudoku-page{--sudoku-green:#244532;--sudoku-deep:#173325;--sudoku-paper:#fbf4df;--sudoku-ink:#24251f;--sudoku-gold:#c7963f;--sudoku-rule:#718174;background:#e8dfc8;color:var(--sudoku-ink)}
.sudoku-main{padding:clamp(1rem,3vw,2.5rem) 0 4rem;background:radial-gradient(circle at 15% 4%,rgba(255,248,218,.8),transparent 26rem),linear-gradient(#d8ceb4,#eee7d5)}.sudoku-breadcrumb a{color:#20452f}.sudoku-intro{max-width:820px;margin:1.3rem 0 1.6rem}.sudoku-intro h1{font:700 clamp(2.5rem,8vw,5rem)/.98 Georgia,serif;color:var(--sudoku-deep);margin:.2rem 0 .8rem}.sudoku-layout{display:grid;gap:1.25rem;align-items:start}
.sudoku-paper{position:relative;background-color:var(--sudoku-paper);background-image:linear-gradient(rgba(76,91,72,.045) 1px,transparent 1px);background-size:100% 25px;border:1px solid #a78d61;border-radius:4px;padding:clamp(.65rem,3vw,1.35rem);box-shadow:0 18px 45px rgba(54,43,28,.22),inset 0 0 35px rgba(168,135,77,.08)}.sudoku-paper:before{content:"";position:absolute;inset:7px;border:1px solid rgba(150,119,68,.25);pointer-events:none}.sudoku-paper-head{position:relative;display:flex;align-items:end;justify-content:space-between;gap:.8rem;border-bottom:2px solid #385c43;padding:.2rem .2rem .7rem;margin-bottom:.8rem}.sudoku-book-label{display:block;text-transform:uppercase;letter-spacing:.14em;color:#6a593c;font-size:.63rem;font-weight:900}.sudoku-paper-head strong{font:700 1.05rem Georgia,serif;color:var(--sudoku-green)}.sudoku-meta{text-align:right}.sudoku-meta span,.sudoku-meta time{display:block}.sudoku-meta span{text-transform:uppercase;letter-spacing:.11em;font-size:.65rem;font-weight:800}.sudoku-meta time{font:700 1.1rem ui-monospace,SFMono-Regular,monospace;color:#314c38}
.sudoku-grid-wrap{position:relative;width:100%;max-width:540px;margin:auto}.sudoku-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));aspect-ratio:1;background:#375342;border:3px solid #1e3c2a;box-shadow:0 8px 18px rgba(39,44,33,.17)}.sudoku-cell{position:relative;display:grid;place-items:center;min-width:0;border:0;border-right:1px solid #a5ab9b;border-bottom:1px solid #a5ab9b;background:rgba(255,253,243,.96);color:#20251f;font:600 clamp(1rem,5.4vw,2rem)/1 Georgia,serif;padding:0;cursor:pointer}.sudoku-cell:nth-child(3n){border-right:3px solid #375342}.sudoku-cell:nth-child(9n){border-right:0}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:3px solid #375342}.sudoku-cell:nth-child(n+73){border-bottom:0}.sudoku-cell.is-given{background:#eee6ce;color:#1e4a31;font-weight:800;cursor:default}.sudoku-cell.is-peer{background:#f1ecd9}.sudoku-cell.is-same{background:#e1eadc}.sudoku-cell.is-selected{z-index:1;background:#fff4c7;outline:4px solid #c38d2e;outline-offset:-4px}.sudoku-cell.is-error{color:#8b342d;background:#f6ded4}.sudoku-cell.is-conflict:after{content:"";position:absolute;inset:7%;border:2px solid #a6483d;border-radius:50%;pointer-events:none}.sudoku-cell.is-hint{color:#76520e;background:#f7e8b6}.sudoku-cell:focus-visible{z-index:2;outline:4px solid #0c6641;outline-offset:-4px}.sudoku-notes-grid{position:absolute;inset:2px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);font:700 clamp(.38rem,1.7vw,.72rem)/1 Arial,sans-serif;color:#4d584d}.sudoku-note{display:grid;place-items:center}.sudoku-pause-cover{position:absolute;inset:0;z-index:4;display:grid;place-content:center;text-align:center;background:linear-gradient(145deg,#284b35f2,#172f23f2);color:#f7ebca;border:4px double #d2aa58}.sudoku-pause-cover[hidden]{display:none}.sudoku-pause-cover strong{font:700 clamp(1.8rem,8vw,3.4rem) Georgia,serif}.sudoku-pause-cover span{margin-top:.4rem}
.sudoku-selection{min-height:1.5rem;margin:.65rem 0 .4rem;text-align:center;color:#425342;font-size:.85rem}.sudoku-number-pad{display:grid;grid-template-columns:repeat(9,1fr);gap:clamp(.2rem,1vw,.45rem);max-width:540px;margin:auto}.sudoku-number-pad button,.sudoku-entry-tools button{min-height:48px;border:2px solid #36533d;border-radius:7px;background:#f5e8c5;color:#183725;font-weight:900;font-size:1.15rem;box-shadow:0 3px 0 #9a7a42;cursor:pointer}.sudoku-number-pad button:hover,.sudoku-number-pad button:focus-visible,.sudoku-entry-tools button:hover,.sudoku-entry-tools button:focus-visible{outline:3px solid #cf9e3f;outline-offset:2px}.sudoku-number-pad button:disabled,.sudoku-entry-tools button:disabled{opacity:.45;box-shadow:none}.sudoku-entry-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;max-width:540px;margin:.65rem auto 0}.sudoku-entry-tools button{font-size:.82rem}.sudoku-entry-tools [aria-pressed=true]{background:#28503a;color:white}.sudoku-status{position:relative;min-height:2.8rem;max-width:540px;margin:.85rem auto 0;padding:.65rem;border-left:4px solid #b98c39;background:#eee3c8;color:#26362b}
.sudoku-sidebar{display:grid;align-content:start;gap:1rem}.sudoku-panel{background:#f7eed8;border:1px solid #9f865c;border-radius:11px;padding:1rem;box-shadow:0 9px 20px rgba(56,44,28,.12)}.sudoku-panel h2,.sudoku-panel legend{font:700 1.2rem Georgia,serif;color:#244532}.sudoku-panel h2{margin:0 0 .6rem}.sudoku-panel fieldset{border:0;padding:0;margin:0}.sudoku-difficulty{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:.6rem 0}.sudoku-difficulty label{display:flex;align-items:center;justify-content:center;min-height:46px;border:2px solid #8c7a58;border-radius:7px;background:#f6e7c4;font-weight:800}.sudoku-difficulty label:has(input:checked){background:#28503a;color:#fff;border-color:#183525}.sudoku-difficulty input{margin-right:.35rem}.sudoku-tally p{display:flex;justify-content:space-between;margin:0;padding:.35rem 0;border-bottom:1px solid #cfc09e}.sudoku-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.sudoku-actions .button{min-height:48px}.sudoku-actions [data-sudoku-start]{grid-column:1/-1}.sudoku-new-confirm{background:#2a4533;color:#f8edcf;border:3px solid #c69a47;border-radius:10px;padding:1rem}.sudoku-new-confirm[hidden]{display:none}.sudoku-new-confirm .button{width:100%;margin-top:.45rem}.sudoku-completion{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:1rem;background:#12251dcc}.sudoku-completion[hidden]{display:none}.sudoku-completion>div{width:min(480px,100%);background:#fbf1d7;border:7px double #b78b3d;border-radius:12px;padding:clamp(1.2rem,5vw,2.2rem);text-align:center;box-shadow:0 25px 80px #0008}.sudoku-completion h2{font:700 clamp(2rem,9vw,3.5rem) Georgia,serif;color:#244532;margin:.25rem}.sudoku-completion dl{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1.2rem 0}.sudoku-completion dl div{background:#e9ddbd;padding:.55rem}.sudoku-completion dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.sudoku-completion dd{margin:.2rem 0 0;font-weight:900}
@media(max-width:410px){.sudoku-paper{padding:.55rem}.sudoku-cell{font-size:1.15rem}.sudoku-notes-grid{font-size:.4rem}.sudoku-number-pad{gap:2px}.sudoku-number-pad button{min-height:44px;border-width:1px}.sudoku-entry-tools{gap:.3rem}}
@media(min-width:900px){.sudoku-layout{grid-template-columns:minmax(500px,620px) minmax(280px,380px);justify-content:center}.sudoku-sidebar{position:sticky;top:1rem}.sudoku-cell{font-size:1.8rem}}
.sudoku-number-pad{grid-template-columns:repeat(3,1fr);font-size:0;color:transparent}
@media(min-width:600px){.sudoku-number-pad{grid-template-columns:repeat(9,1fr)}}
@media(prefers-reduced-motion:reduce){.sudoku-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.sudoku-main{background-image:linear-gradient(#e8dfc8e8,#eee7d5f5),url("/assets/images/wellness/heartworks-singing-bowls-tent-sunset.webp");background-size:cover;background-position:center}.sudoku-completion{background-image:linear-gradient(#12251dcc,#12251df2),url("/assets/images/wellness/heartworks-singing-bowls-tent-sunset.webp");background-size:cover;background-position:center}