.g-puppy-nap{--g-coat-cream:#f7e7c8;--g-coat-cream-ear:#c28a55;--g-coat-tan:#e0a96e;--g-coat-tan-ear:#8f5a32;--g-coat-grey:#d2cfdc;--g-coat-grey-ear:#7b7690;--g-coat-snow:#fffaf0;--g-coat-snow-ear:#3b3350;--g-pup-line:var(--char-ink);--g-pup-edge:var(--g-pup-line);--g-hint:var(--ink);--g-dot:var(--ink-soft);gap:var(--sp-3);justify-items:center;width:100%;max-width:560px;margin-inline:auto;display:grid}:root[data-theme=dark] .g-puppy-nap{--g-coat-tan:#ecc08f}:root[data-theme=dark] .g-puppy-nap-board .g-puppy-nap-pup{--g-pup-edge:var(--cat-ink,var(--g-pup-line))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .g-puppy-nap{--g-coat-tan:#ecc08f}:root:not([data-theme=light]) .g-puppy-nap-board .g-puppy-nap-pup{--g-pup-edge:var(--cat-ink,var(--g-pup-line))}}.g-puppy-nap-bar{justify-content:space-between;align-items:center;gap:var(--sp-2);width:min(100%,520px);font-family:var(--font-display);flex-wrap:wrap;display:flex}.g-puppy-nap-heartbox{align-items:center;gap:var(--sp-2);display:inline-flex}.g-puppy-nap-hearts{gap:2px;display:inline-flex}.g-puppy-nap-heart{color:var(--accent);display:inline-grid;position:relative}.g-puppy-nap-heart svg{fill:currentColor;width:22px;height:22px}.g-puppy-nap-heart.is-lost{color:var(--ink-soft)}.g-puppy-nap-heart.is-lost svg{fill:none}.g-puppy-nap-heart.is-lost:after{content:"";border-top:2px solid var(--ink-soft);position:absolute;top:50%;left:2px;right:2px;transform:rotate(-35deg)}.g-puppy-nap-boardhost{width:min(100%,520px)}.g-puppy-nap .dng-grid-frame.g-puppy-nap-board{--dng-grid-hint:var(--g-hint);--dng-grid-mark:var(--ink)}.g-puppy-nap-board .coat-0{--g-fur:var(--g-coat-cream);--g-ear:var(--g-coat-cream-ear)}.g-puppy-nap-board .coat-1{--g-fur:var(--g-coat-tan);--g-ear:var(--g-coat-tan-ear)}.g-puppy-nap-board .coat-2{--g-fur:var(--g-coat-grey);--g-ear:var(--g-coat-grey-ear)}.g-puppy-nap-board .coat-3{--g-fur:var(--g-coat-snow);--g-ear:var(--g-coat-snow-ear)}.g-puppy-nap-board .dng-grid-in>svg.g-puppy-nap-pup{width:92%;height:92%}.g-puppy-nap-z{opacity:0}.g-puppy-nap-board .is-napping .g-puppy-nap-z{opacity:1}.g-puppy-nap-board .mark-x>.dng-grid-in:before{opacity:.7}.g-puppy-nap-board .is-blocked>.dng-grid-in:before{content:"";background:var(--cat-ink,var(--g-dot));opacity:.7;border-radius:50%;width:18%;height:18%}.g-puppy-nap-board .is-clash>.dng-grid-in{box-shadow:inset 0 0 0 3px var(--bad);border-radius:50%}.g-puppy-nap-board .is-clash>.dng-grid-in:before{content:"!";color:var(--bad);font:700 .9rem var(--font-display);position:absolute;top:1px;right:3px}.g-puppy-nap-board .dng-grid-cell.is-why:not(.is-target):after{box-shadow:none;border:3px dotted var(--g-hint);border-radius:var(--r-s,8px);inset:3px}@media (forced-colors:active){.g-puppy-nap-pup ellipse,.g-puppy-nap-pup circle,.g-puppy-nap-pup path{stroke:canvastext}.g-puppy-nap-pup ellipse{fill:canvas}.g-puppy-nap-board .mark-x>.dng-grid-in:before{forced-color-adjust:none;opacity:1;background:linear-gradient(45deg,#0000 43%,canvastext 43% 57%,#0000 57%),linear-gradient(-45deg,#0000 43%,canvastext 43% 57%,#0000 57%)}.g-puppy-nap-board .is-blocked>.dng-grid-in:before{forced-color-adjust:none;background:canvastext}.g-puppy-nap-board .is-clash>.dng-grid-in{box-shadow:inset 0 0 0 3px highlight}.g-puppy-nap-heart.is-lost:after{border-color:canvastext}}.g-puppy-nap-status{text-align:center;min-height:1.5em;font-family:var(--font-display);margin:0}.g-puppy-nap-tools{justify-content:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.g-puppy-nap-seg{gap:0;display:inline-flex}.g-puppy-nap-seg .g-puppy-nap-tool:first-child{border-radius:var(--r-m) 0 0 var(--r-m)}.g-puppy-nap-seg .g-puppy-nap-tool:last-child{border-radius:0 var(--r-m) var(--r-m) 0;border-left-width:0}.g-puppy-nap-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-puppy-nap-tool[aria-pressed=true]{background:var(--accent-tint);color:var(--accent-ink);box-shadow:inset 0 -4px 0 var(--accent-ink);font-weight:700}.g-puppy-nap-tool:focus-visible{outline:var(--bw-b) solid var(--focus);outline-offset:2px}.g-puppy-nap-tool:disabled{opacity:.45;cursor:default}.g-puppy-nap-tool svg{width:20px;height:20px}.g-puppy-nap-tut .g-puppy-nap-board{width:200px}[data-motion=full] .g-puppy-nap-board .is-napping .g-puppy-nap-z{animation:2.2s ease-in-out infinite g-puppy-nap-zzz}[data-motion=calm] .g-puppy-nap-board .is-napping .g-puppy-nap-z{animation:2.2s ease-in-out infinite g-puppy-nap-zfade}@keyframes g-puppy-nap-zzz{0%{opacity:0;transform:translate(-2px,4px)}40%{opacity:1}to{opacity:0;transform:translate(3px,-4px)}}@keyframes g-puppy-nap-zfade{0%,to{opacity:.2}50%{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}