/* rankings.php — GoldenConquer unified calm style */
:root{
  --z-bg:#0B0B0C;
  --z-panel:rgba(12,11,14,.86);
  --z-panel-2:rgba(18,15,18,.72);
  --z-line:rgba(208,154,85,.18);
  --z-line-2:rgba(208,154,85,.32);
  --z-gold:#D09A55;
  --z-gold-soft:#B8B2AA;
  --z-red:#B67A35;
  --z-text:#B8B2AA;
  --z-muted:rgba(247,239,217,.62);
  --z-dim:rgba(247,239,217,.38);
  --z-radius:28px;
  --z-ease:cubic-bezier(.22,1,.36,1);
}
body{
  background:
    radial-gradient(circle at 50% 0%, rgba(182,122,53,.14), transparent 34%),
    radial-gradient(circle at 60% 30%, rgba(208,154,85,.08), transparent 36%),
    #0B0B0C;
}
.rankings-page{
  position:relative;
  z-index:1;
  padding-top:var(--zcp-page-top-gap);
  color:var(--z-text);
}
.rankings-hero{
  width:min(1180px, calc(100% - 56px));
  margin:0 auto 44px;
  padding:54px 34px 42px;
  text-align:center;
  border:1px solid var(--z-line);
  border-radius:30px;
  background:
    linear-gradient(135deg, rgba(208,154,85,.12), rgba(208,154,85,.07) 58%, rgba(112,69,31,.80)),
    rgba(112,69,31,.82);
  box-shadow:0 32px 90px rgba(0,0,0,.45);
  overflow:hidden;
  position:relative;
}
.rankings-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.045), transparent);
  opacity:.55;
  pointer-events:none;
}
.rankings-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 17px;
  border:1px solid var(--z-line-2);
  border-radius:999px;
  background:rgba(208,154,85,.075);
  font-family:'Cinzel',serif;
  font-size:11px;
  font-weight:800;
  letter-spacing:3px;
  text-transform:uppercase;
  color:var(--z-gold);
  margin-bottom:20px;
}
.rankings-badge-icon{width:22px;height:22px;display:inline-grid;place-items:center}
.rankings-badge svg{width:17px;height:17px}
.rankings-hero h1{
  margin:0;
  font-family:'Cinzel',serif;
  font-weight:900;
  font-size:clamp(42px, 6vw, 78px);
  line-height:.95;
  letter-spacing:.03em;
  color:var(--z-gold-soft);
  text-shadow:0 10px 34px rgba(0,0,0,.5);
}
.rankings-hero p{
  max-width:760px;
  margin:20px auto 0;
  color:var(--z-muted);
  font-family:'Rajdhani',sans-serif;
  font-size:18px;
  line-height:1.55;
  font-weight:600;
}
.rankings-hero-stats{
  margin:30px auto 0;
  display:grid;
  grid-template-columns:repeat(3, minmax(150px, 1fr));
  gap:12px;
  max-width:760px;
}
.rankings-hero-stats div{
  padding:15px 14px;
  border:1px solid rgba(208,154,85,.16);
  border-radius:17px;
  background:rgba(0,0,0,.22);
  min-width:0;
}
.rankings-hero-stats strong{
  display:block;
  font-family:'Cinzel',serif;
  font-size:clamp(19px,2.2vw,26px);
  color:var(--z-gold);
  line-height:1.05;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.rankings-hero-stats span{
  display:block;
  margin-top:7px;
  font-family:'Cinzel',serif;
  font-size:9px;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:var(--z-dim);
}
.rankings-shell{
  width:min(1180px, calc(100% - 56px));
  margin:0 auto 90px;
  display:grid;
  gap:24px;
}
.rankings-panel{
  border:1px solid var(--z-line);
  border-radius:var(--z-radius);
  background:linear-gradient(145deg, rgba(112,69,31,.82), rgba(112,69,31,.88));
  box-shadow:0 24px 80px rgba(0,0,0,.35);
  padding:24px;
}
.rankings-section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:20px;
  padding-bottom:20px;
  border-bottom:1px solid var(--z-line);
  margin-bottom:22px;
}
.rankings-section-head span{
  display:block;
  font-family:'Cinzel',serif;
  font-size:10px;
  letter-spacing:3px;
  color:var(--z-gold);
  text-transform:uppercase;
  font-weight:800;
}
.rankings-section-head h2{
  margin:6px 0 0;
  font-family:'Cinzel',serif;
  color:var(--z-text);
  font-size:30px;
  line-height:1;
}
.rankings-section-head em{
  font-style:normal;
  font-family:'Rajdhani',sans-serif;
  color:var(--z-muted);
  font-weight:700;
  white-space:nowrap;
}
.rankings-podium{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  align-items:end;
}
.rankings-podium-card{
  min-height:310px;
  padding:24px 18px;
  border:1px solid rgba(208,154,85,.14);
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), transparent 34%),
    radial-gradient(circle at 50% 0%, rgba(208,154,85,.10), transparent 46%),
    rgba(0,0,0,.20);
  text-align:center;
  transition:transform .25s var(--z-ease), border-color .25s var(--z-ease), background .25s var(--z-ease);
  position:relative;
  overflow:hidden;
}
.rankings-podium-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:2px;
  background:linear-gradient(90deg, var(--z-red), var(--z-gold), transparent);
  opacity:.55;
}
.rankings-podium-card:hover{
  transform:translateY(-4px);
  border-color:rgba(208,154,85,.32);
  background:
    linear-gradient(180deg, rgba(208,154,85,.06), transparent 34%),
    radial-gradient(circle at 50% 0%, rgba(208,154,85,.13), transparent 46%),
    rgba(0,0,0,.24);
}
.rankings-pod-1{
  min-height:340px;
  border-color:rgba(208,154,85,.30);
  transform:translateY(-10px);
}
.rankings-pod-medal{
  width:52px;
  height:52px;
  margin:0 auto 12px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:#0B0B0C;
  background:linear-gradient(135deg,#B8B2AA,#D09A55 48%,#B67A35);
  font-family:'Cinzel',serif;
  font-weight:900;
  font-size:18px;
  box-shadow:0 0 28px rgba(208,154,85,.18);
}
.rankings-pod-2 .rankings-pod-medal{background:linear-gradient(135deg,#f6f6f6,#aaa 60%,#555)}
.rankings-pod-3 .rankings-pod-medal{background:linear-gradient(135deg,#D09A55,#B67A35)}
.rankings-pod-role{
  color:var(--z-gold);
  font-family:'Cinzel',serif;
  font-size:9px;
  font-weight:800;
  letter-spacing:2px;
  text-transform:uppercase;
  opacity:.8;
}
.rankings-pod-avatar{
  width:76px;
  height:76px;
  margin:16px auto 12px;
  border-radius:22px;
  display:grid;
  place-items:center;
  color:var(--z-gold);
  font-family:'Cinzel',serif;
  font-weight:900;
  font-size:24px;
  border:1px solid rgba(208,154,85,.22);
  background:linear-gradient(135deg,rgba(208,154,85,.13),rgba(208,154,85,.05));
  overflow:hidden;
}
.rankings-pod-1 .rankings-pod-avatar{width:86px;height:86px}
.rankings-pod-avatar img,
.rankings-player-face img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.rankings-podium-card h3{
  margin:0 0 8px;
  color:var(--z-text);
  font-family:'Cinzel',serif;
  font-size:22px;
  line-height:1.1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rankings-pod-class{margin-bottom:14px}
.rankings-pod-stats{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:8px;
  margin-top:16px;
}
.rankings-pod-stats span{
  display:block;
  padding:10px 8px;
  border:1px solid rgba(208,154,85,.11);
  border-radius:14px;
  background:rgba(0,0,0,.20);
}
.rankings-pod-stats strong{
  display:block;
  color:var(--z-gold);
  font-family:'Cinzel',serif;
  font-size:18px;
}
.rankings-pod-stats em{
  display:block;
  margin-top:4px;
  color:var(--z-dim);
  font-family:'Cinzel',serif;
  font-style:normal;
  font-size:8px;
  letter-spacing:1.7px;
  text-transform:uppercase;
}
.rankings-filter-form{
  display:grid;
  grid-template-columns:minmax(240px, 1fr) 220px auto auto;
  gap:12px;
  align-items:center;
  margin-bottom:18px;
}
.rankings-search-box{position:relative;min-width:0}
.rankings-search-box span{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:var(--z-dim);
  pointer-events:none;
}
.rankings-search-box svg{width:17px;height:17px}
.rankings-search-box input,
.rankings-select-box select{
  width:100%;
  min-height:46px;
  border:1px solid rgba(208,154,85,.16);
  border-radius:15px;
  background:rgba(0,0,0,.24);
  color:var(--z-text);
  font-family:'Rajdhani',sans-serif;
  font-size:16px;
  font-weight:700;
  outline:none;
  transition:border-color .2s var(--z-ease), box-shadow .2s var(--z-ease), background .2s var(--z-ease);
}
.rankings-search-box input{padding:0 16px 0 44px}
.rankings-search-box input::placeholder{color:var(--z-dim)}
.rankings-select-box select{
  padding:0 42px 0 15px;
  appearance:none;
  cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e7ba4f' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:16px;
}
.rankings-select-box select option{background:#101012;color:#ffffff}
.rankings-search-box input:focus,
.rankings-select-box select:focus{
  border-color:rgba(208,154,85,.38);
  background:rgba(208,154,85,.045);
  box-shadow:0 0 0 3px rgba(208,154,85,.06);
}
.rankings-btn-search,
.rankings-btn-clear{
  min-height:46px;
  padding:0 22px;
  border-radius:15px;
  border:1px solid rgba(208,154,85,.22);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-family:'Cinzel',serif;
  font-size:10px;
  font-weight:900;
  letter-spacing:2px;
  text-transform:uppercase;
  cursor:pointer;
  transition:transform .2s var(--z-ease), border-color .2s var(--z-ease), background .2s var(--z-ease);
}
.rankings-btn-search{
  color:#141416;
  background:linear-gradient(135deg,#B8B2AA,#D09A55 54%,#B67A35);
  box-shadow:0 14px 30px rgba(208,154,85,.12);
}
.rankings-btn-clear{color:var(--z-muted);background:rgba(0,0,0,.18)}
.rankings-btn-search:hover,
.rankings-btn-clear:hover{transform:translateY(-2px);border-color:rgba(208,154,85,.38)}
.rankings-results-note{
  margin-bottom:16px;
  color:var(--z-muted);
  font-family:'Rajdhani',sans-serif;
  font-size:15px;
  font-weight:700;
}
.rankings-results-note strong{color:var(--z-gold);font-family:'Cinzel',serif;font-size:13px}
.rankings-table-wrap{
  overflow-x:auto;
  border:1px solid rgba(208,154,85,.12);
  border-radius:22px;
  background:rgba(0,0,0,.18);
}
.rankings-table-wrap::-webkit-scrollbar{height:8px}
.rankings-table-wrap::-webkit-scrollbar-track{background:rgba(255,255,255,.035);border-radius:999px}
.rankings-table-wrap::-webkit-scrollbar-thumb{background:linear-gradient(90deg,rgba(208,154,85,.75),rgba(208,154,85,.8));border-radius:999px}
.rankings-table{
  width:100%;
  min-width:1080px;
  border-collapse:collapse;
  table-layout:fixed;
}
.rankings-table th{
  padding:15px 12px;
  border-bottom:1px solid rgba(208,154,85,.13);
  background:rgba(208,154,85,.025);
  color:var(--z-dim);
  text-align:left;
  font-family:'Cinzel',serif;
  font-size:9px;
  font-weight:900;
  letter-spacing:2.1px;
  text-transform:uppercase;
  white-space:nowrap;
}
.rankings-table td{
  padding:13px 12px;
  border-bottom:1px solid rgba(208,154,85,.06);
  color:var(--z-muted);
  font-family:'Rajdhani',sans-serif;
  font-size:15px;
  font-weight:700;
  vertical-align:middle;
  white-space:nowrap;
}
.rankings-table tbody tr{transition:background .2s var(--z-ease)}
.rankings-table tbody tr:hover{background:rgba(208,154,85,.045)}
.rankings-table tbody tr:last-child td{border-bottom:none}
.rankings-table th:nth-child(1),.rankings-table td:nth-child(1){width:72px}
.rankings-table th:nth-child(2),.rankings-table td:nth-child(2){width:245px}
.rankings-table th:nth-child(3),.rankings-table td:nth-child(3){width:88px}
.rankings-table th:nth-child(4),.rankings-table td:nth-child(4){width:92px}
.rankings-table th:nth-child(5),.rankings-table td:nth-child(5){width:150px}
.rankings-table th:nth-child(6),.rankings-table td:nth-child(6){width:128px}
.rankings-table th:nth-child(7),.rankings-table td:nth-child(7){width:128px}
.rankings-table th:nth-child(8),.rankings-table td:nth-child(8){width:92px}
.rankings-table th:nth-child(9),.rankings-table td:nth-child(9){width:130px}
.center{text-align:center!important}.right{text-align:right!important}
.rankings-rank{
  width:40px;
  height:40px;
  display:inline-grid;
  place-items:center;
  border-radius:13px;
  font-family:'Cinzel',serif;
  font-weight:900;
  font-size:12px;
  border:1px solid rgba(208,154,85,.12);
  color:var(--z-muted);
  background:rgba(255,255,255,.035);
}
.rankings-rank.rank-1{color:#141416;background:linear-gradient(135deg,#B8B2AA,#D09A55 54%,#B67A35);box-shadow:0 0 22px rgba(208,154,85,.16)}
.rankings-rank.rank-2{color:#0e0e0e;background:linear-gradient(135deg,#f5f5f5,#aaa 60%,#555)}
.rankings-rank.rank-3{color:#141416;background:linear-gradient(135deg,#D09A55,#B67A35)}
.rankings-player-cell{display:flex;align-items:center;gap:12px;min-width:0}
.rankings-player-face{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(208,154,85,.16);
  background:linear-gradient(135deg,rgba(208,154,85,.10),rgba(208,154,85,.045));
  color:var(--z-gold);
  font-family:'Cinzel',serif;
  font-size:15px;
  font-weight:900;
}
.rankings-player-info{min-width:0}
.rankings-player-info strong{
  display:block;
  max-width:155px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--z-text);
  font-family:'Cinzel',serif;
  font-size:13px;
  line-height:1.2;
}
.rankings-player-info span{
  display:block;
  margin-top:3px;
  color:var(--z-dim);
  font-family:'Cinzel',serif;
  font-size:9px;
  letter-spacing:1.2px;
}
.rankings-number{
  color:var(--z-gold);
  font-family:'Cinzel',serif;
  font-size:13px;
}
.rankings-class-badge{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  max-width:132px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:5px 11px;
  border-radius:999px;
  font-family:'Cinzel',serif;
  font-size:8px;
  font-weight:900;
  letter-spacing:1.25px;
  text-transform:uppercase;
  border:1px solid rgba(208,154,85,.14);
  color:var(--z-gold);
  background:rgba(208,154,85,.055);
}
.cb-warrior,.cb-warrior-master{border-color:rgba(208,154,85,.24);color:#D09A55;background:rgba(208,154,85,.08)}
.cb-trojan,.cb-trojan-master{border-color:rgba(208,154,85,.24);color:#D09A55;background:rgba(208,154,85,.08)}
.cb-archer,.cb-archer-master{border-color:rgba(110,255,158,.24);color:#6eff9e;background:rgba(110,255,158,.08)}
.cb-ninja,.cb-ninja-master,.cb-flying-dragon{border-color:rgba(212,164,102,.24);color:#D4A466;background:rgba(212,164,102,.08)}
.cb-taoist,.cb-water-master{border-color:rgba(208,154,85,.24);color:#D09A55;background:rgba(208,154,85,.08)}
.cb-monk{border-color:rgba(208,154,85,.24);color:#D09A55;background:rgba(208,154,85,.08)}
.cb-fire-master{border-color:rgba(208,154,85,.24);color:#D09A55;background:rgba(208,154,85,.08)}
.cb-pirate{border-color:rgba(201,148,88,.24);color:#C99458;background:rgba(201,148,88,.08)}
.rankings-pill{
  width:100%;
  max-width:96px;
  margin-inline:auto;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:6px 8px;
  border-radius:999px;
  border:1px solid rgba(208,154,85,.11);
  background:rgba(255,255,255,.028);
  color:var(--z-dim);
  font-family:'Cinzel',serif;
  font-size:8px;
  font-weight:900;
  letter-spacing:1.1px;
  text-transform:uppercase;
}
.rankings-pill.is-active{
  color:var(--z-gold);
  border-color:rgba(208,154,85,.25);
  background:linear-gradient(135deg,rgba(208,154,85,.12),rgba(208,154,85,.045));
}
.rankings-empty{
  padding:70px 20px;
  text-align:center;
  color:var(--z-muted);
}
.rankings-empty-icon{
  width:58px;
  height:58px;
  margin:0 auto 18px;
  display:grid;
  place-items:center;
  border:1px solid var(--z-line);
  border-radius:18px;
  color:var(--z-gold);
  background:rgba(208,154,85,.06);
}
.rankings-empty-icon svg{width:28px;height:28px}
.rankings-empty h3{margin:0 0 8px;color:var(--z-text);font-family:'Cinzel',serif;font-size:22px}
.rankings-empty p{margin:0;font-family:'Rajdhani',sans-serif;font-size:16px;font-weight:700;color:var(--z-muted)}
.rankings-pagination{
  margin-top:22px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.rankings-pagination a,
.rankings-pagination span{
  min-width:40px;
  height:40px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(208,154,85,.16);
  border-radius:13px;
  background:rgba(0,0,0,.18);
  color:var(--z-muted);
  text-decoration:none;
  font-family:'Cinzel',serif;
  font-size:11px;
  font-weight:900;
  transition:all .2s var(--z-ease);
}
.rankings-pagination a:hover,
.rankings-pagination .active{
  color:#141416;
  border-color:rgba(208,154,85,.34);
  background:linear-gradient(135deg,#B8B2AA,#D09A55 54%,#B67A35);
}
@media(max-width:980px){
  .rankings-page{padding-top:var(--zcp-page-top-gap-mobile)}
  .rankings-podium{grid-template-columns:1fr;max-width:430px;margin-inline:auto}
  .rankings-pod-1{transform:none;min-height:310px}
  .rankings-podium-card{min-height:0}
  .rankings-filter-form{grid-template-columns:1fr;gap:10px}
  .rankings-btn-search,.rankings-btn-clear{width:100%}
}
@media(max-width:720px){
  .rankings-hero,.rankings-shell{width:min(100% - 28px, 1180px)}
  .rankings-hero{padding:40px 18px 32px;border-radius:24px}
  .rankings-hero-stats{grid-template-columns:1fr}
  .rankings-panel{padding:18px;border-radius:22px}
  .rankings-section-head{align-items:flex-start;flex-direction:column}
  .rankings-section-head h2{font-size:25px}
  .rankings-table{min-width:1040px}
}


/* ================================================================
   GoldenConquer warm dark final pass — Rankings
   Dark charcoal surfaces + bronze accents only.
================================================================ */
body.page-style-rankings,
body[data-page-style="rankings"]{
  background:
    radial-gradient(circle at 50% 0%, rgba(208,154,85,.10), transparent 32%),
    radial-gradient(circle at 14% 18%, rgba(182,122,53,.055), transparent 26%),
    linear-gradient(180deg,#09090a 0%,#0b0b0c 52%,#09090a 100%) !important;
}
.rankings-page{
  --z-text:#ffffff !important;
  --z-muted:rgba(255,255,255,.72) !important;
  --z-dim:rgba(255,255,255,.46) !important;
  --z-gold:#d09a55 !important;
  --z-gold-soft:#ffffff !important;
  --z-red:#b67a35 !important;
  --z-line:rgba(208,154,85,.14) !important;
  --z-line-2:rgba(208,154,85,.26) !important;
  color:#ffffff !important;
  background:transparent !important;
}
.rankings-page::before{
  background:
    linear-gradient(90deg,rgba(208,154,85,.035),transparent 28%,transparent 72%,rgba(208,154,85,.025)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.010) 0 1px,transparent 1px 150px) !important;
  opacity:.34 !important;
}
.rankings-hero,
.rankings-panel,
.rankings-podium-card,
.rankings-table-wrap,
.rankings-empty{
  border-color:rgba(208,154,85,.15) !important;
  background:
    linear-gradient(160deg,rgba(208,154,85,.045),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008)),
    rgba(15,15,17,.96) !important;
  box-shadow:0 24px 72px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.rankings-hero{
  background:
    radial-gradient(circle at 84% 16%,rgba(208,154,85,.065),transparent 31%),
    linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.006)),
    rgba(14,14,16,.97) !important;
}
.rankings-hero::before{background:linear-gradient(90deg,transparent,rgba(208,154,85,.08),transparent) !important;opacity:.34 !important;}
.rankings-badge,
.rankings-hero-stats div,
.rankings-pod-stats span,
.rankings-pod-avatar,
.rankings-player-face,
.rankings-rank,
.rankings-pill,
.rankings-class-badge,
.rankings-empty-icon,
.rankings-search-box input,
.rankings-select-box select,
.rankings-pagination a,
.rankings-pagination span{
  border-color:rgba(208,154,85,.16) !important;
  background:rgba(255,255,255,.025) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.rankings-search-box input,
.rankings-select-box select,
.rankings-select-box select option{
  color:#ffffff !important;
  background-color:#101012 !important;
}
.rankings-search-box input:focus,
.rankings-select-box select:focus{
  border-color:rgba(208,154,85,.42) !important;
  background:#101012 !important;
  box-shadow:0 0 0 4px rgba(182,122,53,.10) !important;
}
.rankings-select-box select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D09A55' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
}
.rankings-badge,
.rankings-section-head span,
.rankings-results-note strong,
.rankings-pod-role,
.rankings-hero-stats strong,
.rankings-pod-stats strong,
.rankings-number,
.rankings-pill.is-active,
.rankings-empty-icon{
  color:#d09a55 !important;
}
.rankings-hero h1,
.rankings-section-head h2,
.rankings-podium-card h3,
.rankings-empty h3,
.rankings-player-info strong,
.rankings-table th,
.rankings-table td,
.rankings-board,
.rankings-board *{
  color:#ffffff !important;
  text-shadow:none !important;
}
.rankings-hero p,
.rankings-section-head em,
.rankings-results-note,
.rankings-empty p,
.rankings-player-info span,
.rankings-table td small,
.rankings-pod-stats em{
  color:rgba(255,255,255,.70) !important;
}
.rankings-podium-card::before{
  background:linear-gradient(90deg,rgba(208,154,85,.70),rgba(255,255,255,.08),transparent) !important;
}
.rankings-podium-card:hover,
.rankings-table tbody tr:hover{
  background:
    linear-gradient(160deg,rgba(208,154,85,.055),transparent 32%),
    rgba(17,17,19,.98) !important;
  border-color:rgba(208,154,85,.24) !important;
}
.rankings-pod-medal,
.rankings-pod-2 .rankings-pod-medal,
.rankings-pod-3 .rankings-pod-medal,
.rankings-rank.rank-1,
.rankings-rank.rank-2,
.rankings-rank.rank-3{
  color:#ffffff !important;
  border:1px solid rgba(208,154,85,.22) !important;
  background:linear-gradient(180deg,#d09a55 0%,#b67a35 100%) !important;
  box-shadow:0 12px 26px rgba(182,122,53,.20),inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.rankings-class-badge,
.cb-warrior,.cb-warrior-master,
.cb-trojan,.cb-trojan-master,
.cb-archer,.cb-archer-master,
.cb-ninja,.cb-ninja-master,.cb-flying-dragon,
.cb-taoist,.cb-water-master,
.cb-monk,.cb-fire-master,.cb-pirate{
  color:#d09a55 !important;
  border-color:rgba(208,154,85,.16) !important;
  background:rgba(208,154,85,.045) !important;
}
.rankings-btn-search,
.rankings-btn-clear,
.rankings-pagination a:hover,
.rankings-pagination .active{
  color:#ffffff !important;
  border-color:rgba(208,154,85,.28) !important;
  background:linear-gradient(180deg,#d09a55 0%,#b67a35 100%) !important;
  box-shadow:0 14px 30px rgba(182,122,53,.22),inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.rankings-btn-clear{
  background:rgba(208,154,85,.055) !important;
  box-shadow:none !important;
}


/* ================================================================
   RANKINGS FILTER — force one dropdown arrow only
================================================================ */
.rankings-select-box select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D09A55' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 16px 16px !important;

    padding-right: 42px !important;
}


/* ================================================================
   RANKINGS TABLE — fit columns better so Nobility shows
   - pulls Level/Reborn/Perfection slightly to the left
   - removes the need for horizontal scroll on normal desktop widths
================================================================ */
.rankings-table{
  min-width:980px !important;
}

.rankings-table th,
.rankings-table td{
  padding-left:10px !important;
  padding-right:10px !important;
}

.rankings-table th:nth-child(1), .rankings-table td:nth-child(1){width:58px !important}
.rankings-table th:nth-child(2), .rankings-table td:nth-child(2){width:190px !important}
.rankings-table th:nth-child(3), .rankings-table td:nth-child(3){width:74px !important}
.rankings-table th:nth-child(4), .rankings-table td:nth-child(4){width:76px !important}
.rankings-table th:nth-child(5), .rankings-table td:nth-child(5){width:98px !important}
.rankings-table th:nth-child(6), .rankings-table td:nth-child(6){width:122px !important}
.rankings-table th:nth-child(7), .rankings-table td:nth-child(7){width:100px !important}
.rankings-table th:nth-child(8), .rankings-table td:nth-child(8){width:84px !important}
.rankings-table th:nth-child(9), .rankings-table td:nth-child(9){width:80px !important}
.rankings-table th:nth-child(10), .rankings-table td:nth-child(10){width:88px !important}

.rankings-player-cell{
  gap:10px !important;
}

.rankings-player-face{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  flex:0 0 38px !important;
}

.rankings-player-info strong{
  font-size:14px !important;
}

.rankings-class-badge{
  max-width:118px !important;
  padding:5px 9px !important;
  font-size:7px !important;
  letter-spacing:1px !important;
}

.rankings-pill{
  max-width:84px !important;
  padding:6px 6px !important;
  font-size:7px !important;
  letter-spacing:1px !important;
}


/* ================================================================
   RANKINGS — clearer compact font for readability
   Keeps the big decorative headings unchanged.
================================================================ */
.rankings-filter-form,
.rankings-search-box input,
.rankings-select-box select,
.rankings-btn-search,
.rankings-btn-clear,
.rankings-results-note,
.rankings-table,
.rankings-table th,
.rankings-table td,
.rankings-player-info strong,
.rankings-number,
.rankings-class-badge,
.rankings-pill {
    font-family: Tahoma, "Arial Narrow", Arial, sans-serif !important;
}

/* Make the table text cleaner and easier to scan */
.rankings-table th {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .6px !important;
}

.rankings-table td {
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

.rankings-player-info strong {
    font-size: 14px !important;
    font-weight: 700 !important;
}

.rankings-number {
    font-size: 14px !important;
    font-weight: 700 !important;
}

.rankings-class-badge,
.rankings-pill {
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: .4px !important;
}

.rankings-search-box input,
.rankings-select-box select {
    font-size: 15px !important;
    font-weight: 600 !important;
}