body{
font-family:Arial;
text-align:center;
background:#f4f6f9;
}

.board{
width:300px;
margin:20px auto;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:6px;
}

.tile{
height:90px;
font-size:28px;
display:flex;
justify-content:center;
align-items:center;
color:white;
cursor:pointer;
border-radius:8px;
}

.tile0{
background:#ffffff;
cursor:default;
}

.tile1{background:#ff6b6b;}
.tile2{background:#ff9f43;}
.tile3{background:#feca57;}
.tile4{background:#48dbfb;}
.tile5{background:#1dd1a1;}
.tile6{background:#5f27cd;}
.tile7{background:#54a0ff;}
.tile8{background:#ee5253;}

.info{
margin:10px;
font-size:18px;
}

button{
padding:10px 18px;
font-size:16px;
border:none;
background:#333;
color:white;
border-radius:6px;
cursor:pointer;
}

button:hover{
background:#555;
}

.win{
margin-top:20px;
font-size:20px;
color:green;
font-weight:bold;
}