body{margin:0;padding:0}.gameboard{align-items:center;display:flex;height:100vh;justify-content:space-evenly}.gameboard .player-field{align-items:center;display:flex;flex-direction:column}.fields{cursor:pointer;display:inline-grid;grid-template-columns:repeat(10,1fr);height:20rem;width:20rem}.fields>.field{border:1px solid #000}.line.vertical{background:#000;border-radius:1rem;height:80vh;width:.2rem}.draggable-ships{border:1px solid #000;display:flex;height:10rem;margin-bottom:1rem;width:50rem}.draggable-ship{margin:1rem}.draggable-ship .field{background:#fff;border:1px solid #000;cursor:-webkit-grab;cursor:grab;height:2rem;width:2rem}.dragging{opacity:.5}.placed{opacity:0;pointer-events:none}.button{cursor:pointer;opacity:.5}.button.active{opacity:1}.winner-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100vw}.winner-container .winner-name{font-weight:700}.winner-container.active{opacity:1;pointer-events:auto}