*{

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

}


body{

min-height:100vh;

background:
radial-gradient(circle,#162447,#050816);

font-family:Arial;

color:white;

display:flex;

justify-content:center;

align-items:center;

text-align:center;

}


h1{

font-size:45px;

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

}



#game{

width:350px;

height:350px;

margin:20px auto;

position:relative;

background:#07101f;

border:3px solid #00eaff;

border-radius:20px;

overflow:hidden;

box-shadow:
0 0 30px #00eaff55;

}



.ice{

position:absolute;

width:55px;

height:55px;

border-radius:15px;

background:
linear-gradient(135deg,#ffffff,#00eaff);

box-shadow:

0 0 20px #00eaff;


cursor:pointer;

animation:appear .2s;

}



@keyframes appear{

from{

transform:scale(0);

}

to{

transform:scale(1);

}

}



.break{

animation:break .3s;

}



@keyframes break{

to{

transform:scale(1.5);

opacity:0;

}

}



button{

padding:12px 35px;

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;

}