.battleship-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:calc(var(--space-16) + var(--space-2)) var(--space-4) var(--space-8);gap:var(--space-4);max-width:900px;margin:0 auto;width:100%}.setup-card{width:100%;max-width:500px;padding:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.setup-card h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:900;letter-spacing:-.02em}.setup-card p{font-size:var(--text-sm);color:var(--color-text-secondary)}.setup-controls{display:flex;gap:var(--space-3);width:100%}.setup-controls button{flex:1}.placement-status{font-size:var(--text-sm);color:var(--color-text-secondary)}.placement-status strong{color:var(--game-accent)}.battleship-hud{display:flex;justify-content:center;align-items:center;width:100%;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);padding:var(--space-3);border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000040}.hud-label{font-weight:800;font-size:var(--text-md);letter-spacing:.05em}.grids-container{display:flex;gap:var(--space-6);width:100%;justify-content:space-around;align-items:flex-start}.grid-wrap{flex:1;max-width:380px;display:flex;flex-direction:column;gap:var(--space-2)}.grid-title{font-size:var(--text-xs);font-weight:800;text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.05em;text-align:center}.battleship-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;background:#0f172a;border:3px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:1 / 1;box-shadow:0 8px 24px #0006}.battleship-cell{background:#1e293b;aspect-ratio:1 / 1;cursor:pointer;position:relative;transition:background var(--duration-fast) ease;border:1px solid rgba(255,255,255,.02)}.active-target .battleship-cell:hover{background:#334155;box-shadow:inset 0 0 8px var(--game-accent)}.battleship-cell:focus-visible{outline:2px solid var(--game-accent);z-index:2}.battleship-cell.ship{background:#64748b;border:1px solid #94a3b8;box-shadow:inset 0 2px 4px #fff3}.battleship-cell.miss{background:#1e293b;pointer-events:none}.battleship-cell.miss:after{content:"";position:absolute;width:25%;height:25%;background:#94a3b8;border-radius:50%;left:37.5%;top:37.5%;animation:splash .3s ease-out}.battleship-cell.hit{background:#7f1d1d;border-color:#b91c1c;pointer-events:none}.battleship-cell.hit:after{content:"⚡";position:absolute;font-size:clamp(10px,2.5vw,16px);left:50%;top:50%;transform:translate(-50%,-50%);animation:explode .4s var(--ease-spring)}@keyframes splash{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes explode{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.4)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.game-footer{display:flex;justify-content:center;width:100%}@media (max-width: 768px){.grids-container{flex-direction:column;align-items:center;gap:var(--space-4)}.grid-wrap{width:100%;max-width:320px}}