.fleet-game{max-width:740px;margin:auto;min-width:0;overflow-wrap:anywhere}.fleet-instruction,.fleet-selection{padding:.6rem;border-left:4px solid var(--accent);background:var(--soft);line-height:1.6}.fleet-tools,.fleet-ships{display:flex;flex-wrap:wrap;gap:.45rem;margin:.6rem 0}.fleet-game .btn,.fleet-notice .btn{min-height:44px}.fleet-ships .btn{flex:1 1 120px;font-size:.85rem}.fleet-ships [aria-pressed=true]{outline:2px solid #3f6d69;background:#e0ede6}.fleet-viewport{max-width:100%;overflow:auto;margin:.6rem 0;overscroll-behavior:contain;scrollbar-width:thin}.fleet-grid{display:grid;grid-template-columns:22px repeat(10,minmax(0,1fr));gap:2px;width:100%;min-width:0;max-width:540px;margin:auto;padding:3px;background:#d5e3de;border:1px solid #6c8982;border-radius:4px}.fleet-grid[data-zoom=true]{grid-template-columns:24px repeat(10,44px);width:490px;min-width:490px;max-width:none}.fleet-axis{display:flex;align-items:center;justify-content:center;font-size:.72rem;line-height:1.1;min-height:22px;color:#3b5a52}.fleet-cell{appearance:none;display:flex;align-items:center;justify-content:center;aspect-ratio:1;min-width:0;min-height:0;padding:0;border:1px solid #96b4b1;border-radius:2px;background:#f2f6ed;color:#294d46;font:700 1rem/1 sans-serif;cursor:pointer}.fleet-cell:disabled{opacity:1;cursor:default}.fleet-cell[data-ship=true]{background:#658981;color:#dce7dc}.fleet-cell[data-mark="1"]{background:#dce9e9;color:#315854;font-size:1.8rem}.fleet-cell[data-mark="2"],.fleet-cell[data-mark="3"]{background:#edc3ad;color:#863d2b}.fleet-cell[data-mark="3"]{box-shadow:inset 0 0 0 2px #9b5d35}.fleet-cell[data-last=true]{border:2px solid #93632f}.fleet-cell[data-preview=true]{box-shadow:inset 0 0 0 2px #34804f;background:#dceccb;color:#315744}.fleet-cell[data-preview=true][data-preview-valid=false]{box-shadow:inset 0 0 0 2px #ae442f;background:#f0d0b9}.fleet-cell[aria-pressed=true]{outline:3px solid #a47e2e;outline-offset:-2px}.fleet-cell:focus-visible{position:relative;z-index:1;outline:3px solid #245f86;outline-offset:1px}.fleet-grid[data-zoom=true] .fleet-cell{width:44px;height:44px;min-width:44px;min-height:44px}.fleet-score{font-weight:700;line-height:1.65}.fleet-last{padding:.5rem .65rem;border:1px solid var(--line);border-radius:5px;line-height:1.65;background:var(--soft)}.fleet-last p{margin:.25rem 0}.fleet-tip,.fleet-sunk{font-size:.85rem;line-height:1.75}.fleet-notice{min-height:1.5em;line-height:1.7}.fleet-notice .btn{margin:.5rem}.fleet-own{margin:.8rem 0}.fleet-own summary{min-height:44px;padding:.65rem 0;cursor:pointer}.fleet-game h3{font-size:1rem;margin:.7rem 0}.fleet-game>[data-fleet-action]{margin:.35rem .35rem .35rem 0}@media(max-width:360px){.fleet-grid{grid-template-columns:17px repeat(10,minmax(0,1fr));gap:1px;padding:2px}.fleet-axis{font-size:.65rem}.fleet-cell{font-size:.8rem}.fleet-grid[data-zoom=true]{grid-template-columns:24px repeat(10,44px);width:490px;gap:2px}.fleet-ships .btn{flex-basis:105px}}