.game-art--sea-battle .sea-game{width:100%;max-width:1000px;margin-inline:auto;padding:16px;color:var(--art-text);font-family:var(--font-sans)}.game-art--sea-battle .sea-status{display:grid;gap:4px;min-height:50px;text-align:center;margin-bottom:12px}.game-art--sea-battle .sea-status strong{font-size:var(--art-fs-title);font-weight:600;line-height:1.2}.game-art--sea-battle .sea-status span,.game-art--sea-battle .sea-note{font-size:var(--art-fs-body);font-weight:400;line-height:1.5}.game-art--sea-battle .sea-note{text-align:center;margin:8px 0}.game-art--sea-battle .sea-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px}.game-art--sea-battle .sea-controls button{padding:8px 12px;min-height:40px;background:#f2f2f2;color:var(--art-text);border:1px solid #74776f;border-radius:3px 2px 4px;font-size:var(--art-fs-action);font-weight:600;cursor:pointer}.game-art--sea-battle .sea-controls button:first-child{background:#dce8e6}.game-art--sea-battle button:disabled{cursor:default}.game-art--sea-battle .sea-controls button:disabled{opacity:.5}.game-art--sea-battle button:focus-visible,.game-art--sea-battle .sea-scroll:focus-visible{outline:2px solid var(--art-focus);outline-offset:2px}.game-art--sea-battle .sea-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.game-art--sea-battle .sea-panel{min-width:0}.game-art--sea-battle .sea-panel-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:8px}.game-art--sea-battle .sea-panel-head h2{font-size:var(--art-fs-body);font-weight:600}.game-art--sea-battle .sea-panel-head span{font-size:var(--art-fs-label);font-weight:500}.game-art--sea-battle .sea-scroll{width:100%;overflow-x:auto;padding:3px}.game-art--sea-battle .sea-grid{display:grid;grid-template-columns:24px repeat(var(--sea-size),var(--sea-cell));grid-template-rows:24px;grid-auto-rows:var(--sea-cell);--sea-cell: 40px;min-width:calc(24px + var(--sea-size) * var(--sea-cell));width:max-content;margin-inline:auto}.game-art--sea-battle .sea-grid[data-size="6"]{--sea-cell: 48px}.game-art--sea-battle .sea-label{display:grid;place-items:center;font-size:var(--art-fs-label);font-family:var(--font-mono);font-weight:500;font-variant-numeric:tabular-nums;color:var(--art-muted)}.game-art--sea-battle .sea-cell{position:relative;display:grid;place-items:center;min-width:40px;min-height:40px;border:1px solid #989b94;background:#fafafa;color:var(--art-text);font-size:var(--art-fs-value);font-family:var(--font-mono);font-weight:600;cursor:crosshair}.game-art--sea-battle .sea-cell:nth-child(3n){border-radius:1px 3px 1px 2px}.game-art--sea-battle .sea-cell:enabled:hover{background:#e6eeec}.game-art--sea-battle .sea-ship{background:#e4e9e4}.game-art--sea-battle .sea-cell[data-result=hit]{background:#efdfd8;color:#984a39}.game-art--sea-battle .sea-cell[data-result=sunk]{background:repeating-linear-gradient(135deg,#dce8e6,#dce8e6 5px,#9fbbb5 5px 6px);color:#364d48}.game-art--sea-battle .sea-cell[data-result=miss]{color:#767d78;background:#f2f2f2}@media(max-width:1023px){.game-art--sea-battle .sea-panels{grid-template-columns:minmax(0,1fr);gap:20px}.game-art--sea-battle .sea-game{max-width:560px;padding:12px}}@media(max-width:1023px){.game-art--sea-battle .sea-grid[data-size="6"]{--sea-cell: 40px}}