.bs{flex:1;min-height:0;display:grid;gap:8px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"me" "bar"}.bs[data-phase=battle]{grid-template-columns:minmax(0,1fr) clamp(170px,26%,300px);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"foe me" "foe bar"}.bs[data-phase=place] .bs-foe,.bs[data-phase=place] .bs-battle,.bs[data-phase=battle] .bs-place{display:none}.bs-board{position:relative;grid-area:me;min-width:0;min-height:0}.bs-foe{grid-area:foe}.bs[data-phase=battle] .bs-me{aspect-ratio:1;align-self:start}.bs-board canvas{position:absolute;inset:0;margin:auto;display:block;border-radius:14px;background:var(--board);box-shadow:inset 0 0 0 1px var(--line);touch-action:none;outline:none}.bs-board canvas:focus-visible{box-shadow:0 0 0 2px var(--cyan)}.bs-board.shake{animation:shake .35s}.bs-wait{position:absolute;left:50%;bottom:10%;z-index:2;transform:translate(-50%);padding:8px 14px;border:1px solid var(--cyan);border-radius:12px;background:var(--panel-solid);font-size:14px;font-weight:800;white-space:nowrap;pointer-events:none}.bs-bar{grid-area:bar;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.bs-place,.bs-battle{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.bs-scan .bs-charges{margin-left:2px;color:var(--violet);font-weight:900}.bs-scan[aria-pressed=true]{border-color:var(--violet);background:#9d00ff2e;box-shadow:0 0 16px #9d00ff73}.bs-salvo .ico,.bs-salvo .bs-salvos{color:var(--amber)}.bs-salvo .bs-salvos{margin-left:2px;font-weight:900}.bs-salvo[aria-pressed=true]{border-color:var(--amber);background:#ffb70029;box-shadow:0 0 16px #ffb70073}.bs-foe-items{width:100%;margin:0;color:var(--muted);font-size:11px;text-align:center}.bs-foe-items span{margin-left:6px;white-space:nowrap}.bs-foe-items .ico{color:var(--amber)}.bs-scan{flex-wrap:wrap;row-gap:0}.bs-scan .bs-sonar{color:var(--violet);font-weight:800;white-space:nowrap}.bs-scan :is(.bs-charges,.bs-sonar):empty{display:none}.bs-fleet-cap{width:100%;color:var(--muted);font-size:11px;text-align:center}.bs-fleet{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:220px}.bs-fleet i{width:calc(var(--len) * 11px);height:8px;border-radius:3px;background:var(--pink)}.bs-fleet i.dead{background:var(--muted);opacity:.3}.bs-hint{margin:0;max-width:46ch;color:var(--muted);font-size:12px;text-align:center}.bs-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:767px){.bs[data-phase=battle]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"foe foe" "me bar"}.bs[data-phase=battle] .bs-hint{display:none}:is(.bs-scan,.bs-salvo)[aria-pressed=true]{box-shadow:none}}html.eco :is(.bs-scan,.bs-salvo)[aria-pressed=true]{box-shadow:none}