.page-container.leagues{padding-top:0px;} 
/* -----------------------------
LEAGUE PAGE GRID
----------------------------- */

.leaguepage .league-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}


/* -----------------------------
LEAGUE CARD
----------------------------- */

.leaguepage .league-card{position:relative;height:260px;border-radius:12px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 25px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.05);background-size:cover;background-position:center;transition:.25s ease;display:block;text-decoration:none;color:inherit;}

.leaguepage .league-card.red{background-image:url('images/leaguebg_red.jpg');}
.leaguepage .league-card.green{background-image:url('images/leaguebg_green.jpg');}
.leaguepage .league-card.blue{background-image:url('images/leaguebg_blue.jpg');}
.leaguepage .league-card.purple{background-image:url('images/leaguebg_purple.jpg');}
.leaguepage .league-card.orange{background-image:url('images/leaguebg_orange.jpg');}

.leaguepage .league-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.25),rgba(0,0,0,.75));}

.leaguepage .league-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 35px rgba(0,0,0,.8),0 0 20px rgba(255,255,255,.05);}
.leaguepage .league-card:hover .league-logo img{transform:scale(1.08);}


/* -----------------------------
LEAGUE LOGO
----------------------------- */

.leaguepage .league-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);z-index:2;}
.leaguepage .league-logo img{width:150px;transition:.2s ease;margin-bottom:20px;}


/* -----------------------------
LEAGUE NAME BAR
----------------------------- */

.leaguepage .league-name{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80%;height:60px;display:flex;align-items:center;justify-content:center;text-align:center;font-variant:small-caps;font-weight:700;font-size:20px;line-height:18px;letter-spacing:.5px;color:white;z-index:2;clip-path:polygon(10% 0,90% 0,100% 100%,0% 100%);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 2px 4px rgba(255,255,255,.15),inset 0 -4px 8px rgba(0,0,0,.6),0 4px 10px rgba(0,0,0,.6);}

.leaguepage .league-name::before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.8),transparent);}

