.battleship-container{flex-direction:column;align-items:center;min-height:80vh;padding:2rem;display:flex}.boards-container{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:1rem;display:flex}.board-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;padding:1.5rem;display:flex;box-shadow:0 8px 32px #0003}.board-title{color:var(--text-color);letter-spacing:1px;margin-bottom:1rem;font-size:1.2rem}.battleship-grid{background-color:#ffffff1a;border:2px solid #fff3;border-radius:4px;grid-template-rows:repeat(10,30px);grid-template-columns:repeat(10,30px);gap:2px;padding:2px;display:grid}@media (max-width:768px){.battleship-grid{grid-template-rows:repeat(10,25px);grid-template-columns:repeat(10,25px)}}.grid-cell{cursor:pointer;background-color:#0a0a1e80;justify-content:center;align-items:center;transition:all .2s;display:flex}.grid-cell:hover:not(.disabled){background-color:#ffffff1a}.grid-cell.ship{background-color:var(--primary);box-shadow:inset 0 0 10px #00000080}.grid-cell.hit{background-color:#ff4757;position:relative}.grid-cell.hit:after{content:"💥";font-size:12px}.grid-cell.miss{background-color:#fff3;position:relative}.grid-cell.miss:after{content:"•";color:#fff;font-size:20px}.grid-cell.disabled{cursor:not-allowed}.ships-selector{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;display:flex}.ship-item{cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:6px;padding:.5rem 1rem;transition:all .2s}.ship-item.selected{background:var(--primary);border-color:var(--primary);color:#fff}.ship-item.placed{opacity:.4;cursor:not-allowed}.room-controls{background:#ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;padding:2rem;display:flex}.room-input{color:#fff;text-align:center;background:#0003;border:1px solid #fff3;border-radius:6px;width:100%;max-width:250px;padding:.8rem 1rem;font-size:1rem}.status-badge.waiting{color:#f1c40f;background:#f1c40f33}.status-badge.playing{color:#2ecc71;background:#2ecc7133}.status-badge.turn{color:#3498db;background:#3498db33}.grid-cell.hover-valid{background-color:#2ecc7199;box-shadow:inset 0 0 10px #2ecc71cc}.grid-cell.hover-invalid{background-color:#e74c3c99;box-shadow:inset 0 0 10px #e74c3ccc}.grid-cell.hit.sunk{opacity:.6;background-color:#5c1a1a}.grid-cell.hit.sunk:after{content:"☠️";font-size:14px}.grid-cell.ship.hit.sunk{box-shadow:none;opacity:.8;background-color:#2c3e50}