:root{
  --gdc-rank-red:#d71920;
  --gdc-rank-bg:#0b0c0e;
  --gdc-rank-panel:#111317;
  --gdc-rank-panel2:#17191d;
  --gdc-rank-line:#2a2e34;
  --gdc-rank-text:#f4f4f5;
  --gdc-rank-muted:#979da6;
}

.gdc-rankings-page .article-wrap{
  max-width:1240px;
}
.gdc-rankings-page .article-content{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:1rem;
  line-height:1.55;
}

.gdc-rankings-app{
  color:var(--gdc-rank-text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  margin-top:8px;
}

.gdc-rankings-intro{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  padding:24px 26px;
  border:1px solid var(--gdc-rank-line);
  border-radius:16px;
  background:
    radial-gradient(circle at 88% 18%,rgba(215,25,32,.22),transparent 34%),
    linear-gradient(135deg,#181b20,#0c0d0f);
}
.gdc-rankings-eyebrow,
.gdc-rankings-source{
  color:var(--gdc-rank-red);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.gdc-rankings-intro h2{
  margin:5px 0 7px;
  color:#fff;
  font-size:clamp(1.75rem,4vw,3rem);
  line-height:1;
  letter-spacing:-.04em;
}
.gdc-rankings-intro p{
  max-width:700px;
  margin:0;
  color:#b8bdc5;
  font-size:.95rem;
}
.gdc-rankings-season{
  flex:none;
  padding:8px 11px;
  border:1px solid #444951;
  border-radius:999px;
  color:#e1e3e6;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.06em;
}

.gdc-rankings-notice{
  margin:16px 0;
  padding:12px 14px;
  border:1px solid #62452b;
  border-radius:9px;
  background:#251b12;
  color:#efd1ac;
  font-size:.88rem;
}

.gdc-rankings-tabs{
  position:sticky;
  top:78px;
  z-index:20;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin:22px 0 0;
  padding:5px;
  border:1px solid var(--gdc-rank-line);
  border-radius:12px;
  background:rgba(13,14,16,.96);
  backdrop-filter:blur(10px);
}
.gdc-rankings-tab{
  appearance:none;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#9da3ac;
  cursor:pointer;
  padding:12px 14px;
  font:inherit;
  font-size:.83rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.035em;
  transition:.18s ease;
}
.gdc-rankings-tab:hover{
  color:#fff;
  background:#181a1e;
}
.gdc-rankings-tab.is-active{
  color:#fff;
  background:var(--gdc-rank-red);
}
.gdc-rankings-tab span{
  font-weight:950;
}

.gdc-rankings-panel{
  margin-top:14px;
  overflow:hidden;
  border:1px solid var(--gdc-rank-line);
  border-radius:14px;
  background:var(--gdc-rank-panel);
}
.gdc-rankings-panel[hidden]{
  display:none !important;
}
.gdc-rankings-panel-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  padding:20px 22px;
  border-bottom:1px solid var(--gdc-rank-line);
  background:linear-gradient(180deg,#17191d,#121417);
}
.gdc-rankings-panel-head h3{
  margin:4px 0 0;
  color:#fff;
  font-size:1.35rem;
  line-height:1.08;
  letter-spacing:-.025em;
}
.gdc-rankings-update{
  flex:none;
  text-align:right;
}
.gdc-rankings-update strong,
.gdc-rankings-update span{
  display:block;
}
.gdc-rankings-update strong{
  color:#fff;
  font-size:.84rem;
}
.gdc-rankings-update span{
  color:var(--gdc-rank-muted);
  font-size:.72rem;
  margin-top:2px;
}

.gdc-rankings-table-wrap{
  overflow-x:auto;
}
.gdc-rankings-table{
  width:100%;
  margin:0 !important;
  border-collapse:collapse;
  color:var(--gdc-rank-text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:.91rem;
}
.gdc-rankings-table thead{
  background:#0e1013;
}
.gdc-rankings-table th{
  padding:10px 15px;
  border:0 !important;
  color:#7f8791;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.11em;
  text-align:left;
}
.gdc-rankings-table td{
  padding:13px 15px;
  border:0 !important;
  border-top:1px solid #25282d !important;
  vertical-align:middle;
}
.gdc-rankings-table tbody tr{
  background:#111317;
  transition:background .14s ease;
}
.gdc-rankings-table tbody tr:nth-child(even){
  background:#14161a;
}
.gdc-rankings-table tbody tr:hover{
  background:#1a1d22;
}
.gdc-rank-number{
  width:64px;
}
.gdc-rank-number span{
  display:inline-flex;
  width:34px;
  height:34px;
  align-items:center;
  justify-content:center;
  border:1px solid #34383f;
  border-radius:8px;
  background:#0b0c0e;
  color:#fff;
  font-size:.95rem;
  font-weight:950;
}
.gdc-rankings-table tbody tr:nth-child(-n+4) .gdc-rank-number span{
  border-color:var(--gdc-rank-red);
  background:rgba(215,25,32,.12);
}
.gdc-team-cell strong{
  color:#fff;
  font-size:.97rem;
  font-weight:800;
}
.gdc-col-record,
.gdc-col-conf,
.gdc-col-points,
.gdc-col-votes{
  color:#b7bcc4;
}
.gdc-mobile-meta{
  display:none;
  margin-top:2px;
  color:#89909a;
  font-size:.73rem;
  font-weight:500;
}

.gdc-rankings-empty{
  padding:42px 24px;
  color:#a8adb5;
  text-align:center;
}
.gdc-rankings-empty strong{
  color:#fff;
}
.gdc-rankings-footer{
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding:13px 4px 0;
  color:#727983;
  font-size:.72rem;
}

@media(max-width:980px){
  .gdc-rankings-tabs{top:72px}
}
@media(max-width:720px){
  .gdc-rankings-page .article-wrap{
    padding-top:28px;
  }
  .gdc-rankings-intro{
    align-items:flex-start;
    flex-direction:column;
    padding:20px;
  }
  .gdc-rankings-tabs{
    top:70px;
    grid-template-columns:1fr;
    gap:3px;
  }
  .gdc-rankings-tab{
    padding:10px 12px;
  }
  .gdc-rankings-panel-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .gdc-rankings-update{
    text-align:left;
  }
  .gdc-col-record,
  .gdc-col-conf,
  .gdc-col-points,
  .gdc-col-votes{
    display:none;
  }
  .gdc-mobile-meta{
    display:block;
  }
  .gdc-rankings-table th,
  .gdc-rankings-table td{
    padding:12px 10px;
  }
  .gdc-rank-number{
    width:52px;
  }
  .gdc-rankings-footer{
    flex-direction:column;
    gap:4px;
  }
}