main[data-battleship-root] .game-page__content{max-width:72rem}.battleship-game,.battleship-game *{min-width:0}.battleship-game{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.battleship-stage[hidden]{display:none}.battleship-stage h2{margin-bottom:var(--space-2);font-size:clamp(1.4rem,4vw,2rem)}.battleship-stage h3{margin-bottom:var(--space-2);font-size:1.05rem}.battleship-stage__heading,.battleship-battle-bar{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:end;justify-content:space-between}.battleship-turn-indicator{display:inline-flex;min-height:3rem;margin-top:var(--space-2);padding:var(--space-2) var(--space-3);align-items:center;border:1px solid var(--color-border);border-inline-start:4px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-primary-soft);font-weight:800}.battleship-stage__heading label{display:grid;gap:var(--space-1);min-width:11rem;font-weight:700}.battleship-stage select{min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-surface)}.battleship-placement-layout,.battleship-oceans,.battleship-fleets{display:grid;gap:var(--space-5);margin-top:var(--space-5)}.battleship-ocean{padding:var(--space-3);border:2px solid transparent;border-radius:var(--radius-md);background:transparent;transition:border-color .16s ease,background-color .16s ease,opacity .16s ease}.battleship-ocean__state{min-height:1.5rem;margin-bottom:var(--space-2);color:var(--color-ink-muted);font-size:.9rem;font-weight:700}.battleship-ocean.is-active{border-color:var(--color-primary);background:var(--color-primary-soft)}.battleship-ocean.is-active .battleship-ocean__state{color:var(--color-primary-hover)}.battleship-ocean.is-inactive{opacity:.72}.battleship-ocean.is-inactive .battleship-board{filter:saturate(.78)}.battleship-ocean.is-active .battleship-board{box-shadow:0 0 0 2px #3158d429}.battleship-ship-picker{display:grid;gap:var(--space-2)}.battleship-ship-button{min-height:2.75rem;padding:var(--space-2) var(--space-3);text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-surface-muted);cursor:pointer}.battleship-ship-button[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:inset 0 0 0 1px var(--color-primary)}.battleship-board{width:min(100%,32rem);margin-inline:auto}.battleship-grid{display:grid;width:100%;grid-template-columns:1.5rem repeat(10,minmax(0,1fr));gap:2px;padding:var(--space-2);border:1px solid #9db6d4;border-radius:var(--radius-sm);background:#c9dcf0}.battleship-coordinate{display:grid;place-items:center;min-height:1.35rem;color:#355375;font-size:clamp(.62rem,2vw,.78rem);font-weight:800}.battleship-cell{display:grid;width:100%;min-height:0;padding:0;aspect-ratio:1;place-items:center;border:1px solid rgb(255 255 255 / 65%);border-radius:.2rem;color:#17334f;background:#e7f3ff;font-size:clamp(.7rem,3vw,1.2rem);font-weight:900;line-height:1}button.battleship-cell{cursor:crosshair}button.battleship-cell:hover{background:#d2e8fb}.battleship-cell.has-ship{background:#7389a4;box-shadow:inset 0 0 0 2px #4b607a}.battleship-cell.is-selected-ship{outline:2px solid #f4a62a;outline-offset:-2px}.battleship-cell.is-miss{color:#365f85;background:#f5fbff}.battleship-cell.is-hit{color:#fff;background:#c7484e}.battleship-cell.is-sunk{color:#fff;background:#712b38}.battleship-cell:focus-visible{position:relative;z-index:1;outline:3px solid #f4a62a;outline-offset:1px}.battleship-message{min-height:1.6rem;margin-top:var(--space-4);color:var(--color-ink);font-weight:700}.battleship-message.message--error{min-height:auto}.battleship-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.battleship-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-4)}.battleship-stats span{display:grid;padding:var(--space-2);text-align:center;border-radius:var(--radius-sm);color:var(--color-ink-muted);background:var(--color-surface-muted)}.battleship-stats strong{color:var(--color-ink);font-size:1.2rem}.battleship-fleets section{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.battleship-fleet-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.battleship-fleet-list li{color:var(--color-ink-muted)}.battleship-fleet-list li:before{margin-right:var(--space-2);content:"○";font-weight:900}.battleship-fleet-list li.is-sunk{text-decoration:line-through}.battleship-fleet-list li.is-sunk:before{content:"◆";color:#8b3040}@media(min-width:48rem){.battleship-game{padding:var(--space-5)}.battleship-placement-layout{grid-template-columns:minmax(14rem,.65fr) minmax(25rem,1.35fr);align-items:start}.battleship-oceans,.battleship-fleets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:30rem){.battleship-actions .button{flex:1 1 100%}.battleship-grid{grid-template-columns:1.25rem repeat(10,minmax(0,1fr));gap:1px;padding:var(--space-1)}.battleship-stats{font-size:.82rem}}