body{

margin:0;

background:black;

color:white;

font-family:Arial;

overflow:hidden;

}


#space{

height:100vh;

background:

radial-gradient(circle,#111,#000);

position:relative;

}



#orb{

position:absolute;

top:50%;

left:50%;

transform:translate(-50%,-50%);

font-size:80px;

color:#8f7cff;

text-shadow:

0 0 20px #8f7cff;

}



#hud{

position:absolute;

top:20px;

left:20px;

background:rgba(0,0,0,.7);

padding:20px;

border:1px solid #555;

border-radius:10px;

width:300px;

}



button{

margin-top:15px;

padding:10px;

background:#222;

color:white;

border:1px solid white;

cursor:pointer;

}



.space-object{

position:absolute;

font-size:30px;

cursor:pointer;

transform:translate(-50%,-50%);

}




.star-object{

position:absolute;

font-size:20px;

cursor:pointer;

transform:translate(-50%,-50%);

text-shadow:0 0 10px white;

}




#control-panel{

position:fixed;

right:20px;

top:20px;

padding:20px;

background:#111;

color:white;

border-radius:10px;

width:250px;

}




.system-star{

position:absolute;

left:50%;

top:50%;

font-size:40px;

}



.system-planet{

position:absolute;

cursor:pointer;

font-size:25px;

}





#dashboard{

position:fixed;

left:20px;

top:20px;

width:300px;

padding:20px;

background:#111;

color:white;

border-radius:12px;

}