.g-battleships{--g-line:var(--char-ink);--g-mark:var(--ink);--g-cat:#9ccc5a;--g-cat-dark:#5f8f23;--g-bug:#e5483b;--g-grass:#5a8a1e;--g-grass-bg:#eef5e0;--g-leaf:#5f8f23;--g-leaf-tint:#dcecc4;--g-hint:var(--berry);--g-dot:var(--ink-soft);--g-reserve:290px;gap:var(--sp-3);justify-items:center;width:100%;max-width:560px;margin-inline:auto;display:grid}:root[data-theme=dark] .g-battleships{--g-cat:#9ccc5a;--g-cat-dark:#4f7a1c;--g-bug:#ef6a5e;--g-grass:#9ccc5a;--g-grass-bg:#26331a;--g-leaf:#8bbe4b;--g-leaf-tint:#33461f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .g-battleships{--g-cat:#9ccc5a;--g-cat-dark:#4f7a1c;--g-bug:#ef6a5e;--g-grass:#9ccc5a;--g-grass-bg:#26331a;--g-leaf:#8bbe4b;--g-leaf-tint:#33461f}}:root[data-cb] .g-battleships,:root[data-theme=dark][data-cb] .g-battleships{--g-cat:#7fb3e8;--g-cat-dark:#2f6fb0;--g-bug:#f0a02a;--g-grass:var(--ink)}@media (prefers-color-scheme:dark){:root[data-cb]:not([data-theme=light]) .g-battleships{--g-cat:#7fb3e8;--g-cat-dark:#2f6fb0;--g-bug:#f0a02a;--g-grass:var(--ink)}}@media (max-width:480px){.g-battleships{--g-reserve:330px}}.g-battleships-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-battleships-heartbox{align-items:center;gap:var(--sp-2);display:inline-flex}.g-battleships-hearts{gap:2px;display:inline-flex}.g-battleships-heart{color:var(--accent);display:inline-grid;position:relative}.g-battleships-heart svg{fill:currentColor;width:22px;height:22px}.g-battleships-heart:not(.is-lost) :is(svg,svg *){stroke:var(--ink)}.g-battleships-heart.is-lost{color:var(--ink-soft)}.g-battleships-heart.is-lost svg{fill:none}.g-battleships-heart.is-lost:after{content:"";border-top:2px solid var(--ink-soft);position:absolute;top:50%;left:2px;right:2px;transform:rotate(-35deg)}.g-battleships-tray{gap:var(--sp-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.g-battleships-trayitem{border:var(--bw) solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.85rem;display:inline-flex}.g-battleships-trayitem.is-done{border-color:var(--ink);background:var(--accent-tint);color:var(--accent-ink)}.g-battleships-trayicon{display:inline-flex}.g-battleships-trayicon>span{border:1.5px solid var(--g-mark);background:var(--g-cat);border-radius:50%;width:9px;height:9px;margin-left:-2px}.g-battleships-trayicon>span:first-child{margin-left:0}.g-battleships-trayicon.is-lady>span{background:var(--g-bug);width:11px;height:11px}.g-battleships-traycount{font-weight:700}.g-battleships-boardhost{width:min(100%, 520px, max(260px, calc(100vh - var(--g-reserve))));width:min(100%, 520px, max(260px, calc(100dvh - var(--g-reserve))))}.g-battleships .g-battleships-board{--dng-grid-hint:var(--g-hint);--dng-grid-mark:var(--g-dot)}.g-battleships-board .dng-grid-in>svg.g-battleships-glyph{width:100%;height:100%}.g-battleships-board .is-grass{--dng-grid-bg:var(--g-grass-bg)}.g-battleships-board .is-checked .g-battleships-blades{opacity:.55}.g-battleships-board .mark-dot>.dng-grid-in:before{width:16%;height:16%}.g-battleships-board .dng-grid-clue{position:relative}.g-battleships-board .dng-grid-track[data-side=right] .dng-grid-clue{min-height:0}.g-battleships-board .dng-grid-clue[data-state=done]:after{content:"✓";pointer-events:none;font-size:.6em;line-height:1;position:absolute;top:0;right:0}.g-battleships-board .is-clash>.dng-grid-in{box-shadow:inset 0 0 0 3px var(--bad);border-radius:50%}.g-battleships-board .is-clash>.dng-grid-in:before{content:"!";color:var(--bad);font:700 .9rem var(--font-display);position:absolute;top:1px;right:3px}.g-battleships-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}.g-battleships-board .dng-grid-cell.is-why.is-target:after,.g-battleships-board .dng-grid-clue.is-hint{box-shadow:none}.g-battleships-board .dng-grid-clue.is-hint:before{content:"";border:2px dashed var(--g-hint);border-radius:var(--r-s,8px);pointer-events:none;position:absolute;inset:2px}@media (forced-colors:active){.g-battleships-glyph circle,.g-battleships-glyph ellipse,.g-battleships-glyph rect,.g-battleships-glyph path{stroke:canvastext}.g-battleships-board .has-hider>.dng-grid-in{outline-offset:-3px;outline:2px solid canvastext}.g-battleships-board .mark-dot>.dng-grid-in:before{forced-color-adjust:none;background:canvastext}.g-battleships-board .is-clash>.dng-grid-in{box-shadow:inset 0 0 0 3px highlight}.g-battleships-heart.is-lost:after{border-color:canvastext}.g-battleships-trayitem.is-done{border-style:double}}.g-battleships-status{text-align:center;min-height:1.5em;font-family:var(--font-display);margin:0}.g-battleships-tools{justify-content:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.g-battleships-seg{gap:0;display:inline-flex}.g-battleships-seg .g-battleships-tool:first-child{border-radius:var(--r-m) 0 0 var(--r-m)}.g-battleships-seg .g-battleships-tool:last-child{border-radius:0 var(--r-m) var(--r-m) 0;border-left-width:0}.g-battleships-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-battleships-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-battleships-tool:focus-visible{outline:var(--bw-b) solid var(--focus);outline-offset:2px}.g-battleships-tool:disabled{opacity:.45;cursor:default}.g-battleships-tool svg{width:20px;height:20px}.g-battleships-tut .g-battleships-board{width:230px}.g-battleships-tut .dng-grid-cell[data-tut-hl]{z-index:1;outline-color:var(--g-hint);outline-style:dashed}[data-motion=full] .g-battleships-board .is-waving>.dng-grid-in{animation:g-battleships-wave .7s ease-in-out var(--g-delay,0s) 2 both}[data-motion=full] .g-battleships-board .is-flying>.dng-grid-in{animation:g-battleships-fly 1.2s ease-in-out var(--g-delay,0s) both}[data-motion=calm] .g-battleships-board .is-waving>.dng-grid-in,[data-motion=calm] .g-battleships-board .is-flying>.dng-grid-in{animation:.4s ease-out both g-battleships-fade}@keyframes g-battleships-wave{0%,to{transform:none}30%{transform:translateY(-10%)rotate(-8deg)}65%{transform:translateY(-4%)rotate(7deg)}}@keyframes g-battleships-fly{0%{opacity:1;transform:none}45%{opacity:0;transform:translate(30%,-70%)rotate(20deg)scale(.7)}55%{opacity:0;transform:translate(-30%,40%)scale(.7)}to{opacity:1;transform:none}}@keyframes g-battleships-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}