body{
font-family: Arial;
background: linear-gradient(135deg,#667eea,#764ba2);
height:100vh;
display:flex;
justify-content:center;
align-items:center;
color:white;
}

.container{
text-align:center;
}

.modes{
    margin-bottom: 20px;
}

.modes button{
    background-color: crimson;
}

.board{
display:grid;
grid-template-columns: repeat(3,100px);
gap:10px;
margin:20px auto;
}

.cell{
width:100px;
height:100px;
background:white;
color:black;
font-size:40px;
display:flex;
justify-content:center;
align-items:center;
cursor:pointer;
border-radius:10px;
}

.cell:hover{
background:#eee;
}

button{
padding:10px 20px;
font-size:16px;
cursor:pointer;
border:none;
border-radius:8px;
background:#1dd1a1;
color:white;
}