*{
box-sizing:border-box;
}


body{

margin:0;

height:100vh;

overflow:hidden;

font-family:
'Segoe UI',
sans-serif;


background:
radial-gradient(
circle,
#112240,
#020617
);

color:white;

}



.stars{

position:absolute;

width:100%;

height:100%;


background-image:

radial-gradient(
white 1px,
transparent 1px
);


background-size:
40px 40px;


animation:
moveStars 20s linear infinite;

opacity:.3;

}



@keyframes moveStars{

from{
background-position:0 0;
}

to{
background-position:
500px 500px;
}

}




.container{


position:relative;

width:900px;

margin:40px auto;


background:

rgba(15,23,42,.85);


border:

1px solid
#38bdf8;


border-radius:25px;


padding:30px;


box-shadow:

0 0 50px
#0ea5e9;



text-align:center;


}



h1{


font-size:45px;


background:

linear-gradient(
90deg,
#22d3ee,
#a855f7
);


-webkit-background-clip:text;

color:transparent;

}



.dashboard{


display:flex;

justify-content:center;

gap:60px;

font-size:22px;

margin:20px;


}



.dashboard span{


color:#22d3ee;

font-weight:bold;

}



button{


padding:18px 40px;

font-size:20px;


border:none;


border-radius:50px;


cursor:pointer;


background:

linear-gradient(
45deg,
#2563eb,
#9333ea
);


color:white;


box-shadow:

0 0 20px #9333ea;


transition:.3s;


}


button:hover{


transform:scale(1.1);


}




#arena{


height:400px;


margin-top:30px;


position:relative;


overflow:hidden;


border-radius:20px;


background:

linear-gradient(
180deg,
#020617,
#111827
);


border:

2px solid
#334155;


}




#guardian{


position:absolute;


bottom:20px;


left:50%;


transform:

translateX(-50%);


font-size:80px;


filter:

drop-shadow(
0 0 20px cyan
);


}



.enemy{


position:absolute;


font-size:45px;


animation:

pulse 1s infinite alternate;


cursor:pointer;


}



@keyframes pulse{


from{

transform:scale(1);

}


to{

transform:scale(1.2);

}


}



.laser{


position:absolute;


width:6px;


height:40px;


background:

cyan;


box-shadow:

0 0 20px cyan;


}



#message{


margin-top:20px;


font-size:22px;


color:#38bdf8;


}