.ftg-container{
font-family:system-ui;
max-width:1100px;
margin:auto;
padding:20px;
}

.ftg-container .card{
background:white;
padding:20px;
border-radius:14px;
border:1px solid #e5e7eb;
}

.ftg-container select,
.ftg-container input{
padding:6px;
border-radius:6px;
border:1px solid #d1d5db;
width:100%;
}

.ftg-container button{
margin-top:12px;
padding:12px;
border:none;
border-radius:10px;
background:#2563eb;
color:white;
font-weight:700;
cursor:pointer;
}

.match-card{
margin-top:20px;
background:#f8fbff;
border:1px solid #dbeafe;
padding:20px;
border-radius:12px;
}

.team-row{
display:flex;
justify-content:space-between;
align-items:center;
}

.team img{
width:60px;
height:60px;
}

.squad-wrapper{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
margin-top:20px;
}

.team-squad{
border:1px solid #e5e7eb;
border-radius:10px;
padding:10px;
}

.player-row{
display:grid;
grid-template-columns:30px 40px 1fr 90px 70px;
gap:8px;
align-items:center;
margin-bottom:6px;
}

.player-img{
width:34px;
height:34px;
border-radius:50%;
}

.section{
margin-top:20px;
padding:20px;
border:1px solid #e5e7eb;
border-radius:12px;
background:#fafafa;
}

.player-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:6px;
}

#errorBox{
color:red;
font-weight:700;
}

.fantasy-field{
background:#0a7f3f;
padding:25px;
border-radius:12px;
margin-top:20px;
color:white;
}

.row{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
}

.player-card{
text-align:center;
}

.player-card img{
width:60px;
height:60px;
border-radius:50%;
}

.player-name{
background:black;
padding:3px 8px;
border-radius:6px;
font-size:12px;
margin-top:4px;
}

.cap{color:yellow;font-weight:700;}
.vc{color:orange;font-weight:700;}