body{
font-family:Arial, sans-serif;
background:linear-gradient(120deg,#1e3c72,#2a5298);
display:flex;
justify-content:center;
align-items:center;
height:100vh;
margin:0;
color:white;
}

.game-container{
text-align:center;
background:rgba(0,0,0,0.4);
padding:30px;
border-radius:10px;
}

h1{
margin-bottom:10px;
}

#status{
margin-bottom:15px;
font-size:18px;
}

.board{
display:grid;
grid-template-columns:repeat(3,100px);
gap:8px;
justify-content:center;
}

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

.cell:hover{
background:#e6e6e6;
}

.win{
background:#4CAF50;
color:white;
}

button{
margin-top:15px;
padding:10px 20px;
font-size:16px;
border:none;
border-radius:5px;
cursor:pointer;
}

button:hover{
background:#00bfff;
color:white;
}