.g-sudoku{--g-den:var(--cat-4);--g-den-alt:var(--cat-7);--g-peer:#f1ecf8;--g-same:#dbccf0;--g-entry:var(--accent-ink);--g-note:var(--ink-soft);--g-hint:var(--berry-ink);--g-clash:#9f2f22;--g-heart:var(--berry);--dng-grid-select:var(--ink);--dng-grid-hint:var(--g-hint);gap:var(--sp-3);justify-items:center;width:100%;max-width:32rem;margin:0 auto;display:grid}[data-theme=dark] .g-sudoku{--g-peer:#362f3a;--g-same:#4c3f61;--g-clash:#ff9d8f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .g-sudoku{--g-peer:#362f3a;--g-same:#4c3f61;--g-clash:#ff9d8f}}[data-cb] .g-sudoku{--g-same:#cfdcef;--g-hint:var(--sky-ink);--g-clash:#8a4400}[data-cb][data-theme=dark] .g-sudoku{--g-same:#2e3f55;--g-clash:var(--bad)}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-cb] .g-sudoku{--g-same:#2e3f55;--g-clash:var(--bad)}}.g-sudoku-bar{justify-content:center;align-items:center;gap:var(--sp-2);min-height:28px;font-family:var(--font-display);display:flex}.g-sudoku-hearts{color:var(--g-heart);gap:2px;display:inline-flex}.g-sudoku-heart{display:inline-grid;position:relative}.g-sudoku-heart svg{width:22px;height:22px}.g-sudoku-heart.is-lost{opacity:.35}.g-sudoku-heart.is-lost:after{content:"";background:var(--ink);height:2px;position:absolute;top:50%;left:-2px;right:-2px;transform:rotate(-35deg)}.g-sudoku-gridhost{width:min(100%,30rem)}.g-sudoku-status{text-align:center;min-height:1.4em;font-family:var(--font-display);margin:0}.g-sudoku-padhost{width:min(100%,30rem)}.g-sudoku[data-size="4"] .g-sudoku-gridhost,.g-sudoku[data-size="4"] .g-sudoku-padhost{width:min(100%,17rem)}.g-sudoku[data-size="6"] .g-sudoku-gridhost,.g-sudoku[data-size="6"] .g-sudoku-padhost{width:min(100%,23rem)}.g-sudoku .dng-grid-frame{--dng-grid-bg:var(--g-den)}.g-sudoku .dng-grid-cell.den-alt{background:var(--g-den-alt)}.g-sudoku .dng-grid-cell.is-peer{background:var(--g-peer)}.g-sudoku .dng-grid-cell.is-same{background:var(--g-same)}.g-sudoku-d{line-height:1;position:relative}.g-sudoku .is-given .g-sudoku-d{color:var(--ink);font-family:var(--font-display)}.g-sudoku .is-entry .g-sudoku-d{color:var(--g-entry);font-family:var(--font-ui);font-weight:400}.g-sudoku .is-clash .g-sudoku-d{color:var(--g-clash);text-underline-offset:3px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.g-sudoku .is-clash .g-sudoku-d:after{content:"!";font-family:var(--font-display);color:var(--ink);font-size:.6em;position:absolute;top:-.35em;right:-.55em}.g-sudoku-notes{width:90%;height:90%;color:var(--g-note);font-family:var(--font-ui);font-size:calc(.55rem * var(--tile-scale,1));grid-template-columns:repeat(3,1fr);line-height:1;display:grid}.g-sudoku-notes[data-cols="2"]{font-size:calc(.75rem * var(--tile-scale,1));grid-template-columns:repeat(2,1fr)}.g-sudoku-notes>span{place-items:center;display:grid}.g-sudoku .dng-grid-cell.is-why:after{box-shadow:none;outline:2px dotted var(--g-hint);outline-offset:-4px}.g-sudoku .dng-grid-cell.is-target:after{border-color:var(--g-hint)}.g-sudoku-tools{justify-content:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.g-sudoku-tool{align-items:center;gap:var(--sp-1);min-height:44px;padding:var(--sp-2) var(--sp-3);border:var(--bw) solid var(--ink);border-radius:var(--r-m);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;display:inline-flex}.g-sudoku-tool:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.g-sudoku-tool:disabled{opacity:.45;cursor:default}.g-sudoku-tool svg{width:20px;height:20px}.g-sudoku-dens{gap:var(--sp-1);grid-template-columns:repeat(9,minmax(0,1fr));width:min(100%,30rem);display:grid}.g-sudoku-dens[data-n="4"]{grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,16rem)}.g-sudoku-dens[data-n="6"]{grid-template-columns:repeat(6,minmax(0,1fr));width:min(100%,22rem)}.g-sudoku-den{box-sizing:border-box;border:var(--bw) dashed var(--line);border-radius:var(--r-m);background:var(--card);grid-template-columns:minmax(0,1fr);justify-items:center;min-width:0;padding:2px;display:grid;position:relative}.g-sudoku-den.is-awake{border-style:solid;border-color:var(--ink)}.g-sudoku-den-pic{aspect-ratio:1;place-items:center;width:100%;max-width:44px;display:grid}.g-sudoku-den-pic .dng-char-wrap{width:100%;min-width:0;display:block}.g-sudoku-den-pic svg{width:100%;height:auto}.g-sudoku-den-n{font-family:var(--font-ui);color:var(--ink-soft);font-size:.7rem}.g-sudoku-den.is-awake .g-sudoku-den-n:before{content:"✓ ";color:var(--ink)}.g-sudoku-tut{max-width:220px}.g-sudoku-tut .dng-grid-frame{width:200px}.g-sudoku-tut .dng-grid-cell[data-tut-hl]{z-index:1;outline-offset:calc(-1 * var(--bw-b,4px))}@media (forced-colors:active){.g-sudoku .dng-grid-cell.is-selected:after{box-shadow:inset 0 0 0 3px highlight}.g-sudoku .is-clash .g-sudoku-d{color:canvastext}.g-sudoku .dng-grid-cell.is-why:after{outline-color:highlight}.g-sudoku-heart.is-lost:after{background:canvastext}.g-sudoku-den.is-awake{border-color:canvastext}}[data-motion=full] .g-sudoku-den.is-awake .g-sudoku-den-pic{animation:g-sudoku-wake var(--dur-2,.3s) var(--ease-pop,ease-out)}[data-motion=calm] .g-sudoku-den.is-awake .g-sudoku-den-pic{animation:g-sudoku-fade var(--dur-1,.15s) linear}@keyframes g-sudoku-wake{0%{transform:scale(.7)}to{transform:scale(1)}}@keyframes g-sudoku-fade{0%{opacity:.4}to{opacity:1}}:root{--cat-1:#ca8b44;--cat-1-ink:#3d270e;--cat-2:#b6aff7;--cat-2-ink:#453e6f;--cat-3:#c6ba54;--cat-3-ink:#4d4603;--cat-4:#bbe8f5;--cat-4-ink:#2a545f;--cat-5:#f99686;--cat-5-ink:#663028;--cat-6:#53aaa9;--cat-6-ink:#023535;--cat-7:#fed6e7;--cat-7-ink:#6d3a53;--cat-8:#6aa863;--cat-8-ink:#0f350b;--cat-9:#da82b3;--cat-9-ink:#50213d;--cat-10:#dbf4c8;--cat-10-ink:#3d5625;--cat-11:#56aae9;--cat-11-ink:#1c374c;--cat-12:#ffdebf;--cat-12-ink:#6b4316}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--cat-1:#8f6203;--cat-1-ink:#fff5e8;--cat-2:#40417b;--cat-2-ink:#d1d5f5;--cat-3:#657017;--cat-3-ink:#f3fad8;--cat-4:#063b46;--cat-4-ink:#b7e0eb;--cat-5:#a55156;--cat-5-ink:#fff0ef;--cat-6:#08747a;--cat-6-ink:#d0fcff;--cat-7:#58223a;--cat-7-ink:#f1ccd9;--cat-8:#087045;--cat-8-ink:#d5f7e2;--cat-9:#91568f;--cat-9-ink:#fef2fd;--cat-10:#444934;--cat-10-ink:#d4dcbb;--cat-11:#2d6fa6;--cat-11-ink:#e7f3ff;--cat-12:#813913;--cat-12-ink:#f2cfbf}}:root[data-theme=dark]{--cat-1:#8f6203;--cat-1-ink:#fff5e8;--cat-2:#40417b;--cat-2-ink:#d1d5f5;--cat-3:#657017;--cat-3-ink:#f3fad8;--cat-4:#063b46;--cat-4-ink:#b7e0eb;--cat-5:#a55156;--cat-5-ink:#fff0ef;--cat-6:#08747a;--cat-6-ink:#d0fcff;--cat-7:#58223a;--cat-7-ink:#f1ccd9;--cat-8:#087045;--cat-8-ink:#d5f7e2;--cat-9:#91568f;--cat-9-ink:#fef2fd;--cat-10:#444934;--cat-10-ink:#d4dcbb;--cat-11:#2d6fa6;--cat-11-ink:#e7f3ff;--cat-12:#813913;--cat-12-ink:#f2cfbf}[data-cat="1"]{--cat:var(--cat-1);--cat-ink:var(--cat-1-ink)}[data-cat="2"]{--cat:var(--cat-2);--cat-ink:var(--cat-2-ink)}[data-cat="3"]{--cat:var(--cat-3);--cat-ink:var(--cat-3-ink)}[data-cat="4"]{--cat:var(--cat-4);--cat-ink:var(--cat-4-ink)}[data-cat="5"]{--cat:var(--cat-5);--cat-ink:var(--cat-5-ink)}[data-cat="6"]{--cat:var(--cat-6);--cat-ink:var(--cat-6-ink)}[data-cat="7"]{--cat:var(--cat-7);--cat-ink:var(--cat-7-ink)}[data-cat="8"]{--cat:var(--cat-8);--cat-ink:var(--cat-8-ink)}[data-cat="9"]{--cat:var(--cat-9);--cat-ink:var(--cat-9-ink)}[data-cat="10"]{--cat:var(--cat-10);--cat-ink:var(--cat-10-ink)}[data-cat="11"]{--cat:var(--cat-11);--cat-ink:var(--cat-11-ink)}[data-cat="12"]{--cat:var(--cat-12);--cat-ink:var(--cat-12-ink)}.dng-grid-frame{--dng-grid-wall:var(--ink);--dng-grid-line:var(--line);--dng-grid-wall-w:2px;--dng-grid-line-w:.5px;--dng-grid-bg:var(--card);--dng-grid-hint:var(--focus);--dng-grid-target:var(--ink);--dng-grid-select:var(--accent,var(--focus));--dng-grid-glow:var(--accent,var(--sun));--dng-grid-bad:var(--bad);--dng-grid-mark:var(--ink-soft);--dng-pat-ink:var(--ink);gap:var(--sp-1,4px);grid-template:".top.""left board right"".bottom."/auto minmax(0,1fr) auto;width:100%;max-width:100%;display:grid}.dng-grid{grid-area:board;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr));aspect-ratio:var(--cols) / var(--rows);border-radius:var(--r-s,8px);width:100%;box-shadow:0 0 0 var(--bw,2px) var(--dng-grid-wall);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:grid;overflow:hidden}.dng-grid.is-dense{--dng-grid-wall-w:1.5px}.dng-grid-row{display:contents}.dng-grid-cell{background:var(--dng-grid-bg);min-width:0;min-height:0;color:var(--ink);font:inherit;font-family:var(--font-display);font-size:calc(1.4rem * var(--tile-scale,1));cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:0;margin:0;padding:0;line-height:1;display:block;position:relative}.dng-grid-cell[data-cat]{--dng-grid-bg:var(--cat);--dng-grid-mark:var(--cat-ink);color:var(--cat-ink)}.dng-grid-cell:before{content:"";z-index:2;pointer-events:none;box-shadow:var(--edges,inset 0 0 0 var(--dng-grid-line-w) var(--dng-grid-line));position:absolute;inset:0}.dng-grid-cell:after{content:"";z-index:3;pointer-events:none;opacity:0;position:absolute;inset:0}.dng-grid-cell:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;z-index:4}.dng-grid-frame[data-locked] .dng-grid-cell{cursor:default}.dng-grid-in{z-index:1;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.dng-grid-in>svg{width:86%;height:86%}.dng-grid-in:after{content:"";opacity:0;background:var(--dng-grid-glow);position:absolute;inset:0}.dng-grid-cell.fx-shake>.dng-grid-in:after{background:var(--dng-grid-bad)}.mark-x>.dng-grid-in:before,.mark-dot>.dng-grid-in:before{content:"";width:40%;height:40%}.mark-x>.dng-grid-in:before{background:linear-gradient(45deg, transparent 43%, var(--dng-grid-mark) 43% 57%, transparent 57%), linear-gradient(-45deg, transparent 43%, var(--dng-grid-mark) 43% 57%, transparent 57%);opacity:.6}.mark-dot>.dng-grid-in:before{background:var(--dng-grid-mark);border-radius:50%;width:22%;height:22%}.dng-grid-cell.is-selected:after{opacity:1;box-shadow:inset 0 0 0 3px var(--dng-grid-select)}.dng-grid-cell.is-why:after{opacity:1;box-shadow:inset 0 0 0 3px var(--dng-grid-hint)}.dng-grid-cell.is-target:after{opacity:1;border:3px dashed var(--dng-grid-target);border-radius:50%;inset:14%}.dng-pat-sprite{width:0;height:0;color:var(--dng-pat-ink,var(--ink));position:absolute;overflow:hidden}.dng-pat{opacity:.22;pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0}:root[data-cb] .dng-pat,.dng-grid-frame[data-patterns=always] .dng-pat{display:block}.dng-grid-track{gap:0;display:grid}.dng-grid-track[data-side=top],.dng-grid-track[data-side=bottom]{grid-template-columns:repeat(var(--cols), minmax(0, 1fr))}.dng-grid-track[data-side=left],.dng-grid-track[data-side=right]{grid-template-rows:repeat(var(--rows), minmax(0, 1fr))}.dng-grid-track[data-side=top]{grid-area:top}.dng-grid-track[data-side=bottom]{grid-area:bottom}.dng-grid-track[data-side=left]{grid-area:left}.dng-grid-track[data-side=right]{grid-area:right}.dng-grid-clue{border-radius:var(--r-s,8px);min-width:1.6em;min-height:1.6em;color:var(--ink);font-family:var(--font-display);font-size:calc(1.05rem * var(--tile-scale,1));background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid}button.dng-grid-clue{cursor:pointer}.dng-grid-clue:focus-visible{outline:3px solid var(--focus);outline-offset:-2px}.dng-grid-clue[data-state=ok],.dng-grid-clue[data-state=done]{color:var(--ink-soft)}.dng-grid-clue[data-state=bad]{color:var(--dng-grid-bad);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.dng-grid-clue.is-hint{background:var(--accent-tint,var(--tint-sky));box-shadow:inset 0 0 0 2px var(--dng-grid-hint)}.dng-grid-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-motion=full] .dng-grid-cell.fx-pop>.dng-grid-in,[data-motion=full] .dng-grid-cell.is-fresh>.dng-grid-in{animation:dng-grid-pop .28s var(--ease-pop,ease-out) var(--dng-fx-delay,0s) both}[data-motion=full] .dng-grid-cell.fx-shake>.dng-grid-in{animation:dng-grid-shake .36s ease-in-out var(--dng-fx-delay,0s)}[data-motion=full] .dng-grid-cell.fx-shake>.dng-grid-in:after{animation:dng-grid-flash .36s ease-out var(--dng-fx-delay,0s)}[data-motion=full] .dng-grid-cell.fx-wave>.dng-grid-in,[data-motion=full] .dng-grid.is-celebrate .dng-grid-in{animation:dng-grid-wave .52s ease-in-out var(--dng-fx-delay,0s) both}[data-motion=full] .dng-grid-cell.fx-glow>.dng-grid-in:after{animation:dng-grid-glow .64s ease-in-out var(--dng-fx-delay,0s)}[data-motion=full] .dng-grid-cell.is-target:after{animation:1.1s ease-in-out infinite dng-grid-pulse}[data-motion=calm] .dng-grid-cell.fx-pop>.dng-grid-in,[data-motion=calm] .dng-grid-cell.is-fresh>.dng-grid-in,[data-motion=calm] .dng-grid-cell.fx-wave>.dng-grid-in,[data-motion=calm] .dng-grid.is-celebrate .dng-grid-in{animation:.15s ease-out both dng-grid-fade}[data-motion=calm] .dng-grid-cell.fx-shake>.dng-grid-in:after{animation:.22s ease-out dng-grid-flash}[data-motion=calm] .dng-grid-cell.fx-glow>.dng-grid-in:after{animation:.32s ease-in-out dng-grid-glow}@keyframes dng-grid-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes dng-grid-shake{20%{transform:translate(-8%)}40%{transform:translate(8%)}60%{transform:translate(-5%)}80%{transform:translate(3%)}}@keyframes dng-grid-flash{0%{opacity:.55}to{opacity:0}}@keyframes dng-grid-wave{0%,to{transform:none}40%{transform:translateY(-14%)scale(1.08)}70%{transform:translateY(2%)}}@keyframes dng-grid-glow{0%,to{opacity:0}45%{opacity:.5}}@keyframes dng-grid-pulse{50%{transform:scale(.84)}}@keyframes dng-grid-fade{0%{opacity:.35}to{opacity:1}}.dng-numpad{gap:var(--sp-1,4px);grid-template-columns:repeat(auto-fit,minmax(2.6rem,1fr));width:100%;display:grid}.dng-numpad-key,.dng-numpad-tool{min-height:calc(3rem * var(--tile-scale,1));padding:var(--sp-1,4px);border-radius:var(--r-m,12px);background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 var(--bw,2px) var(--line);font-family:var(--font-display);font-size:calc(1.4rem * var(--tile-scale,1));cursor:pointer;border:0;place-items:center;margin:0;display:grid;position:relative}.dng-numpad-tool{grid-column:span 2;font-size:1rem}.dng-numpad-key:focus-visible,.dng-numpad-tool:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.dng-numpad-n{font-family:var(--font-ui);color:var(--ink-soft);font-size:.7rem;position:absolute;top:3px;right:6px}.dng-numpad-key[data-done]{opacity:.45}.dng-numpad-tool[aria-pressed=true],.dng-numpad[data-notes] .dng-numpad-key{background:var(--accent-tint,var(--tint-sky));color:var(--accent-ink,var(--ink))}.dng-numpad[data-notes] .dng-numpad-d{font-size:.75em}.dng-numpad[aria-disabled=true]{opacity:.6;pointer-events:none}