.g-sletters{--g-hint:var(--berry);--g-bad:var(--bad);gap:var(--sp-3);justify-items:center;width:100%;max-width:520px;margin:0 auto;display:grid}[data-cb] .g-sletters{--g-hint:var(--sky)}.g-sletters-boardhost{width:min(100%, calc(var(--g-cols,6) * 64px * var(--tile-scale,1)));justify-self:stretch;min-width:0;position:relative}.g-sletters-board{--w-path:var(--accent-tint);--w-path-ink:var(--ink);--w-hint:var(--g-hint);--w-bad:var(--g-bad);max-width:100%}.g-sletters-board .w-tile.is-path .w-face{box-shadow:inset 0 0 0 var(--bw-b) var(--ink)}.g-sletters-board .w-tile.is-eaten .w-face{color:var(--cat-ink,var(--char-ink));font-size:.82em}.g-sletters-board .w-tile.is-stranded .w-face{border-style:dashed;border-width:var(--bw-b)}.g-sletters .g-sletters-board .w-tile.is-stranded .w-face:after{content:"!";border:var(--bw) solid var(--ink);background:var(--card);width:1.45em;height:1.45em;color:var(--ink);font-family:var(--font-ui);border-radius:50%;justify-content:center;align-items:center;font-size:.42em;font-weight:800;line-height:1;display:flex;position:absolute;top:-6%;right:-6%}.g-sletters-board .w-tile.is-hint .w-face{border-style:dotted;border-color:var(--g-hint)}.g-sletters-board .w-tile.is-hint .w-face:before{content:"?";color:var(--ink);font-size:.4em;position:absolute;top:2%;left:9%}.g-sletters-board .w-tile.is-hint.g-sletters-hint-start .w-face{border-style:solid}.g-sletters-board .w-tile.is-hint.g-sletters-hint-start .w-face:before{content:"1";border:var(--bw-b) solid var(--g-hint);background:var(--card);width:1.45em;height:1.45em;color:var(--ink);font-family:var(--font-ui);border-radius:50%;justify-content:center;align-items:center;font-size:.42em;font-weight:800;line-height:1;display:flex;top:-6%;left:-6%}.g-sletters-snake{--g-sn:var(--cat);--g-sn-edge:var(--char-ink)}[data-theme=dark] .g-sletters-snake{--g-sn-edge:var(--cat-ink)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .g-sletters-snake{--g-sn-edge:var(--cat-ink)}}.g-sletters-edge,.g-sletters-body,.g-sletters-pat{fill:none;stroke-linecap:round;stroke-linejoin:round}.g-sletters-edge{stroke:var(--g-sn-edge);stroke-width:.8px}.g-sletters-body{stroke:var(--g-sn);stroke-width:.66px}.g-sletters-pat{stroke:color-mix(in srgb, var(--cat-ink) 75%, var(--cat));display:none}.g-sletters-head{fill:var(--g-sn);stroke:var(--g-sn-edge);stroke-width:.06px}.g-sletters-eye{fill:var(--char-white);stroke:var(--char-ink);stroke-width:.025px}.g-sletters-pupil{fill:var(--char-ink)}[data-cb] .g-sletters-pat{display:inline}[data-cb] .g-sletters-board .w-tile.is-eaten .w-face{text-shadow:0 0 .05em var(--cat), 0 0 .05em var(--cat), 0 0 .1em var(--cat)}.g-sletters-counter{font-family:var(--font-display);margin:0;font-size:1.1rem}.g-sletters-status{text-align:center;max-width:36ch;min-height:2.6em;margin:0}.g-sletters-word{align-items:center;gap:var(--sp-2);min-height:48px;display:flex}.g-sletters-wordtext{min-width:8ch;padding:var(--sp-1) var(--sp-3);border:var(--bw) solid var(--line);border-radius:var(--r-m);font-family:var(--font-display);letter-spacing:.08em;text-align:center;font-size:1.25rem}.g-sletters-word[data-state=empty] .g-sletters-wordtext{color:var(--ink-soft);letter-spacing:0;font-size:1rem}.g-sletters-word[data-state=ok] .g-sletters-wordtext{border-color:var(--ink)}.g-sletters-word[data-state=ok] .g-sletters-wordtext:after{content:" ✓"}.g-sletters-word[data-state=no] .g-sletters-wordtext{border-style:dashed}.g-sletters-mini,.g-sletters-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-sletters-mini.is-primary{background:var(--accent);color:var(--on-accent)}.g-sletters-mini:disabled,.g-sletters-tool:disabled{opacity:.45;cursor:default}.g-sletters-mini:focus-visible,.g-sletters-tool:focus-visible{outline:var(--bw-b) solid var(--focus);outline-offset:2px}.g-sletters-tool svg{width:20px;height:20px}.g-sletters-tool[hidden]{display:none}.g-sletters-tools{justify-content:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.g-sletters-list{justify-content:center;gap:var(--sp-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.g-sletters-chip{padding:2px var(--sp-2);border:var(--bw) solid var(--ink);background:var(--cat,var(--card));color:var(--cat-ink,var(--ink));font-family:var(--font-display);border-radius:999px;font-size:.85rem}.g-sletters-chip[data-hint]:after{content:" ?"}@media (forced-colors:active){.g-sletters-edge{stroke:canvastext}.g-sletters-body{stroke:canvas}.g-sletters-head{fill:canvas;stroke:canvastext}.g-sletters-board .w-tile.is-stranded .w-face,.g-sletters-board .w-tile.is-hint .w-face{border-color:canvastext}.g-sletters-board .w-tile.is-path .w-face{color:highlighttext;background:highlight}.g-sletters-board .w-tile.is-eaten .w-face{color:canvastext}.g-sletters-chip{color:canvastext;background:canvas}.g-sletters .g-sletters-board .w-tile.is-stranded .w-face:after,.g-sletters-board .w-tile.is-hint.g-sletters-hint-start .w-face:before{color:canvastext;background:canvas;border-color:canvastext}.g-sletters-heart-edge,.g-sletters-heart-head{stroke:canvastext}.g-sletters-heart-body,.g-sletters-heart-head{fill:none;stroke:canvastext}}.g-sletters-tut{justify-items:stretch;width:220px;max-width:100%}.g-sletters-tut .w-board{pointer-events:none}.g-sletters-snake{transform-box:fill-box;transform-origin:50%}[data-motion=full] .g-sletters-snake.is-new{animation:g-sletters-pop var(--dur-2,.32s) var(--ease-pop)}[data-motion=full] .g-sletters-snakes.is-celebrating .g-sletters-snake{animation:g-sletters-wiggle .6s ease-in-out calc(var(--i,0) * .14s) 2}[data-motion=calm] .g-sletters-snake.is-new{animation:g-sletters-fade var(--dur-1,.2s) linear}.g-sletters-heart{z-index:4;pointer-events:none;width:46%;height:46%;margin:auto;position:absolute;inset:0;overflow:visible}.g-sletters-heart-edge,.g-sletters-heart-body{fill:none;stroke-linecap:round;stroke-linejoin:round}.g-sletters-heart-edge{stroke:var(--char-ink);stroke-width:15px}.g-sletters-heart-body{stroke:var(--leaf);stroke-width:10px}.g-sletters-heart-head{fill:var(--leaf);stroke:var(--char-ink);stroke-width:2.5px}.g-sletters-heart-eye{fill:var(--char-ink)}[data-motion=full] .g-sletters-heart{animation:g-sletters-pop var(--dur-3,.42s) var(--ease-pop) 1.2s both}[data-motion=calm] .g-sletters-heart{animation:g-sletters-fade var(--dur-2,.32s) linear .4s both}@keyframes g-sletters-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes g-sletters-wiggle{25%{transform:rotate(-4deg)scale(1.04)}75%{transform:rotate(4deg)scale(1.04)}}@keyframes g-sletters-fade{0%{opacity:.3}to{opacity:1}}.w-board{--w-tile:var(--card);--w-tile-ink:var(--ink);--w-tile-edge:var(--line);--w-path:var(--accent-tint);--w-path-ink:var(--accent-ink);--w-path-line:var(--ink);--w-rock:var(--ink-soft);--w-bad:var(--bad);--w-hint:var(--accent);--w-focus:var(--focus);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:var(--r-m);width:100%;position:relative;overflow:hidden;container-type:inline-size}.w-board:focus-visible{outline:var(--bw-b) solid var(--w-focus);outline-offset:2px}.w-bodies,.w-over{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.w-bodies{z-index:1}.w-tiles{z-index:2;position:absolute;inset:0}.w-over{z-index:3}.w-tile{width:calc(100% / var(--w-cols));height:calc(100% / var(--w-rows));font-size:calc(100cqw / var(--w-cols) * .52 * var(--tile-scale,1));padding:3.5%;position:absolute;top:0;left:0}.w-face{background:var(--w-tile);width:100%;height:100%;color:var(--w-tile-ink);box-shadow:inset 0 calc(-1 * var(--bw)) 0 var(--w-tile-edge);border:var(--bw) solid var(--w-tile-ink);font-family:var(--font-display);text-transform:uppercase;border-radius:22%;justify-content:center;align-items:center;font-style:normal;font-weight:600;line-height:1;display:flex;position:relative}.w-value{font-family:var(--font-ui);opacity:.6;font-size:.34em;font-weight:700;position:absolute;bottom:4%;right:9%}.w-tile.is-path .w-face{background:var(--w-path);color:var(--w-path-ink);box-shadow:inset 0 0 0 var(--bw) var(--w-path-line);transform:scale(1.06)}.w-tile.is-cursor .w-face{outline:var(--bw-b) solid var(--w-focus);outline-offset:1px}.w-tile.is-eaten .w-face{box-shadow:none;background:0 0;border-color:#0000}.w-tile.is-rock .w-face{background:var(--w-rock);border-color:var(--w-rock);border-radius:40% 34% 44% 30%}.w-tile.is-water .w-face{box-shadow:none;background:0 0;border-color:#0000}.w-tile.is-stranded .w-face{border-color:var(--w-bad);color:var(--w-bad);background:0 0}[data-cb] .w-tile.is-stranded .w-face:after{content:"!";font-size:.4em;position:absolute;top:2%;right:8%}.w-tile.is-hint .w-face{border-color:var(--w-hint);border-width:var(--bw-b)}.w-tile.is-gone{opacity:0}.w-pathline{fill:none;stroke:var(--w-path-line);stroke-opacity:.35;stroke-width:.14px;stroke-linecap:round;stroke-linejoin:round}[data-motion=full] .w-tile{transition:transform var(--dur-2,.32s) var(--ease-pop,ease-out), opacity var(--dur-1,.2s) linear}[data-motion=full] .w-face{transition:transform var(--dur-1,.15s) ease-out}[data-motion=calm] .w-tile{transition:opacity var(--dur-1,.2s) linear}[data-motion=full] .w-tile.is-hint .w-face{animation:1s ease-in-out infinite w-glow}[data-motion=full] .w-shake{animation:.35s w-shake}@keyframes w-glow{50%{transform:scale(1.08)}}@keyframes w-shake{20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}: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}