.jeux-header{
width:100%;
display:flex;
flex-direction:column;
align-items:center;
}

.gaming-logo{
position:relative;
width:clamp(90px,12vw,160px);
aspect-ratio:1;
overflow:hidden;
border-radius:25px;
background:#02030d;
box-shadow:0 0 20px cyan,0 0 50px purple;
}

.space-bg{
position:absolute;
inset:0;
background:
radial-gradient(circle at 50% 20%,#2030ff,#02030d 60%);
}

.letter-j{
position:absolute;
top:32%;
left:50%;
transform:translate(-50%,-50%);
font:bold clamp(45px,7vw,90px) Arial Black;
background:linear-gradient(45deg,cyan,blue,purple,pink,orange);
-webkit-background-clip:text;
color:transparent;
text-shadow:0 0 15px cyan;
animation:jGlow 4s infinite;
z-index:3;
}

@keyframes jGlow{
50%{filter:hue-rotate(90deg)}
}

.rocket{
position:absolute;
top:8%;
left:50%;
transform:translateX(-50%);
width:22%;
height:35%;
z-index:2;
animation:launch 3s infinite alternate;
}

.rocket-body{
height:80%;
background:linear-gradient(90deg,#ddd,#08f,#fff);
border-radius:50% 50% 20% 20%;
box-shadow:0 0 10px cyan;
}

.rocket-window{
position:absolute;
top:20%;
left:35%;
width:30%;
aspect-ratio:1;
border-radius:50%;
background:#111;
border:1px solid cyan;
}

.rocket-fire{
position:absolute;
bottom:-30%;
left:40%;
width:20%;
height:40%;
background:orange;
filter:blur(2px);
animation:fire .2s infinite alternate;
}

@keyframes launch{
to{translate:0 -5px}
}
@keyframes fire{
to{height:60%}
}

.orbit{
position:absolute;
width:90%;
height:45%;
left:5%;
top:35%;
border:1px solid cyan;
border-radius:50%;
animation:rotate 10s linear infinite;
}

@keyframes rotate{
to{rotate:360deg}
}

.controller{
position:absolute;
bottom:10%;
left:50%;
translate:-50%;
width:70%;
height:22%;
border-radius:40px;
background:#101018;
border:2px solid cyan;
box-shadow:0 0 15px cyan;
z-index:4;
color:white;
font-size:10px;
display:flex;
align-items:center;
justify-content:space-around;
}

.controller-j{
color:cyan;
font-weight:bold;
}

.game-icons span{
position:absolute;
font-size:12px;
animation:float 3s infinite alternate;
}

.game-icons span:nth-child(1){left:8%;top:20%}
.game-icons span:nth-child(2){right:8%;top:20%}
.game-icons span:nth-child(3){left:10%;bottom:20%}
.game-icons span:nth-child(4){right:10%;bottom:20%}

@keyframes float{
to{translate:0 -8px}
}

.jeux-title{
font:bold clamp(14px,2vw,28px) Arial Black;
background:linear-gradient(90deg,cyan,blue,purple,pink,lime);
-webkit-background-clip:text;
color:transparent;
text-shadow:0 0 10px cyan;
}