/* LUG Perfect World - classic ranking skin */
:root{
  --bg:#0b111a!important;
  --panel:rgba(255,255,255,.96)!important;
  --line:rgba(39,73,116,.20)!important;
  --gold:#b98225!important;
  --gold2:#d6a84d!important;
  --cyan:#2f6f9f!important;
  --text:#1e293b!important;
  --muted:#64748b!important;
}
body{
  color:var(--text)!important;
  background:#101822!important;
  font-family:Georgia,'Times New Roman',serif!important;
}
body:before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-3!important;
  background:
    linear-gradient(90deg,rgba(9,16,28,.84),rgba(245,248,252,.76) 50%,rgba(9,16,28,.84)),
    url('/themes/Mar-em-Furia/images/fundo.jpg') center top/cover fixed no-repeat!important;
  opacity:1!important;
  filter:none!important;
}
body:after{
  background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(8,14,25,.36))!important;
}
.rank-bg-video,.vortex-audio-floating{display:none!important}
.rank-hero{
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid rgba(39,73,116,.18)!important;
  box-shadow:0 12px 32px rgba(15,23,42,.10)!important;
}
.rank-brand span,.rank-title h1,.pag{
  color:#17324f!important;
  text-shadow:none!important;
}
.rank-brand img{width:72px!important;height:72px!important;object-fit:contain!important;filter:drop-shadow(0 8px 18px rgba(15,23,42,.16))!important}
.rank-hero nav a{
  color:#23344d!important;
  border-radius:8px!important;
}
.rank-hero nav a:hover{
  color:#10243c!important;
  background:linear-gradient(90deg,rgba(47,111,159,.13),rgba(184,130,37,.08))!important;
  border-color:rgba(47,111,159,.20)!important;
}
.rank-main{max-width:1220px!important}
.rank-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(239,245,251,.97))!important;
  color:#1e293b!important;
  border:1px solid rgba(39,73,116,.18)!important;
  border-radius:12px!important;
  box-shadow:0 18px 50px rgba(15,23,42,.14)!important;
}
.rank-title span{
  color:#8a6423!important;
  background:rgba(184,130,37,.10)!important;
  border-color:rgba(184,130,37,.22)!important;
}
.topo,.filtros{
  background:#fff!important;
  color:#1e293b!important;
  border:1px solid rgba(39,73,116,.16)!important;
  border-radius:10px!important;
}
.att_1,.att_2{color:#64748b!important}
input,select,button{
  background:#fff!important;
  color:#1e293b!important;
  border:1px solid rgba(39,73,116,.20)!important;
  border-radius:8px!important;
}
button,.btn,.btn-rank{
  background:linear-gradient(180deg,#2f6f9f,#1e4f76)!important;
  color:#fff!important;
  border-color:rgba(23,50,79,.22)!important;
}
.rank-main table{
  border-collapse:separate!important;
  border-spacing:0 8px!important;
}
.rank-main th{
  color:#17324f!important;
  background:#eef4fa!important;
}
.rank-main td{
  color:#1e293b!important;
  background:#fff!important;
  border-top:1px solid rgba(39,73,116,.12)!important;
  border-bottom:1px solid rgba(39,73,116,.12)!important;
}
.rank-main tr td:first-child,.rank-main tr th:first-child{border-left:1px solid rgba(39,73,116,.12)!important;border-radius:8px 0 0 8px!important}
.rank-main tr td:last-child,.rank-main tr th:last-child{border-right:1px solid rgba(39,73,116,.12)!important;border-radius:0 8px 8px 0!important}
.rank-main tr:hover td{background:#f4f8fc!important;box-shadow:none!important}
.rank-main a{color:#1e5f91!important}
.place-1st td{background:linear-gradient(90deg,rgba(214,168,77,.22),#fff)!important}
.place-2st td{background:linear-gradient(90deg,rgba(148,163,184,.18),#fff)!important}
.place-3st td{background:linear-gradient(90deg,rgba(180,112,55,.16),#fff)!important}
.rank-footer{
  background:rgba(255,255,255,.94)!important;
  color:#64748b!important;
  border-top:1px solid rgba(39,73,116,.18)!important;
}

/* Logo oficial Perfect World */
.rank-brand img{
  width:142px!important;
  height:auto!important;
  max-height:116px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 22px rgba(15,23,42,.20))!important;
}
.rank-brand span{
  font-size:22px!important;
}
@media(max-width:760px){
  .rank-brand img{width:112px!important}
}

/* Logo oficial Perfect World */
.rank-brand img{
  width:142px!important;
  height:auto!important;
  max-height:116px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 22px rgba(15,23,42,.20))!important;
}
.rank-brand span{
  font-size:22px!important;
}
@media(max-width:760px){
  .rank-brand img{width:112px!important}
}

/* FINAL CLASSIC RANKING RESET */
body{
  background:#111827!important;
  color:#243244!important;
}
body:before{
  background:
    linear-gradient(90deg,rgba(7,13,24,.82),rgba(238,244,250,.84) 50%,rgba(7,13,24,.82)),
    url('/themes/Mar-em-Furia/images/fundo.jpg') center top/cover fixed no-repeat!important;
  opacity:1!important;
  filter:none!important;
}
.rank-hero{
  background:rgba(255,255,255,.94)!important;
  color:#17324f!important;
}
.rank-panel,
.topo,
.filtros{
  background:linear-gradient(180deg,#ffffff,#f0f5fa)!important;
  color:#243244!important;
  border:1px solid rgba(24,48,78,.16)!important;
  box-shadow:0 14px 36px rgba(15,23,42,.12)!important;
}
.rank-title h1{
  color:#17324f!important;
  font-size:clamp(42px,5vw,72px)!important;
}
.rank-main table,
.rank-main th,
.rank-main td{
  background:#fff!important;
  color:#243244!important;
}
.rank-main th{
  background:#edf3f9!important;
  color:#17324f!important;
}
.rank-main tr:hover td{
  background:#f4f8fc!important;
}
.rank-brand img{
  display:block!important;
  width:128px!important;
  height:auto!important;
}

/* PvE ranking polish */
.rank-hero nav a[href="pve"]{
  border-color:rgba(185,130,37,.24)!important;
}


/* TheClassic-inspired ranking skin */
html,body{
  min-height:100%;
}
body{
  margin:0!important;
  background:#08090c!important;
  color:#dbe7f6!important;
  font-family:'Trebuchet MS',Verdana,sans-serif!important;
}
.rank-hero{
  position:fixed!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:224px!important;
  min-height:100vh!important;
  display:block!important;
  padding:18px 14px!important;
  background:linear-gradient(180deg,#11151d,#090b0f)!important;
  border-right:1px solid rgba(98,120,255,.45)!important;
  box-shadow:8px 0 28px rgba(0,0,0,.48)!important;
  z-index:20!important;
}
.rank-brand{
  display:block!important;
  text-align:center!important;
  padding:0 0 22px!important;
  color:#e9f1ff!important;
}
.rank-brand img{
  width:74px!important;
  height:auto!important;
  margin:0 auto 8px!important;
}
.rank-brand span{
  display:block!important;
  font-size:12px!important;
  color:#8fa7c8!important;
  text-transform:none!important;
}
.rank-hero nav{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  margin-top:8px!important;
}
.rank-hero nav a{
  display:flex!important;
  align-items:center!important;
  min-height:41px!important;
  padding:0 13px!important;
  border-radius:9px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#b7c9df!important;
  font-size:15px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.rank-hero nav a:before{
  content:'◇';
  width:24px;
  color:#8fa7c8;
}
body.rank-page-level .rank-hero nav a[href="level"],
body.rank-page-rank .rank-hero nav a[href="rank"],
body.rank-page-pve .rank-hero nav a[href="pve"],
body.rank-page-clas .rank-hero nav a[href="clas"],
body.rank-page-top .rank-hero nav a[href="top"],
body.rank-page-infor .rank-hero nav a[href="infor"],
.rank-hero nav a:hover{
  color:#fff!important;
  background:linear-gradient(90deg,#8f2cff,#324bff)!important;
  box-shadow:0 0 22px rgba(143,44,255,.38)!important;
}
.rank-main{
  margin-left:224px!important;
  width:auto!important;
  min-height:100vh!important;
  padding:18px 24px 40px!important;
  background:#0b0d12!important;
}
.rank-panel{
  max-width:none!important;
  min-height:calc(100vh - 64px)!important;
  padding:0!important;
  background:#11151c!important;
  border:1px solid rgba(82,93,122,.45)!important;
  border-radius:10px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.rank-title{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  padding:18px 18px!important;
  background:#151b25!important;
  border-bottom:1px solid #252b34!important;
}
.rank-title h1{
  margin:0!important;
  color:#e7ff00!important;
  font-size:22px!important;
  letter-spacing:0!important;
  text-transform:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
.rank-title span{
  padding:6px 10px!important;
  border-left:1px solid #3a4352!important;
  color:#a8b8ce!important;
  font-size:13px!important;
}
.rank-main .topo,
.rank-main .filtros,
.rank-main form,
.rank-main .rank-filter,
.rank-main .filter-box{
  background:#171d26!important;
  border:0!important;
  border-bottom:1px solid #252b34!important;
  color:#dbe7f6!important;
  box-shadow:none!important;
}
.rank-main table{
  width:100%!important;
  border-collapse:collapse!important;
  background:#111!important;
  color:#dbe7f6!important;
}
.rank-main thead th,
.rank-main th{
  height:44px!important;
  padding:0 16px!important;
  background:#1a1a1a!important;
  color:#8fa7c8!important;
  border:0!important;
  border-bottom:1px solid #252b34!important;
  font-size:12px!important;
  text-transform:uppercase!important;
}
.rank-main tbody td,
.rank-main td{
  padding:16px!important;
  background:#101010!important;
  color:#dbe7f6!important;
  border:0!important;
  border-bottom:1px solid #252525!important;
  font-size:14px!important;
}
.rank-main tbody tr:nth-child(even) td{
  background:#13171d!important;
}
.rank-main tbody tr:hover td{
  background:#1b2230!important;
}
.rank-main input,
.rank-main select{
  height:38px!important;
  border-radius:7px!important;
  border:1px solid #2a3442!important;
  background:#0d1118!important;
  color:#dbe7f6!important;
}
.rank-main button,
.rank-main .btn{
  border-radius:7px!important;
  background:#17a952!important;
  color:#fff!important;
  border:0!important;
  font-weight:700!important;
}
.rank-footer{
  display:none!important;
}
@media(max-width:900px){
  .rank-hero{position:relative!important;width:auto!important;min-height:auto!important}
  .rank-main{margin-left:0!important;padding:12px!important}
  .rank-hero nav{flex-direction:row!important;overflow:auto!important}
  .rank-hero nav a{min-width:120px!important}
}


/* Full ranking menu polish */
.rank-hero{
  overflow-y:auto!important;
}
.rank-hero nav a{
  min-height:38px!important;
  font-size:14px!important;
}
.rank-note{
  padding:16px 18px!important;
  color:#a8b8ce!important;
}
body.rank-page-clas .rank-hero nav a[href="clas"],
body.rank-page-forja-armaduras .rank-hero nav a[href="forja-armaduras"],
body.rank-page-forja-acessorios .rank-hero nav a[href="forja-acessorios"],
body.rank-page-forja-armas .rank-hero nav a[href="forja-armas"],
body.rank-page-coleta .rank-hero nav a[href="coleta"],
body.rank-page-caca-dragoes .rank-hero nav a[href="caca-dragoes"],
body.rank-page-dusk .rank-hero nav a[href="dusk"],
body.rank-page-ervas .rank-hero nav a[href="ervas"],
body.rank-page-drops-raros .rank-hero nav a[href="drops-raros"],
body.rank-page-teatro-sangrento .rank-hero nav a[href="teatro-sangrento"],
body.rank-page-vale-primordial .rank-hero nav a[href="vale-primordial"],
body.rank-page-guerra-das-nacoes .rank-hero nav a[href="guerra-das-nacoes"],
body.rank-page-fama .rank-hero nav a[href="fama"],
body.rank-page-artes-marciais .rank-hero nav a[href="artes-marciais"],
body.rank-page-online .rank-hero nav a[href="online"]{
  color:#fff!important;
  background:linear-gradient(90deg,#8f2cff,#324bff)!important;
  box-shadow:0 0 22px rgba(143,44,255,.38)!important;
}


/* Final rank side menu polish */
.rank-hero nav a:before{display:none!important;content:none!important}
.rank-hero nav a i{width:22px!important;text-align:center!important;color:#d5a644!important;font-size:15px!important}
.rank-hero nav a:hover i,
body.rank-page-level .rank-hero nav a[href="level"] i,
body.rank-page-rank .rank-hero nav a[href="rank"] i,
body.rank-page-pve .rank-hero nav a[href="pve"] i,
body.rank-page-clas .rank-hero nav a[href="clas"] i,
body.rank-page-cla .rank-hero nav a[href="cla"] i,
body.rank-page-fama .rank-hero nav a[href="fama"] i,
body.rank-page-artes-marciais .rank-hero nav a[href="artes-marciais"] i,
body.rank-page-online .rank-hero nav a[href="online"] i{color:#fff2bd!important}
.rank-note{display:none!important}
.rank-footer{display:none!important}
.rank-hero{background:linear-gradient(180deg,#132334,#0b121d)!important}
.rank-hero nav a{font-family:"Trebuchet MS",Verdana,sans-serif!important}
.rank-panel{font-family:"Trebuchet MS",Verdana,sans-serif!important}
.rank-title h1,.pag{font-family:Georgia,"Times New Roman",serif!important}


/* Mass upgrade: calmer classic rank colors */
.rank-title h1{
  color:#eaf3ff!important;
  text-shadow:none!important;
  letter-spacing:1px!important;
}
.rank-title span{
  color:#d7e7f7!important;
  background:#172739!important;
  border-color:#2d4d6f!important;
}
.pag{
  color:#eaf3ff!important;
  text-shadow:none!important;
}
.topo{
  background:#111923!important;
  border:1px solid #24384f!important;
}
.rank-hero nav a[href="/painel/ranking"],
.rank-hero nav a[href="/"]{
  color:#b7c9df!important;
}
.rank-hero nav a[href="/painel/ranking"] i,
.rank-hero nav a[href="/"] i{
  width:22px!important;
  color:#d5a644!important;
}
body.rank-page-clas .rank-hero nav a[href="clas"],
body.rank-page-forja-armaduras .rank-hero nav a[href="forja-armaduras"],
body.rank-page-forja-acessorios .rank-hero nav a[href="forja-acessorios"],
body.rank-page-forja-armas .rank-hero nav a[href="forja-armas"],
body.rank-page-coleta .rank-hero nav a[href="coleta"],
body.rank-page-caca-dragoes .rank-hero nav a[href="caca-dragoes"],
body.rank-page-dusk .rank-hero nav a[href="dusk"],
body.rank-page-ervas .rank-hero nav a[href="ervas"],
body.rank-page-drops-raros .rank-hero nav a[href="drops-raros"],
body.rank-page-teatro-sangrento .rank-hero nav a[href="teatro-sangrento"],
body.rank-page-vale-primordial .rank-hero nav a[href="vale-primordial"],
body.rank-page-guerra-das-nacoes .rank-hero nav a[href="guerra-das-nacoes"],
body.rank-page-fama .rank-hero nav a[href="fama"],
body.rank-page-artes-marciais .rank-hero nav a[href="artes-marciais"],
body.rank-page-online .rank-hero nav a[href="online"],
body.rank-page-level .rank-hero nav a[href="level"],
body.rank-page-rank .rank-hero nav a[href="rank"],
body.rank-page-pve .rank-hero nav a[href="pve"]{
  color:#fff!important;
  background:linear-gradient(90deg,#1f5d89,#173958)!important;
  box-shadow:0 0 18px rgba(31,93,137,.24)!important;
}


/* Final polish: classic readable ranking */
.rank-title h1{
  color:#f2efe2!important;
  font-family:Georgia,"Times New Roman",serif!important;
  letter-spacing:.08em!important;
  text-shadow:0 2px 10px rgba(0,0,0,.45)!important;
}
.rank-title span{
  color:#c9d7e8!important;
  background:#101a26!important;
  border:1px solid #2a425f!important;
  letter-spacing:.14em!important;
}
.topo,.filtros{
  background:#101820!important;
  border:1px solid #263d56!important;
}
.pag{
  color:#f2efe2!important;
  font-family:Georgia,"Times New Roman",serif!important;
  letter-spacing:.08em!important;
}
.rank-hero{
  background:linear-gradient(180deg,#101925 0%,#08111a 100%)!important;
  border-right:1px solid #2c4b6a!important;
}
.rank-hero nav a{
  color:#c4d3e4!important;
  border:1px solid transparent!important;
  background:transparent!important;
}
.rank-hero nav a i{
  color:#caa44f!important;
}
body.rank-page-clas .rank-hero nav a[href="clas"],
body.rank-page-forja-armaduras .rank-hero nav a[href="forja-armaduras"],
body.rank-page-forja-acessorios .rank-hero nav a[href="forja-acessorios"],
body.rank-page-forja-armas .rank-hero nav a[href="forja-armas"],
body.rank-page-coleta .rank-hero nav a[href="coleta"],
body.rank-page-caca-dragoes .rank-hero nav a[href="caca-dragoes"],
body.rank-page-dusk .rank-hero nav a[href="dusk"],
body.rank-page-ervas .rank-hero nav a[href="ervas"],
body.rank-page-drops-raros .rank-hero nav a[href="drops-raros"],
body.rank-page-teatro-sangrento .rank-hero nav a[href="teatro-sangrento"],
body.rank-page-vale-primordial .rank-hero nav a[href="vale-primordial"],
body.rank-page-guerra-das-nacoes .rank-hero nav a[href="guerra-das-nacoes"],
body.rank-page-fama .rank-hero nav a[href="fama"],
body.rank-page-artes-marciais .rank-hero nav a[href="artes-marciais"],
body.rank-page-online .rank-hero nav a[href="online"],
body.rank-page-level .rank-hero nav a[href="level"],
body.rank-page-rank .rank-hero nav a[href="rank"],
body.rank-page-pve .rank-hero nav a[href="pve"]{
  color:#fff!important;
  background:linear-gradient(90deg,#1d5a83,#12324d)!important;
  border-color:#38688d!important;
  box-shadow:0 6px 18px rgba(29,90,131,.25)!important;
}
.rank-main th{color:#a9bdd4!important}
.rank-main td{color:#e4edf7!important}


/* Real event ranking polish */
.rank-elo{
  display:inline-block;
  padding:4px 10px;
  border-radius:999px;
  background:#132f48;
  color:#f2efe2;
  border:1px solid #315c82;
  font-weight:700;
}
.rank-empty{
  text-align:center!important;
  color:#b9c7d8!important;
  padding:28px!important;
}