.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh}.title{font-size:4rem;color:var(--primary-color);margin-bottom:2rem;text-transform:uppercase;letter-spacing:4px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.card{background:#fff;padding:2rem 4rem;border-radius:16px;box-shadow:0 10px 25px #0000000d;text-align:center;max-width:400px;width:100%}.play-button{background:var(--primary-color);color:#fff;border:none;padding:1rem 3rem;font-size:1.25rem;font-weight:700;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:1.5rem;width:100%}.play-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #007bff66}.play-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.placement-container{display:flex;flex-direction:column;align-items:center}.controls{margin-bottom:2rem;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:300px}.grid{display:flex;flex-direction:column;border:2px solid #333;background:#e1f5fe}.cell{width:30px;height:30px;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:background .2s}.cell:hover{background:#0000000d}.cell.occupied{background:#4caf50;border-color:#388e3c}.confirm-btn{background:#2196f3;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:700;width:100%;margin-bottom:.5rem}.reset-btn{background:#f44336;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;width:100%}.battle-container{display:flex;gap:2rem;align-items:flex-start;padding:2rem}.board-section{display:flex;flex-direction:column;align-items:center}.grid{border:2px solid #333;display:flex;flex-direction:column}.row{display:flex}.cell{width:30px;height:30px;border:1px solid rgba(0,0,0,.1);background:#e3f2fd}.cell.ship{background:#555}.cell.hit{background:#f44336}.cell.miss{background:#bdbdbd}.cell.fog{background:#90a4ae;cursor:not-allowed}.enemy-grid.active .cell.fog{cursor:crosshair}.enemy-grid.active .cell.fog:hover{background:#b0bec5}.divider{font-size:2rem;font-weight:700;align-self:center;color:#ff9800}.game-page{display:flex;flex-direction:column;align-items:center;padding:2rem}.game-alert{background:#fff3cd;color:#856404;padding:1rem;border-radius:4px;margin-bottom:2rem;border:1px solid #ffeeba;font-weight:700}.app{text-align:center;padding:2rem}:root{--primary-color: #007bff;--bg-color: #f0f2f5;--text-color: #333}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--bg-color);color:var(--text-color)}