.sb-board{--sb-cell:calc(100cqmin / 10.7);--sb-pad:calc(var(--sb-cell) * .7);--sb-span:calc(var(--sb-cell) * 10);border-radius:var(--r-md);background:var(--surface);width:100%;height:100%;box-shadow:var(--shadow-1);position:relative;container-type:size}.sb-coords{font-family:var(--font-body);font-size:max(9px, calc(var(--sb-cell) * .36));font-weight:var(--fw-semibold);color:var(--text-muted);pointer-events:none;-webkit-user-select:none;user-select:none;place-items:center;line-height:1;display:grid;position:absolute}.sb-coords--cols{top:0;left:var(--sb-pad);width:var(--sb-span);height:var(--sb-pad);grid-template-columns:repeat(10,minmax(0,1fr))}.sb-coords--rows{top:var(--sb-pad);width:var(--sb-pad);height:var(--sb-span);grid-template-rows:repeat(10,minmax(0,1fr));left:0}.sb-sea{top:var(--sb-pad);left:var(--sb-pad);width:var(--sb-span);height:var(--sb-span);border-radius:var(--r-sm);background:var(--g-water);box-shadow:inset 0 0 0 1px var(--g-water-edge);position:absolute;overflow:hidden}.sb-layer,.sb-mini__layer{pointer-events:none;position:absolute;inset:0}.sb-bar{position:absolute}.sb-bar:before{content:"";border-radius:999px;position:absolute}.sb-board .sb-bar:before{inset:calc(var(--sb-cell) * .13)}.sb-mini .sb-bar:before{inset:1.2cqi}.sb-bar[data-kind=ship]:before{background:var(--g-ship);box-shadow:inset 0 0 0 1px var(--g-ship-edge)}.sb-bar[data-kind=selected]:before{background:var(--accent);box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.sb-bar[data-kind=sunk]:before{background:var(--g-sunk)}.sb-bar[data-kind=ghost]:before{background:var(--accent-soft);border:2px dashed var(--accent)}.sb-bar[data-kind=ghost-bad]:before{border:2px dashed var(--danger);background:repeating-linear-gradient(135deg, transparent 0 5px, var(--danger) 5px 7px);opacity:.75}.sb-bar[data-kind=revealed]:before{border:2px dashed var(--g-ship-edge);background:0 0}.sb-grid{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;grid-template-rows:repeat(10,minmax(0,1fr));display:grid;position:absolute;inset:0}.sb-row{grid-template-columns:repeat(10,minmax(0,1fr));min-height:0;display:grid}.sb-gc{min-width:0;min-height:0;display:grid}.sb-cell{width:100%;height:100%;box-shadow:inset -1px 0 0 var(--g-water-edge), inset 0 -1px 0 var(--g-water-edge);color:inherit;cursor:default;touch-action:manipulation;background:0 0;border:0;border-radius:0;padding:0;display:block;position:relative}.sb-row:last-child .sb-cell{box-shadow:inset -1px 0 0 var(--g-water-edge)}.sb-gc:last-child .sb-cell{box-shadow:inset 0 -1px 0 var(--g-water-edge)}.sb-row:last-child .sb-gc:last-child .sb-cell{box-shadow:none}.sb-board[data-interactive][data-mode=place] .sb-cell,.sb-board[data-interactive][data-mode=target] .sb-cell:not([data-mark]){cursor:pointer}@media (hover:hover){.sb-board[data-interactive][data-mode=target] .sb-cell:not([data-mark]):hover{background:var(--accent-soft)}}.sb-cell:focus{outline:none}.sb-cell:focus-visible{z-index:2;outline:var(--focus-w) solid var(--accent-ring);outline-offset:calc(var(--focus-w) * -1)}.sb-dot{background:var(--g-miss);border-radius:50%;position:absolute;inset:36%}.sb-mark{background:var(--g-hit);color:var(--g-hit-ink);border-radius:22%;place-items:center;display:grid;position:absolute;inset:12%}[data-mark=sunk]>.sb-mark{color:var(--g-sunk-ink);background:0 0}.sb-cross{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:82%;height:82%}.sb-dot[data-new],.sb-mark[data-new]{animation:sb-pop var(--dur-3) var(--ease-out)}@keyframes sb-pop{0%{opacity:.2;transform:scale(.3)}}.sb-aim{border:max(2px, calc(var(--sb-cell) * .09)) solid var(--accent);background:radial-gradient(circle, var(--accent) 0 18%, transparent 19%);animation:sb-pop var(--dur-2) var(--ease-out);border-radius:50%;position:absolute;inset:10%}.sb-cell[data-ghost]{z-index:1}.sb-panel{--sb-panel-h:clamp(80px, 12vh, 128px);width:100%;height:var(--sb-panel-h)}.sb-dock{grid-template-rows:minmax(var(--tap), 1fr) auto;align-content:center;gap:var(--sp-1);display:grid;container-type:inline-size}.sb-dock__ships{gap:var(--sp-1);grid-template-columns:repeat(6,minmax(0,1fr));min-height:0;display:grid}.sb-chip{min-width:0;min-height:var(--tap);max-height:72px;padding:var(--sp-1);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);font-size:var(--fs-xs);font-weight:var(--fw-semibold);cursor:pointer;touch-action:manipulation;flex-direction:column;justify-content:center;align-items:center;gap:4px;line-height:1.1;display:flex;position:relative}.sb-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 0 0 0 1px var(--accent)}.sb-chip[aria-pressed=true] .sb-glyph span{background:var(--accent)}.sb-chip--random{background:var(--surface-2)}.sb-chip[aria-disabled=true]{cursor:default;opacity:.6}.sb-chip:focus-visible{outline:var(--focus-w) solid var(--accent-ring);outline-offset:var(--focus-offset)}.sb-chip__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.sb-chip__ok{background:var(--success);width:14px;height:14px;color:var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;top:2px;right:2px}@container (width<=420px){.sb-chip:not(.sb-chip--random) .sb-chip__name{display:none}.sb-chip--random .sb-chip__name{white-space:normal;text-align:center;font-size:11px}}@container (width<=340px){.sb-chip--random .sb-chip__name{font-size:10px}}.sb-hint{font-size:var(--fs-xs);color:var(--text-muted);line-height:var(--lh-snug);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.sb-hint[data-problem]{-webkit-line-clamp:2;line-clamp:2;font-weight:var(--fw-semibold);color:var(--danger);white-space:normal;-webkit-box-orient:vertical;display:-webkit-box}.sb-glyph{gap:2px;display:inline-flex}.sb-glyph span{background:var(--g-ship);border-radius:2px;width:7px;height:7px}.sb-fleets{justify-content:center;align-items:center;gap:var(--sp-4);display:flex}.sb-own{height:100%;margin:0;display:grid}.sb-mini{aspect-ratio:1;border-radius:var(--r-xs);background:var(--g-water);height:100%;box-shadow:inset 0 0 0 1px var(--g-water-edge);position:relative;overflow:hidden;container-type:inline-size}.sb-mini__grid{grid-template-rows:repeat(10,minmax(0,1fr));grid-template-columns:repeat(10,minmax(0,1fr));display:grid;position:absolute;inset:0}.sb-mini__cell{box-shadow:inset -.5px 0 0 var(--g-water-edge), inset 0 -.5px 0 var(--g-water-edge);position:relative}.sb-mini .sb-mark{inset:4%}.sb-mini .sb-dot{inset:30%}.sb-mini .sb-cross{stroke-width:2.4px}.sb-caption{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-muted);white-space:nowrap;margin:0}.sb-roster{align-content:center;gap:var(--sp-1);min-width:0;display:grid}.sb-roster ul{gap:var(--sp-1) var(--sp-2);flex-wrap:wrap;max-width:220px;margin:0;padding:0;list-style:none;display:flex}.sb-roster li{align-items:center;padding:2px;display:inline-flex;position:relative}.sb-roster li[data-sunk] .sb-glyph span{background:var(--g-sunk)}.sb-roster li[data-sunk]:after{content:"";background:var(--g-hit);height:2px;position:absolute;top:50%;left:-2px;right:-2px;transform:rotate(-12deg)}@media (aspect-ratio>=5/4){.sb-panel{height:auto}.sb-dock{grid-template-rows:auto auto}.sb-dock__ships{grid-template-columns:repeat(3,minmax(0,1fr))}.sb-chip{min-height:56px}.sb-fleets{align-items:flex-start;gap:var(--sp-2);flex-direction:column}.sb-own{width:100%;height:auto}.sb-mini{width:min(100%,32vh,240px);height:auto}}@media (aspect-ratio>=5/4) and (height<=520px){.kit-stage:not([data-phase=setup]) .kit-body:has(.sb-panel){grid-template-columns:minmax(0, 1fr) repeat(2, calc((var(--side-w) - var(--sp-1)) / 2));column-gap:var(--sp-1);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"board bottom top""board actions actions""board panel panel"}.kit-body:has(.sb-panel) .kit-badge{gap:var(--sp-1);padding-inline:var(--sp-2) var(--sp-1)}.kit-body:has(.sb-panel) .kit-badge__chip{width:24px;height:24px}.kit-body:has(.sb-panel) .kit-badge__name{font-size:var(--fs-sm)}.kit-body:has(.sb-panel) .kit-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.kit-body:has(.sb-panel) .kit-action{padding-inline:var(--sp-1);font-size:var(--fs-xs);flex-direction:column;justify-content:center;gap:2px}.kit-body:has(.sb-panel) .kit-action svg{width:18px;height:18px}.sb-panel{height:100%}.sb-dock{grid-template-rows:auto;height:auto;position:relative}.sb-dock__ships{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:var(--tap)}.sb-chip{min-height:var(--tap);padding-block:2px}.sb-chip:not(.sb-chip--random) .sb-chip__name{display:none}.sb-chip .sb-glyph span{width:6px;height:6px}.sb-chip--random{gap:var(--sp-1);flex-direction:row;grid-column:span 2}.sb-chip--random .sb-chip__name{font-size:11px}.sb-hint{right:0;bottom:calc(var(--tap) / 2);-webkit-line-clamp:2;line-clamp:2;width:calc(60% - 2px);padding-left:var(--sp-1);text-align:start;white-space:normal;pointer-events:none;-webkit-box-orient:vertical;display:-webkit-box;position:absolute;transform:translateY(50%)}.sb-fleets{justify-content:flex-start;align-items:center;gap:var(--sp-3);flex-direction:row}.sb-own{flex:none;width:auto;height:100%}.sb-roster{flex:1 1 0}.sb-mini{width:auto;height:100%}}.sb-afloat{font-weight:var(--fw-semibold)}.sb-result{gap:var(--sp-1);font-size:var(--fs-sm);margin:0;padding:0;list-style:none;display:grid}.sb-result li{justify-content:space-between;gap:var(--sp-3);display:flex}.sb-result__name{font-weight:var(--fw-semibold)}