.leaguepage .league-card.red .league-name{background:linear-gradient(to bottom,#ff4a4a,#8b0000);box-shadow:inset 0 2px 4px rgba(255,255,255,.2),inset 0 -5px 10px rgba(0,0,0,.7),0 0 12px rgba(255,0,0,.6);}
.leaguepage .league-card.green .league-name{background:linear-gradient(to bottom,#66bb6a,#1b5e20);box-shadow:inset 0 2px 4px rgba(255,255,255,.2),inset 0 -5px 10px rgba(0,0,0,.7),0 0 12px rgba(0,255,100,.5);}
.leaguepage .league-card.blue .league-name{background:linear-gradient(to bottom,#1a2f66,#0d1b3d);border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 2px 4px rgba(255,255,255,.15),inset 0 -6px 12px rgba(0,0,0,.75),0 0 10px rgba(13,27,61,.7);}
.leaguepage .league-card.purple .league-name{background:linear-gradient(to bottom,#ba68c8,#4a148c);box-shadow:inset 0 2px 4px rgba(255,255,255,.2),inset 0 -5px 10px rgba(0,0,0,.7),0 0 12px rgba(200,100,255,.5);}
.leaguepage .league-card.orange .league-name{background:linear-gradient(to bottom,#ffb74d,#e65100);box-shadow:inset 0 2px 4px rgba(255,255,255,.2),inset 0 -5px 10px rgba(0,0,0,.7),0 0 12px rgba(255,140,0,.6);}


/* =========================
ROSTER GRID
========================= */

.leagues .roster-grid{display:flex;flex-wrap:wrap;gap:16px;}


/* =========================
PLAYER TILE
========================= */

.leagues .player-tile{width:calc(25% - 12px);border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dark));padding:3px;box-shadow:0 12px 22px rgba(0,0,0,.45),0 0 14px rgba(60,180,100,.6);transition:.2s ease;}
.leagues .player-tile:hover{transform:translateY(-4px) scale(1.02);}


/* =========================
PLAYER IMAGE
========================= */

.leagues .player-tile .player-image{position:relative;height:150px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,var(--accent),var(--accent-dark));}
.leagues .player-tile .player-image img{width:100%;height:100%;object-fit:cover;transform:scale(.95);border-radius:10px;object-position:center 35%;display:block;}

.leagues .player-image::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65),transparent 60%),linear-gradient(to right,rgba(60,180,100,.4),transparent 70%);}


/* =========================
PLAYER OVERLAY
========================= */

.leagues .player-tile .player-rank{position:absolute;top:6px;left:6px;background:#3cb464;color:#000;font-size:11px;font-weight:900;padding:4px 8px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.6),0 0 8px rgba(60,180,100,.6);z-index:3;}

.leagues .player-tile .player-info{position:absolute;bottom:0;left:0;right:0;padding:6px;display:flex;flex-direction:column;gap:4px;z-index:2;}

.leagues .player-tile .player-name{position:absolute;left:0;right:0;bottom:0;width:100%;font-size:13px;font-weight:900;letter-spacing:.4px;padding:6px 8px;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.3));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}


/* =========================
PLAYER STATS
========================= */

.leagues .player-tile .player-stats{position:absolute;top:6px;right:6px;display:flex;gap:6px;z-index:3;}

.leagues .player-tile .stat{min-width:38px;padding:4px 6px;border-radius:6px;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.6);}
.leagues .player-tile .stat .value{font-size:11px;font-weight:800;color:#3cb464;}
.leagues .player-tile .stat .label{font-size:7px;color:#ccc;letter-spacing:.3px;}


/* =========================
COLOR VARIANTS
========================= */

.leagues .player-tile.green{--accent:#3cb464;--accent-soft:rgba(60,180,100,.4);--accent-dark:#1f7a47;}
.leagues .player-tile.red{--accent:#ff4d4d;--accent-soft:rgba(255,77,77,.4);--accent-dark:#a61e1e;}
.leagues .player-tile.blue{--accent:rgba(40,80,160,1);--accent-soft:rgba(40,80,160,.4);--accent-dark:#1c3f80;}
.leagues .player-tile.purple{--accent:#a855f7;--accent-soft:rgba(168,85,247,.4);--accent-dark:#6b21a8;}
.leagues .player-tile.orange{--accent:#ff8c42;--accent-soft:rgba(255,140,66,.4);--accent-dark:#b45309;}


/* =========================
TOP PLAYERS
========================= */

.leagues .player-tile.rank-1{background:linear-gradient(135deg,gold,#b89600);}
.leagues .player-tile.rank-2{background:linear-gradient(135deg,#c0c0c0,#7a7a7a);}
.leagues .player-tile.rank-3{background:linear-gradient(135deg,#cd7f32,#7a4a1f);}


/* -----------------------------
COLOR THEMES
----------------------------- */

.league-nav.purple{background:linear-gradient(to bottom,#5a2a73,#2a0d3a);}
.league-nav.blue{background:linear-gradient(to bottom,#1a2f66,#0d1b3d);}
.league-nav.green{background:linear-gradient(to bottom,#2e7d32,#0f3d1f);}
.league-nav.orange{background:linear-gradient(to bottom,#ff8c42,#7a2e00);}
.league-nav.red{background:linear-gradient(to bottom,#c62828,#5a0d0d);}

.league-nav a.active{
    background:rgba(255,255,255,.15);
    color:#fff;

    box-shadow:
        inset 0 2px 4px rgba(255,255,255,.15),
        inset 0 -4px 8px rgba(0,0,0,.4);

    border-radius:4px;
}

.leaguepage .matches-wrapper {margin-top:0px;}
.leaguepage .sidebar{margin-top:30px;}

/* -----------------------------
MATCH CARD (SIDEBAR - LARGER)
----------------------------- */

.leaguepage .sidebar .matchlogo{display:none;}
.leaguepage .sidebar .match-vs{display:none;}


.leaguepage.schedule .match-vs{
    width: 40px;
    height: 34px;
    left: calc(100% - 198px);
}
.leaguepage .fullschedule .match-vs span{font-size:12px;}
.leaguepage .fullschedule .round-title{text-align:center;background-color:#333;}
.leaguepage .fullschedule .match-meta{display:none;}

/* =========================
RESPONSIVE
========================= */

@media (max-width:900px){.leagues .player-tile{width:calc(50% - 8px);}}
@media (max-width:500px){.leagues .player-tile{width:100%;}}