*{

margin:0;
padding:0;
box-sizing:border-box;

}


body{

min-height:100vh;

background:
radial-gradient(circle,#25205c,#080a12);

color:white;

font-family:Arial;

display:flex;

justify-content:center;

align-items:center;

text-align:center;

}



h1{

font-size:45px;

text-shadow:
0 0 20px #00eaff;

}



#board{

width:330px;

height:330px;

margin:25px auto;

display:grid;

grid-template-columns:repeat(3,1fr);

gap:5px;

}



.tile{

border-radius:12px;

cursor:pointer;

box-shadow:

0 0 15px #00eaff55;

transition:.2s;

}



.tile:hover{

transform:scale(1.05);

}



.empty{

background:transparent;

box-shadow:none;

}



button{

padding:12px 30px;

border:none;

border-radius:15px;

font-size:18px;

cursor:pointer;

}



.back{

position:absolute;

top:25px;

left:25px;

color:white;

text-decoration:none;

}



#message{

color:#00ff99;

margin-top:15px;

}