hr {
    border: none;
    border-top: 1px solid #333;
    margin: 10px 0;
}
.content-grid{display:grid;grid-template-columns:3fr 1fr;gap:30px;}

.matches-section{display:flex;flex-direction:column;gap:2px;}
.home .matches-wrapper{margin-top:0;}
.matches-wrapper{display:grid;grid-template-columns:1fr 1fr;margin-top:30px;gap:30px;}
.match-card{background:linear-gradient(rgba(40,40,40,.8),rgba(20,20,20,.5));border:0 solid rgba(255,255,255,.15);padding:2px;border-radius:10px;transition:.25s;}
.matchlogo{float:left;padding:7px;}
.matchlogo img{width:50px;}
.match-row{display:flex;align-items:center;justify-content:space-between;position:relative;}
.match-player{display:flex;align-items:center;width:100%;gap:10px;border:1px solid #666;padding:2px 6px;}
.match-player img{width:60px;height:60px;object-fit:cover;border-radius:50%;border:2px solid rgba(255,255,255,.15);}
.match-player.right{justify-content:flex-end;}
.match-meta{text-align:center;font-size:13px;color:#bbb;text-transform:uppercase;font-family:"Arial Narrow",Tahoma,"Trebuchet MS",sans-serif;background:#333;padding:2px 0;}
.match-vs{position:absolute;width:64px;height:46px;left:calc(100% - 232px);display:flex;align-items:center;justify-content:center;}
.match-vs::before{content:"";position:absolute;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);z-index:0;inset:0;background:#666;}
.match-vs span{position:relative;z-index:2;color:#fff;font-weight:700;font-size:14px;letter-spacing:1px;}
.match-vs::after{content:"";position:absolute;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);z-index:1;inset:3px;background:#111;}
.completed .match-vs::before{background:#666;}
.player-name{text-transform:uppercase;font-size:.8em;font-weight:600;text-align:center;font-family:"Arial Narrow",Tahoma,"Trebuchet MS",sans-serif;width:50%;}
.player-name .firstname{font-weight:400;color:#999;}
.left .player-name{margin-left:0;}
.right .player-name{margin-right:0;}
.playerrank{font-size:14px;font-family:verdana;}
.winner.green{background:rgba(60,180,100,.12);border-color:#3cb464;}
.winner.red{background:rgba(255,0,0,.12);border-color:#ff0000;}
.winner.blue{background:rgba(66,165,245,.12);border-color:#42a5f5;}
.winner.purple{background:rgba(156,39,176,.12);border-color:#9c27b0;}
.winner.orange{background:rgba(255,112,67,.12);border-color:#ff7043;}
.match-vs.red::before{background:#ff2b2b;}
.match-vs.green::before{background:#4caf50;}
.match-vs.blue::before{background:#42a5f5;}
.match-vs.purple::before{background:#9c27b0;}
.match-vs.orange::before{background:#ff7043;}
.leader-card{margin-bottom:10px;transition:.25s;box-shadow:0 8px 20px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.06);}
.leader-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.9),0 0 12px rgba(255,255,255,.05);}
.leader-card.red{box-shadow:rgba(255,255,255,.06) 0 1px 0 inset,rgba(0,0,0,.6) 0 3px 10px,rgba(255,0,0,.25) 0 0 10px;background:linear-gradient(rgba(60,20,20,.9),rgba(25,10,10,.95));border:1px solid rgba(255,0,0,.35);}
.leader-card.green{box-shadow:rgba(255,255,255,.06) 0 1px 0 inset,rgba(0,0,0,.6) 0 3px 10px,rgba(76,175,80,.25) 0 0 10px;background:linear-gradient(rgba(20,60,20,.9),rgba(10,25,10,.95));border:1px solid rgba(76,175,80,.35);}
.leader-card.blue{box-shadow:rgba(255,255,255,.06) 0 1px 0 inset,rgba(0,0,0,.6) 0 3px 10px,rgba(66,165,245,.25) 0 0 10px;background:linear-gradient(rgba(20,40,60,.9),rgba(10,20,30,.95));border:1px solid rgba(66,165,245,.35);}
.leader-card.purple{box-shadow:rgba(255,255,255,.06) 0 1px 0 inset,rgba(0,0,0,.6) 0 3px 10px,rgba(156,39,176,.25) 0 0 10px;background:linear-gradient(rgba(50,20,60,.9),rgba(25,10,30,.95));border:1px solid rgba(156,39,176,.35);}
.leader-card.orange{box-shadow:rgba(255,255,255,.06) 0 1px 0 inset,rgba(0,0,0,.6) 0 3px 10px,rgba(255,112,67,.25) 0 0 10px;background:linear-gradient(rgba(60,30,20,.9),rgba(30,15,10,.95));border:1px solid rgba(255,112,67,.35);}
.leader-title{font-size:13px;font-weight:600;margin:0 0 6px 4px;}
.red-bar{height:3px;box-shadow:rgba(255,0,0,.6) 0 0 6px;background:linear-gradient(to right,rgba(255,0,0,0) 0,#ff2b2b 15%,#f00 50%,#ff2b2b 85%,rgba(255,0,0,0) 100%);}
.green-bar{height:3px;box-shadow:rgba(76,175,80,.6) 0 0 6px;background:linear-gradient(to right,rgba(76,175,80,0) 0,#4caf50 15%,#2e7d32 50%,#4caf50 85%,rgba(76,175,80,0) 100%);}
.blue-bar{height:3px;box-shadow:rgba(66,165,245,.6) 0 0 6px;background:linear-gradient(to right,rgba(66,165,245,0) 0,#42a5f5 15%,#1565c0 50%,#42a5f5 85%,rgba(66,165,245,0) 100%);}
.purple-bar{height:3px;box-shadow:rgba(156,39,176,.6) 0 0 6px;background:linear-gradient(to right,rgba(156,39,176,0) 0,#9c27b0 15%,#6a1b9a 50%,#9c27b0 85%,rgba(156,39,176,0) 100%);}
.orange-bar{height:3px;box-shadow:rgba(255,112,67,.6) 0 0 6px;background:linear-gradient(to right,rgba(255,112,67,0) 0,#ff7043 15%,#e64a19 50%,#ff7043 85%,rgba(255,112,67,0) 100%);}

.leader-row{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;margin:4px 0;background:rgba(255,255,255,.03);border-radius:6px;border:1px solid rgba(255,255,255,.05);position:relative;z-index:2;font-weight:600}
.leader-row a.profilepicture{color:#fff;text-decoration:none;}
.leader-player{display:flex;align-items:center;width:60%;gap:6px;}
.leader-player img{width:24px;height:24px;object-fit:cover;border-radius:50%;border:1px solid rgba(255,255,255,.1);}
.leader-player span{font-size:14px;font-variant: small-caps;}
.leader-value{font-size:14px;font-weight:600;color:#fff;min-width:45px;text-align:right;}
.leader-league img{width:20px;height:20px;opacity:.8;}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:30px 0;}
.stat-card{display:flex;align-items:center;gap:15px;}
.stat-card,.side-card{border:1px solid rgba(255,255,255,.32);}

.card{position:relative;box-shadow:rgba(255,255,255,.12) 0 1px 0 inset,rgba(255,255,255,.05) 0 0 0 1px inset,rgba(0,0,0,.65) 0 6px 18px;transition:.25s;padding:20px;border-radius:10px;background:linear-gradient(rgba(35,35,35,.88),rgba(20,20,20,.88));border:1px solid rgba(255,255,255,.28);overflow:hidden;}
.card::before{content:"";position:absolute;top:0;left:0;width:100%;height:80px;opacity:.6;}
.card::after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:rgba(255,255,255,.35);}


.card.green::before{background:linear-gradient(rgba(76,175,80,.9),rgba(76,175,80,0));}
.card.red::before{background:linear-gradient(rgba(198,40,40,.9),rgba(198,40,40,0));}
.card.blue::before{background:linear-gradient(rgba(66,165,245,.9),rgba(66,165,245,0));}
.card.purple::before{background:linear-gradient(rgba(156,39,176,.9),rgba(156,39,176,0));}
.card.orange::before{background:linear-gradient(rgba(255,112,67,.9),rgba(255,112,67,0));}
.stat-icon img{width:54px;height:54px;}
.stat-text{display:flex;flex-direction:column;width:100%;text-align:center;}
.stat-title{font-size:14px;color:#bbb;}
.stat-number{font-size:32px;font-weight:bold;}
.home .league-card.green::after{background:#4caf50;box-shadow:0 0 8px rgba(76,175,80,.6);}
.home .league-card.blue::after{background:#42a5f5;box-shadow:0 0 8px rgba(66,165,245,.6);}
.home .league-card.purple::after{background:#9c27b0;box-shadow:0 0 8px rgba(156,39,176,.6);}
.home .league-card.orange::after{background:#ff7043;box-shadow:0 0 8px rgba(255,112,67,.6);}
.home .league-card.red::after{background:#ff2b2b;box-shadow:0 0 8px rgba(255,0,0,.6);}
.section-title{font-weight:bold;padding-bottom:6px;text-transform:uppercase;margin:30px 0 15px;border-bottom:1px solid #555;}
.silver-bar{position:relative;height:8px;margin:18px 0;}
.silver-bar::before{content:"";position:absolute;left:0;right:0;top:3px;height:2px;transform:scaleY(1.3);box-shadow:rgba(255,255,255,.35) 0 0 4px,rgba(255,255,255,.15) 0 0 10px;background:linear-gradient(to right,rgba(255,255,255,0) 0,#f5f5f5 10%,#cfcfcf 25%,#8a8a8a 50%,#cfcfcf 75%,#f5f5f5 90%,rgba(255,255,255,0) 100%);border-radius:50%;}
.silver-bar::after{content:"";position:absolute;left:10%;right:10%;top:2px;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.75),transparent);}

.sidebar .card{padding:8px}


.season-tabs-wrapper{text-align:center;margin:10px 0 20px 0;}
.season-tabs-label{font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:6px;}
.season-tabs{display:inline-flex;border-radius:20px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.4);}
.season-tabs a{padding:6px 30px;text-decoration:none;font-size:13px;font-weight:600;transition:all 0.2s ease;border-right:1px solid rgba(0,0,0,0.25);}
.season-tabs a:last-child{border-right:none;}
.season-tabs a:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px;}
.season-tabs a:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px;}
.season-tabs a.active{color:#ffffff;}
.season-tabs a:hover{color:#ffffff;}
.season-tabs-wrapper.green .season-tabs-label{color:#4caf50;}
.season-tabs-wrapper.green .season-tabs a{background:#1b3a1b;color:#b9f6ca;}
.season-tabs-wrapper.green .season-tabs a.active,.season-tabs-wrapper.green .season-tabs a:hover{background:#4caf50;box-shadow:0 0 8px rgba(76,175,80,.6);}
.season-tabs-wrapper.blue .season-tabs-label{color:#42a5f5;}
.season-tabs-wrapper.blue .season-tabs a{background:#162f4a;color:#bbdefb;}
.season-tabs-wrapper.blue .season-tabs a.active,.season-tabs-wrapper.blue .season-tabs a:hover{background:#42a5f5;box-shadow:0 0 8px rgba(66,165,245,.6);}
.season-tabs-wrapper.purple .season-tabs-label{color:#9c27b0;}
.season-tabs-wrapper.purple .season-tabs a{background:#3a1b47;color:#e1bee7;}
.season-tabs-wrapper.purple .season-tabs a.active,.season-tabs-wrapper.purple .season-tabs a:hover{background:#9c27b0;box-shadow:0 0 8px rgba(156,39,176,.6);}
.season-tabs-wrapper.orange .season-tabs-label{color:#ff7043;}
.season-tabs-wrapper.orange .season-tabs a{background:#4a2616;color:#ffe0b2;}
.season-tabs-wrapper.orange .season-tabs a.active,.season-tabs-wrapper.orange .season-tabs a:hover{background:#ff7043;box-shadow:0 0 8px rgba(255,112,67,.6);}
.season-tabs-wrapper.red .season-tabs-label{color:#ff2b2b;}
.season-tabs-wrapper.red .season-tabs a{background:#4a1616;color:#ffcdd2;}
.season-tabs-wrapper.red .season-tabs a.active,.season-tabs-wrapper.red .season-tabs a:hover{background:#ff2b2b;box-shadow:0 0 8px rgba(255,0,0,.6);}
.season-tabs-wrapper.grey .season-tabs-label{color:#d0d0d0;}
.season-tabs-wrapper.grey .season-tabs a{background:#2a2a2a;color:#e0e0e0;}
.season-tabs-wrapper.grey .season-tabs a.active,.season-tabs-wrapper.grey .season-tabs a:hover{background:#6f6f6f;box-shadow:0 0 8px rgba(255,255,255,.25);color:#ffffff;}

.filtertabs{display:flex;gap:30px;}
.filtertabs .leagues{text-transform: uppercase;font-size:0.9em;}
.filtertabs a{padding:6px 16px;}

.inforow{display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 10px;
    border-radius: 8px;
    background: #111827;
    border: 1px solid rgba(255, 255, 255, .05);}


.grid-3{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}


.info-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 18px;
    padding: 12px 0;
    flex-wrap: wrap;
}

.info-pager .pager-btn,
.info-pager .pager-page {
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.18s ease;
}

/* PREV / NEXT */
.info-pager .pager-btn {
    background: linear-gradient(180deg,#1d2d23,#131c17);
    color: #d7dde8;
    padding: 10px 18px;
    border-radius: 10px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 4px 12px rgba(0,0,0,.35);
}

.info-pager .pager-btn:hover:not(.disabled) {
    transform: translateY(-1px);
    background: linear-gradient(180deg,#23402e,#17271f);
    box-shadow:
        0 0 14px rgba(34,197,94,.30),
        0 4px 14px rgba(0,0,0,.45);
}

/* PAGE NUMBERS */
.info-pager .pager-page {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(255,255,255,.04);
    color: #c8d1dc;
    border: 1px solid rgba(255,255,255,.06);
    backdrop-filter: blur(6px);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03),
        0 2px 8px rgba(0,0,0,.25);
    padding:8px 16px;
}

.info-pager .pager-page:hover {
    transform: translateY(-2px);
    background: rgba(34,197,94,.14);
    border-color: rgba(34,197,94,.4);
    color: #fff;
}

/* ACTIVE PAGE */
.info-pager .pager-page.active {
    background: linear-gradient(180deg,#22c55e,#15803d);
    color: #fff;
    border-color: rgba(255,255,255,.08);
    box-shadow:
        0 0 18px rgba(34,197,94,.45),
        0 4px 14px rgba(21,128,61,.45);
}

/* DOTS */
.info-pager .pager-dots {
    color: #7d8794;
    font-weight: 700;
    padding: 0 2px;
}

/* DISABLED */
.info-pager .disabled {
    opacity: .35;
    cursor: default;
    pointer-events: none;
}
.info-pager a {
    text-decoration: none;
}

.loginbar{
  
    
}
.loginbar img.profilepicture{
    width:28px;
    height:28px;
    border-radius:50%;
    object-fit:cover;
    border:2px solid rgba(255,255,255,.25);

    box-shadow:0 0 6px rgba(0,0,0,.6);
}
.superfish{display:none;}
@media(max-width:900px){.matches-wrapper{grid-template-columns:1fr;}}