#bataille-navale-game .bn-wrap{margin-top:1.25rem;position:relative}#bataille-navale-game .bn-seas{grid-template-columns:minmax(0,1fr);gap:1.5rem;display:grid}@media (width>=760px){#bataille-navale-game .bn-seas{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){#bataille-navale-game .bn-frame{margin-inline:calc(1px - 1rem)}}#bataille-navale-game .bn-sea{align-content:start;gap:.6rem;min-width:0;display:grid}#bataille-navale-game .bn-sea[hidden]{display:none}#bataille-navale-game .bn-title{letter-spacing:-.01em;margin:0;font-weight:800}#bataille-navale-game .bn-frame{max-width:30rem}#bataille-navale-game .bn-head,#bataille-navale-game .bn-body{grid-template-columns:1.1rem minmax(0,1fr);display:grid}#bataille-navale-game .bn-head{color:var(--muted);text-align:center;grid-template-columns:1.1rem repeat(10,minmax(0,1fr));font-size:.6875rem;font-weight:700;line-height:1.6}#bataille-navale-game .bn-nums{color:var(--muted);grid-template-rows:repeat(10,minmax(0,1fr));align-items:center;font-size:.6875rem;font-weight:700;display:grid}#bataille-navale-game .bn-grid{aspect-ratio:1;outline:2px solid var(--ink);outline-offset:-1px;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#fff4e8;border-radius:.3rem;grid-template-columns:repeat(10,minmax(0,1fr));display:grid;overflow:hidden}#bataille-navale-game .bn-grid.placing{touch-action:none}#bataille-navale-game .bn-cell{cursor:pointer;background:0 0;border:0;min-width:0;margin:0;padding:0;position:relative;box-shadow:inset 0 0 0 .5px #2b14052e}#bataille-navale-game .bn-cell[aria-disabled=true]{cursor:default}#bataille-navale-game .bn-cell:hover:not([aria-disabled=true]){background:#ffe0c2}#bataille-navale-game .bn-cell:focus-visible{outline:3px solid var(--ink);outline-offset:-3px;z-index:2}#bataille-navale-game .bn-cell.ship{box-shadow:inset 0 0 0 1.5px var(--ink);background:#ffc994}#bataille-navale-game .bn-cell.sunk{box-shadow:inset 0 0 0 3px var(--ink);background:#ffc994}#bataille-navale-game .bn-cell.ghost{background:repeating-linear-gradient(45deg,#ffb020 0 4px,#ffe0c2 4px 8px)}#bataille-navale-game .bn-cell.ghost.bad{box-shadow:inset 0 0 0 2px var(--ink);outline:2px dashed var(--accent);outline-offset:-5px;background:repeating-linear-gradient(45deg,#fff 0 4px,#ffe0c2 4px 8px)}#bataille-navale-game .bn-cell.miss:after{content:"";border:2px solid var(--ink);opacity:.6;border-radius:50%;position:absolute;inset:36%}#bataille-navale-game .bn-cell.hit:before,#bataille-navale-game .bn-cell.hit:after{content:"";background:var(--accent);height:4px;box-shadow:0 0 0 1px var(--ink);border-radius:2px;position:absolute;top:calc(50% - 2px);left:18%;right:18%;transform:rotate(45deg)}#bataille-navale-game .bn-cell.hit:after{transform:rotate(-45deg)}#bataille-navale-game .bn-cell.fresh{animation:.6s ease-out bn-flash}@keyframes bn-flash{0%{background-color:var(--accent-2)}}@media (prefers-reduced-motion:reduce){#bataille-navale-game .bn-cell.fresh{animation:none}}#bataille-navale-game .bn-fleet{color:var(--muted);flex-wrap:wrap;gap:.3rem .9rem;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}#bataille-navale-game .bn-fleet .down{text-decoration:line-through}#bataille-navale-game .bn-ships{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}#bataille-navale-game .bn-ship{width:100%;min-height:2.75rem;font:inherit;text-align:left;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);cursor:grab;touch-action:none;background:#fff;border:0;border-radius:.65rem;align-items:center;gap:.75rem;padding:.4rem .75rem;font-weight:600;display:flex}#bataille-navale-game .bn-ship[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--ink);background:#fff4e8}#bataille-navale-game .bn-ship:disabled{opacity:.45;cursor:default}#bataille-navale-game .bn-blocks{flex:none;gap:2px;display:flex}#bataille-navale-game .bn-blocks span{width:.85rem;height:.85rem;box-shadow:inset 0 0 0 1.5px var(--ink);background:#ffc994;border-radius:2px}#bataille-navale-game .bn-actions{flex-wrap:wrap}#bataille-navale-game .bn-foot{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:.75rem;display:flex}#bataille-navale-game .bn-link{font:inherit;color:var(--link);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:.25rem 0;font-size:.875rem;text-decoration:underline}@media (width<=360px){#bataille-navale-game .seg button{padding-inline:.65rem}}