.board{height:100vh;display:grid;justify-content:center;align-content:center;grid-template-columns:repeat(3,auto);gap:5px;user-select:none;position:relative}.cell{width:12vh;height:12vh;background-color:var(--cell);display:flex;align-items:center;justify-content:center;font-size:10vh;font-weight:700;color:var(--primary);cursor:pointer;position:relative}.placeholder{position:absolute;width:100%;height:100%;opacity:0;display:flex;align-items:center;justify-content:center;transition:.2s all ease-in-out}.placeholder:hover{opacity:.5}.placeholder.hide{display:none}.score{position:absolute;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15vw;color:var(--cell);opacity:.6;transform:translateY(-50%)}.score.left{left:10vw;top:50%}.score.right{right:10vw;top:50%}.gameover{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;left:50%;transform:translate(-50%)}.gameover.title{font-weight:700;font-size:4vh;bottom:100px;color:var(--cell)}.gameover.button{bottom:20px}.gameover button{font-size:16px;background-color:transparent;border:2px solid var(--cell);border-radius:4px;font-weight:700;padding:8px 16px}.gameover button:hover{background-color:var(--cell);color:var(--primary);cursor:pointer}.cell.over{pointer-events:none}.heading{position:absolute;width:100%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:50px;top:20px;color:var(--cell)}@media screen and (max-width: 500px){.score{font-size:12vw;padding:20px}.score.left{top:150px;left:30%}.score.right{top:150px;right:30%}}:root{--primary: #f2e5e5;--cell: #2b3a55}*{box-sizing:border-box}body{margin:0;width:100vw;height:100vh;font-family:Roboto;background-color:var(--primary)}