.g-sea-battle{--sb-water:#cfe5f2;--sb-water-2:#b9d8ec;--sb-line:#8fb4cc;--sb-ship:#78899b;--sb-ship-edge:#3f4f60;--sb-sunk:#46505c;--sb-sunk-edge:#b5372a;--sb-hit:#d9473b;--sb-miss:#fff;--sb-reveal-edge:#f2c14e;--sb-ok:#4cae7a;--sb-bad:#d9473b;--sb-w:360px;width:100%;max-width:100%;margin:0 auto}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .g-sea-battle{--sb-water:#1d3a4e;--sb-water-2:#264a62;--sb-line:#36607b;--sb-ship:#8798aa;--sb-ship-edge:#cfd9e3;--sb-sunk:#5a6573;--sb-miss:#a9c7da}}:root[data-theme=dark] .g-sea-battle{--sb-water:#1d3a4e;--sb-water-2:#264a62;--sb-line:#36607b;--sb-ship:#8798aa;--sb-ship-edge:#cfd9e3;--sb-sunk:#5a6573;--sb-miss:#a9c7da}.g-sea-battle .sb-rules{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:0 0 10px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2,var(--bg))}.g-sea-battle .sb-rules[hidden]{display:none}.g-sea-battle .sb-rules label{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--ink-2)}.g-sea-battle .sb-note{flex-basis:100%;margin:0;font-size:.82rem;color:var(--muted)}.g-sea-battle .sb-tabs{display:none;margin:0 auto 8px;max-width:var(--sb-w);gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}.g-sea-battle.phase-play:not(.is-wide) .sb-tabs{display:flex}.g-sea-battle .sb-tab{position:relative;flex:1;min-height:40px;border:0;background:var(--surface);color:var(--ink-2);font:inherit;font-size:.95rem;cursor:pointer}.g-sea-battle .sb-tab+.sb-tab{border-left:1px solid var(--line)}.g-sea-battle .sb-tab.is-active{background:var(--accent);color:var(--accent-ink);font-weight:600}.g-sea-battle .sb-news{display:none;position:absolute;top:7px;right:10px;width:9px;height:9px;border-radius:50%;background:var(--sb-hit)}.g-sea-battle .sb-tab.has-news .sb-news{display:block}.g-sea-battle .sb-grids{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px}.g-sea-battle .sb-panel{width:var(--sb-w);max-width:100%;min-width:0}.g-sea-battle.phase-place .sb-panel--enemy{display:none}.g-sea-battle.phase-play:not(.is-wide).view-enemy .sb-panel--mine{display:none}.g-sea-battle.phase-play:not(.is-wide).view-mine .sb-panel--enemy{display:none}.g-sea-battle .sb-title{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 4px;font-size:1rem}.g-sea-battle .sb-title__n{font-size:.85rem;font-weight:400;color:var(--muted)}.g-sea-battle .sb-grid{display:grid;grid-template-columns:1.3em repeat(10,minmax(0,1fr));user-select:none;-webkit-user-select:none}.g-sea-battle .sb-lab{display:grid;place-items:center;font-size:.72rem;line-height:1;color:var(--muted);min-height:1.3em}.g-sea-battle .sb-cell{position:relative;display:block;aspect-ratio:1/1;width:100%;min-width:0;padding:0;margin:0;border:0 solid transparent;border-radius:0;background:var(--sb-water);box-shadow:inset 0 0 0 .5px var(--sb-line);font:inherit;cursor:default;-webkit-tap-highlight-color:transparent}.g-sea-battle .sb-cell.is-open{cursor:pointer}.g-sea-battle .sb-cell.is-open:hover{background:var(--sb-water-2)}.g-sea-battle .sb-cell.has-ship{background:var(--sb-ship);border-color:var(--sb-ship-edge);box-shadow:none}.g-sea-battle .sb-cell.has-ship.is-open:hover{background:var(--sb-ship);filter:brightness(1.12)}.g-sea-battle .sb-cell.e-t{border-top-width:3px}.g-sea-battle .sb-cell.e-b{border-bottom-width:3px}.g-sea-battle .sb-cell.e-l{border-left-width:3px}.g-sea-battle .sb-cell.e-r{border-right-width:3px}.g-sea-battle .sb-cell.is-sunk{background:var(--sb-sunk);border-color:var(--sb-sunk-edge)}.g-sea-battle .sb-cell.is-reveal{border-color:var(--sb-reveal-edge)}.g-sea-battle .sb-cell.is-miss::after{content:"";position:absolute;left:50%;top:50%;width:26%;height:26%;transform:translate(-50%,-50%);border-radius:50%;background:var(--sb-miss);box-shadow:0 0 0 1px rgba(0,0,0,.25)}.g-sea-battle .sb-cell.is-water::after{content:"";position:absolute;left:50%;top:50%;width:14%;height:14%;transform:translate(-50%,-50%);border-radius:50%;background:var(--sb-line);opacity:.8}.g-sea-battle .sb-cell.is-hit::after{content:"";position:absolute;left:50%;top:50%;width:62%;height:62%;transform:translate(-50%,-50%);border-radius:50%;background:var(--sb-hit);box-shadow:0 0 0 1px rgba(0,0,0,.3)}.g-sea-battle .sb-cell.is-hit::before{content:"";position:absolute;left:50%;top:50%;width:36%;height:36%;transform:translate(-50%,-50%);z-index:1;background:linear-gradient(45deg,transparent 43%,#fff 43%,#fff 57%,transparent 57%),linear-gradient(-45deg,transparent 43%,#fff 43%,#fff 57%,transparent 57%)}.g-sea-battle .sb-cell.is-last{outline:3px solid var(--gold);outline-offset:-3px;z-index:2}.g-sea-battle .sb-cell.is-pv-ok{background:var(--sb-ok)}.g-sea-battle .sb-cell.is-pv-bad{background:var(--sb-bad)}.g-sea-battle .sb-cell.is-cursor,.g-sea-battle .sb-cell:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;z-index:3}.g-sea-battle .sb-cell:focus:not(:focus-visible):not(.is-cursor):not(.is-last){outline:none}.g-sea-battle .sb-fleet{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px;min-height:14px}.g-sea-battle .sb-ship{display:inline-flex;gap:2px}.g-sea-battle .sb-ship i{display:block;width:10px;height:10px;border-radius:2px;background:var(--sb-ship)}.g-sea-battle .sb-ship i.is-down{background:var(--sb-hit)}.g-sea-battle .sb-ship.is-sunk{opacity:.7}.g-sea-battle .sb-place{display:none;width:var(--sb-w);max-width:100%;margin:0 auto}.g-sea-battle .sb-place--btns{margin-bottom:8px}.g-sea-battle .sb-place--tray{margin-top:10px}.g-sea-battle.phase-place .sb-place{display:block}.g-sea-battle .sb-tray{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.g-sea-battle .sb-tray__ship{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:40px;padding:4px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:.8rem;cursor:pointer}.g-sea-battle .sb-tray__ship.is-placed{opacity:.6}.g-sea-battle .sb-tray__ship.is-selected{opacity:1;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.g-sea-battle .sb-placebtns{display:flex;flex-wrap:wrap;gap:8px}.g-sea-battle .sb-placebtns .btn--primary{margin-left:auto}@media(max-width:480px){.g-sea-battle .sb-grids{gap:8px}}@media(prefers-reduced-motion:reduce){.g-sea-battle *{transition:none!important;animation:none!important}}.g-sea-battle.is-wide-place .sb-main{display:grid;grid-template-columns:var(--sb-w)minmax(300px,340px);grid-template-areas:"grids btns" "grids tray";grid-template-rows:auto 1fr;gap:0 28px;justify-content:center;align-items:start}.g-sea-battle.is-wide-place .sb-grids{grid-area:grids}.g-sea-battle.is-wide-place .sb-place--btns{grid-area:btns;width:auto;margin:22px 0 14px}.g-sea-battle.is-wide-place .sb-place--btns .btn--primary{margin-left:0}.g-sea-battle.is-wide-place .sb-place--tray{grid-area:tray;width:auto;margin:0}.g-sea-battle.is-wide-place .sb-tray{flex-direction:column;align-items:flex-start}.g-sea-battle.is-wide-place .sb-tray__ship{flex-direction:row;align-items:center;gap:10px;width:100%;max-width:240px}.g-sea-battle.is-wide-place .sb-tray__name{min-width:6.5em;text-align:left}