.match-card{
    background:#f7f7f7;
    border-radius:14px;
    padding:12px;
    margin-bottom:12px;
}

.match-head{
    display:flex;
    justify-content:space-between;
    font-size:13px;
    color:#555;
    margin-bottom:8px;
}

.live{
    color:#e53935;
    font-weight:bold;
    display:flex;
    align-items:center;
    gap:4px;
}

.live i{
    width:6px;
    height:6px;
    background:#e53935;
    border-radius:50%;
    display:inline-block;
    animation:pulse 1s infinite;
}

@keyframes pulse{
    0%{opacity:1}
    50%{opacity:.3}
    100%{opacity:1}
}

.match-body{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.team{
    display:flex;
    align-items:center;
    gap:5px;
    font-weight:600;
}
.league:empty{
    display:none;
}


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

.team.right{
    justify-content:flex-end;
}

.score{
    font-size:18px;
    font-weight:bold;
}

.status{
    font-size:12px;
    color:#777;
    margin-top:6px;
}
/* SCOREBOARD CONTAINER */
.scoreboard{
    max-width:380px;
    background:#fff;
    border-radius:16px;
    padding:12px;
}

/* INTERNAL SCROLL AREA */
.cls-scroll{
    max-height:420px;          /* 🔥 adjust height here */
    overflow-y:auto;
    padding-right:6px;
}

/* Hide ugly scrollbar (optional) */
.cls-scroll::-webkit-scrollbar{
    width:6px;
}
.cls-scroll::-webkit-scrollbar-thumb{
    background:#ddd;
    border-radius:10px;
}
.cls-scroll::-webkit-scrollbar-track{
    background:transparent;
}