.bs-area{max-width:52rem;margin:0 auto}.bs-boards{display:flex;flex-direction:column;gap:1.5rem;align-items:center}@media(min-width:768px){.bs-boards{flex-direction:row;justify-content:center;align-items:flex-start}}.bs-board-wrap{text-align:center}.bs-board-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.bs-grid{display:inline-grid;gap:2px;background:#00000026;padding:2px;border-radius:4px}.bs-grid--10{grid-template-columns:repeat(10,1fr)}.bs-cell{width:36px;height:36px;background:#c9f7a566;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.625rem;transition:background .1s ease;-webkit-tap-highlight-color:transparent}@media(min-width:768px){.bs-cell{width:44px;height:44px}}.bs-cell:focus-visible{outline:3px solid #000;outline-offset:-3px;z-index:1}.bs-cell:hover{background:#c9f7a5b3}.bs-cell--ship{background:#00000040}.bs-cell--miss{background:#00000014}.bs-cell--miss:after{content:"\b7";color:#0000004d;font-size:1.25rem}.bs-cell--hit{background:#cf2e2e}.bs-cell--hit:after{content:"\2715";color:#fff;font-weight:700;font-size:.75rem}.bs-cell--sunk{background:#8b0000}.bs-cell--sunk:after{content:"\2715";color:#fff;font-weight:700;font-size:.75rem}.bs-cell--disabled{cursor:default;pointer-events:none}.bs-placement-info{font-size:.875rem;margin:1rem 0;opacity:.7}.bs-ship-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0}.bs-ship-btn{font-family:inherit;font-size:.75rem;font-weight:500;padding:.375rem .75rem;border:2px solid #000;border-radius:4px;background:#0000000d;cursor:pointer;-webkit-tap-highlight-color:transparent}.bs-ship-btn--active{background:#000;color:#c9f7a5}.bs-ship-btn--placed{opacity:.4;cursor:default}.bs-rotate-btn,.bs-auto-btn,.bs-ready-btn{font-family:inherit;font-size:.75rem;font-weight:500;padding:.5rem 1rem;border:2px solid #000;border-radius:4px;cursor:pointer;min-height:36px;margin:.25rem;-webkit-tap-highlight-color:transparent}.bs-auto-btn{background:#0000000d}.bs-ready-btn{background:#000;color:#c9f7a5}.bs-ready-btn:disabled{opacity:.3;cursor:default}.bs-turn{font-size:1rem;font-weight:600;margin:.75rem 0}.bs-turn--my{color:#2d5829}.bs-status{font-size:.8125rem;opacity:.6;margin:.5rem 0}.bs-hit-msg{font-weight:600;animation:bsFlash .5s ease}.bs-hit-msg--hit{color:#cf2e2e}.bs-hit-msg--sunk{color:#8b0000}.bs-hit-msg--miss{opacity:.5}@keyframes bsFlash{0%,to{opacity:1}50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.bs-hit-msg{animation:none}}