.game-details{
max-width:1400px;
margin:0 auto;
padding-bottom:60px;
}

/* HERO */
.detail-hero{
position:relative;
height:500px;
background-size:cover;
background-position:center;
display:flex;
align-items:center;
}

.hero-overlay{
position:absolute;
inset:0;
background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,.9));
}

.hero-content{
position:relative;
z-index:2;
display:flex;
gap:40px;
max-width:1400px;
margin:0 auto;
padding:40px;
}

.detail-cover{
width:260px;
border-radius:18px;
box-shadow:0 20px 60px rgba(0,0,0,.6);
}

.hero-right h1{
font-size:42px;
margin-bottom:10px;
}

.developer{
color:#8b949e;
margin-bottom:20px;
}

.rating-row{
margin-bottom:20px;
}

.platform-icons{
display:flex;
gap:10px;
flex-wrap:wrap;
}

.platform-badge{
background:#30363d;
padding:6px 10px;
border-radius:8px;
font-size:13px;
}

.platform-icon svg{
width:22px;
height:22px;
fill:#8b949e;
}

/* SECTIONS */
.detail-section{
padding:60px 20px;
display:grid;
gap:30px;
}

.detail-card{
background:#161b22;
padding:25px;
border-radius:18px;
box-shadow:0 10px 40px rgba(0,0,0,.4);
}

.detail-card h2{
margin-bottom:15px;
}

.tag-list{
display:flex;
gap:10px;
flex-wrap:wrap;
}

.tag{
background:#238636;
padding:6px 12px;
border-radius:20px;
color:#fff;
text-decoration:none;
font-size:13px;
}

.release-row{
display:flex;
justify-content:space-between;
padding:6px 0;
border-bottom:1px solid #30363d;
}