.board[data-astro-cid-6a6copsw]{--ink:var(--color-zinc-700);--ink-soft:color-mix(in oklab, var(--color-zinc-900) 7%, transparent);--hatch:color-mix(in oklab, var(--color-zinc-700) 45%, transparent);--miss:var(--color-zinc-500);--hit:var(--color-rose-600);--mark:var(--color-accent-600);--mark-fill:color-mix(in oklab, var(--color-accent-500) 22%, transparent);--bad:var(--color-rose-600);--bad-fill:color-mix(in oklab, var(--color-rose-500) 16%, transparent);--heat-color:var(--color-accent-500);--tick:var(--color-zinc-900);--peak:var(--color-zinc-900);--graph-line-strong:color-mix(in oklab, var(--color-zinc-900) 17%, transparent);--graph-line:color-mix(in oklab, var(--color-zinc-900) 5%, transparent);--label:var(--color-zinc-600);--frame:var(--color-zinc-300);--paper:white;grid-template-rows:1.25rem auto;grid-template-columns:1.25rem minmax(0,1fr);gap:.25rem;width:100%;max-width:30rem;display:grid}:where([data-theme=dark]) .board[data-astro-cid-6a6copsw]{--ink:var(--color-zinc-300);--ink-soft:oklab(100% 0 5.96046e-8/.08);--hatch:color-mix(in oklab, var(--color-zinc-300) 45%, transparent);--miss:var(--color-zinc-400);--hit:var(--color-rose-400);--mark:var(--color-accent-400);--mark-fill:color-mix(in oklab, var(--color-accent-400) 22%, transparent);--bad:var(--color-rose-400);--bad-fill:color-mix(in oklab, var(--color-rose-400) 18%, transparent);--heat-color:var(--color-accent-400);--tick:var(--color-zinc-100);--peak:white;--graph-line-strong:oklab(100% 0 5.96046e-8/.15);--graph-line:oklab(100% 0 5.96046e-8/.04);--label:var(--color-zinc-400);--frame:var(--color-zinc-700);--paper:var(--color-zinc-900)}@media (prefers-color-scheme:dark){:where(:root:not([data-theme])) .board[data-astro-cid-6a6copsw]{--ink:var(--color-zinc-300);--ink-soft:oklab(100% 0 5.96046e-8/.08);--hatch:color-mix(in oklab, var(--color-zinc-300) 45%, transparent);--miss:var(--color-zinc-400);--hit:var(--color-rose-400);--mark:var(--color-accent-400);--mark-fill:color-mix(in oklab, var(--color-accent-400) 22%, transparent);--bad:var(--color-rose-400);--bad-fill:color-mix(in oklab, var(--color-rose-400) 18%, transparent);--heat-color:var(--color-accent-400);--tick:var(--color-zinc-100);--peak:white;--graph-line-strong:oklab(100% 0 5.96046e-8/.15);--graph-line:oklab(100% 0 5.96046e-8/.04);--label:var(--color-zinc-400);--frame:var(--color-zinc-700);--paper:var(--color-zinc-900)}}@media (width>=40rem){.board[data-astro-cid-6a6copsw]{grid-template-rows:1.5rem auto;grid-template-columns:1.5rem minmax(0,1fr)}}.columns[data-astro-cid-6a6copsw],.rows[data-astro-cid-6a6copsw]{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--label);user-select:none;font-size:.6875rem;line-height:1;display:grid}.columns[data-astro-cid-6a6copsw]{grid-template-columns:repeat(10,minmax(0,1fr));place-items:end center;padding-bottom:.125rem}.rows[data-astro-cid-6a6copsw]{grid-template-rows:repeat(10,minmax(0,1fr));place-items:center end;padding-right:.25rem}.sea[data-astro-cid-6a6copsw]{aspect-ratio:1;border:1px solid var(--frame);background-color:var(--paper);background-size:10% 10%,10% 10%,2% 2%,2% 2%;border-radius:.375rem;position:relative;overflow:hidden}.ships[data-astro-cid-6a6copsw],.cells[data-astro-cid-6a6copsw]{position:absolute;inset:0}.cells[data-astro-cid-6a6copsw]{grid-template-rows:repeat(10,minmax(0,1fr));display:grid}.row[data-astro-cid-6a6copsw]{grid-template-columns:repeat(10,minmax(0,1fr));display:grid}.gridcell[data-astro-cid-6a6copsw]{min-width:0;position:relative}.cell[data-astro-cid-6a6copsw]{cursor:default;touch-action:manipulation;display:block;position:absolute;inset:0}.cell[data-astro-cid-6a6copsw]:focus-visible{z-index:2;outline-offset:-2px}.cells[data-astro-cid-6a6copsw][data-armed] .cell[data-astro-cid-6a6copsw]:not([data-state]){cursor:crosshair}@media (hover:hover){.cells[data-astro-cid-6a6copsw][data-armed] .cell[data-astro-cid-6a6copsw]:not([data-state]):hover{background-color:var(--mark-fill)}}.board[data-astro-cid-6a6copsw][data-board=own] .cells[data-astro-cid-6a6copsw][data-placing] .cell[data-astro-cid-6a6copsw]{cursor:pointer}.cell[data-astro-cid-6a6copsw][data-preview=valid]{background-color:var(--mark-fill);box-shadow:inset 0 0 0 1.5px var(--mark)}.cell[data-astro-cid-6a6copsw][data-preview=invalid]{background-color:var(--bad-fill);box-shadow:inset 0 0 0 1.5px var(--bad)}.heat[data-astro-cid-6a6copsw],.dot[data-astro-cid-6a6copsw],.cross[data-astro-cid-6a6copsw]{pointer-events:none;display:none;position:absolute}.heat[data-astro-cid-6a6copsw]{background-color:var(--heat-color);opacity:calc(var(--heat,0) * .6);transition:opacity .25s ease-out;inset:1px}.cells[data-astro-cid-6a6copsw][data-heat] .heat[data-astro-cid-6a6copsw]{display:block}.cells[data-astro-cid-6a6copsw][data-heat] .cell[data-astro-cid-6a6copsw][data-peak]:after{content:"";border:1.5px dashed var(--peak);border-radius:3px;position:absolute;inset:3px}.dot[data-astro-cid-6a6copsw]{background-color:var(--miss);border-radius:9999px;width:22%;height:22%;margin:-11% 0 0 -11%;top:50%;left:50%}.cell[data-astro-cid-6a6copsw][data-state=miss] .dot[data-astro-cid-6a6copsw]{animation:.22s ease-out bs-pop;display:block}.cross[data-astro-cid-6a6copsw]{inset:0}.cross[data-astro-cid-6a6copsw]:before,.cross[data-astro-cid-6a6copsw]:after{content:"";background-color:var(--hit);border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:20%;right:20%;transform:rotate(45deg)}.cross[data-astro-cid-6a6copsw]:after{transform:rotate(-45deg)}.cell[data-astro-cid-6a6copsw][data-state=hit] .cross[data-astro-cid-6a6copsw],.cell[data-astro-cid-6a6copsw][data-state=sunk] .cross[data-astro-cid-6a6copsw]{animation:.22s ease-out bs-pop;display:block}.cell[data-astro-cid-6a6copsw][data-last]:before{--tick-length:32%;--tick-width:2px;--tick-line:linear-gradient(var(--tick), var(--tick));content:"";background:var(--tick-line) left top / var(--tick-length) var(--tick-width), var(--tick-line) left top / var(--tick-width) var(--tick-length), var(--tick-line) right top / var(--tick-length) var(--tick-width), var(--tick-line) right top / var(--tick-width) var(--tick-length), var(--tick-line) left bottom / var(--tick-length) var(--tick-width), var(--tick-line) left bottom / var(--tick-width) var(--tick-length), var(--tick-line) right bottom / var(--tick-length) var(--tick-width), var(--tick-line) right bottom / var(--tick-width) var(--tick-length);background-repeat:no-repeat;animation:.3s ease-out bs-ring;position:absolute;inset:3px}.ship[data-astro-cid-6a6copsw]{color:var(--ink);position:absolute}.ship[data-astro-cid-6a6copsw]:before{content:"";background-color:var(--ink-soft);border:1.5px solid;border-radius:9999px;transition:background-color .2s ease-out,border-color .2s ease-out;position:absolute;inset:4px}.ship[data-astro-cid-6a6copsw][data-selected]:before{border-color:var(--mark);background-color:var(--mark-fill)}.ship[data-astro-cid-6a6copsw][data-status=sunk]:before{background-color:#0000;background-image:repeating-linear-gradient(135deg, var(--hatch) 0 1px, transparent 1px 5px)}.ship[data-astro-cid-6a6copsw][data-status=revealed]:before{background-color:#0000;border-style:dashed}@keyframes bs-pop{0%{opacity:0;transform:scale(.4)}}@keyframes bs-ring{0%{opacity:0;transform:scale(1.35)}}