.ranking-page{--rank-line:#74402d;--rank-copper:#cf8957;--rank-cream:#f1ceb0;--rank-dark:#1b0b08}
.ranking-page .ranking-hero{height:330px}
.ranking-page .ranking-heading{top:126px;left:61%}
.ranking-kicker{display:block;margin-bottom:9px;color:#c38155;font-size:7px;font-weight:700;letter-spacing:.28em}
.ranking-page .ranking-heading .hero-logo{font-size:50px}
.ranking-paper{position:relative;min-height:850px;padding:40px 32px 95px;background:#ecebed url('../images/white-bg.png') center top/cover no-repeat;color:#d7bdab}
.ranking-paper:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.12),rgba(226,225,228,.2));pointer-events:none}
.ranking-shell{position:relative;z-index:1;width:min(820px,100%);margin:auto;overflow:hidden;background:linear-gradient(145deg,#2a110d,#150806);box-shadow:0 18px 42px rgba(48,23,16,.3)}.ranking-shell:before,.ranking-shell:after{content:"";position:absolute;z-index:4;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#b86c43 16%,#df9a67 50%,#b86c43 84%,transparent)}.ranking-shell:before{top:0}.ranking-shell:after{bottom:0}
.ranking-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 32px 26px;background:radial-gradient(circle at 8% 10%,rgba(224,143,90,.2),transparent 30%),linear-gradient(105deg,#592319,#31130f 64%,#1d0c09)}
.ranking-intro>div>span{color:#c58355;font-size:7px;font-weight:700;letter-spacing:.2em}.ranking-intro h2{margin:8px 0 5px;color:#f2d1b3;font:25px Friz,serif;text-shadow:0 2px 8px #000}.ranking-intro p{margin:0;color:#a88b77;font-size:8px}
.ranking-updated{display:flex;align-items:center;gap:9px;flex:none;padding:10px 12px;border:1px solid rgba(93,190,114,.34);background:rgba(24,76,40,.18);color:#7dc88a;font-size:6px;line-height:1.55;letter-spacing:.08em}.ranking-updated i{width:7px;height:7px;border-radius:50%;background:#70d383;box-shadow:0 0 9px #70d383}.ranking-updated strong{color:#a6d9ae;font-size:7px}
.ranking-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid #67372a;border-bottom:1px solid #67372a;background:#1b0a08}.ranking-tabs button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:66px;border:0;border-right:1px solid #593026;background:linear-gradient(135deg,#30130e,#1b0a08);color:#a98b77;cursor:pointer;transition:.2s}.ranking-tabs button:last-child{border-right:0}.ranking-tabs button:hover,.ranking-tabs button.active{background:linear-gradient(135deg,#542219,#2b100d);box-shadow:inset 0 -2px #cf8957;color:#f0c8a9}.ranking-tabs i{display:grid;place-items:center;width:36px;height:36px;border:1px solid #8d5738;border-radius:50%;background:#3b1811;color:#d99665;font:normal 15px Arial}.ranking-tabs span,.ranking-tabs b,.ranking-tabs small{display:block;text-align:left}.ranking-tabs b{font:11px Friz,serif;letter-spacing:.05em}.ranking-tabs small{margin-top:4px;color:#846c5e;font-size:7px}
.ranking-view{animation:ranking-in .25s ease}.ranking-view[hidden]{display:none}@keyframes ranking-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.podium{display:grid;grid-template-columns:1fr 1.08fr 1fr;align-items:stretch;margin:0 28px;border-bottom:1px solid #67372a;background:linear-gradient(#2d120e,#190906)}.podium-card{position:relative;min-height:184px;padding:31px 14px 19px;border-right:1px solid rgba(103,55,42,.65);background:radial-gradient(circle at 50% 10%,rgba(151,71,45,.22),transparent 48%);text-align:center}.podium-card:last-child{border-right:0}.podium-card.first{background:radial-gradient(circle at 50% 8%,rgba(211,139,83,.24),transparent 52%)}.medal{position:absolute;top:12px;left:14px;color:#a98069;font:10px Friz,serif}.first .medal{color:#e6b767}.crown{position:absolute;top:10px;left:50%;color:#e8b45d;font-size:18px;transform:translateX(-50%)}.avatar{display:grid;place-items:center;width:50px;height:50px;margin:3px auto 10px;border:1px solid #a76540;border-radius:50%;background:radial-gradient(circle at 35% 30%,#6b3021,#2b110c 70%);color:#e6b28a;font:21px Friz,serif;box-shadow:inset 0 0 0 4px rgba(17,6,4,.4),0 5px 12px #110604}.first .avatar{width:58px;height:58px;margin-top:10px;border-color:#d1975e;color:#f3cc9f}.guild-avatar{border-radius:7px;transform:rotate(45deg)}.podium-card small{color:#a66e4b;font-size:6px;letter-spacing:.12em}.podium-card h3{margin:6px 0 4px;color:#f0c7a5;font:16px Friz,serif}.podium-card p{margin:0 0 11px;color:#887064;font-size:7px}
.realm{display:inline-block;padding:4px 7px;border-left:2px solid;font-size:6px;letter-spacing:.08em}.realm.red{border-color:#db5149;background:rgba(133,35,29,.22);color:#ef817a}.realm.blue{border-color:#4e9be5;background:rgba(29,72,123,.24);color:#79b8ee}
.ranking-table-panel{margin:0 28px 28px;background:linear-gradient(145deg,#2d120e,#180a08)}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0 14px;border-bottom:1px solid #603126;background:transparent}.table-toolbar>div span,.table-toolbar>div strong{display:block}.table-toolbar>div span{margin-bottom:4px;color:#bb7a50;font-size:6px;letter-spacing:.17em}.table-toolbar>div strong{color:#e9c09f;font:11px Friz,serif}.table-toolbar label{display:flex;align-items:center;width:220px;border-bottom:1px solid #71432f;background:transparent}.table-toolbar label span{padding:0 10px;color:#c38459;font-size:14px}.table-toolbar input{min-width:0;width:100%;height:34px;border:0;outline:0;background:transparent;color:#e7c5ab;font-size:8px}.table-toolbar input::placeholder{color:#705b4f}
.table-scroll{overflow-x:auto}.ranking-table-panel table{width:100%;border-collapse:collapse}.ranking-table-panel th{padding:11px 13px;border-bottom:1px solid #613328;background:#210d0a;color:#8d6b59;text-align:left;font-size:6px;letter-spacing:.12em}.ranking-table-panel td{padding:11px 13px;border-bottom:1px solid rgba(103,55,42,.55);color:#9e8270;font-size:8px}.ranking-table-panel tbody tr{transition:.17s}.ranking-table-panel tbody tr:hover{background:rgba(127,58,39,.2)}.ranking-table-panel tbody tr:last-child td{border-bottom:0}.ranking-table-panel td strong{color:#e2b894;font:10px Friz,serif}.ranking-table-panel td>b{color:#d7a275}.rank-number{display:grid;width:24px;height:24px;place-items:center;border:1px solid #69402f;border-radius:50%;color:#a27d68;font:8px Friz,serif}.rank-number.gold{border-color:#d19a4f;color:#edc36e}.rank-number.silver{border-color:#aaa4a0;color:#d5cfca}.rank-number.bronze{border-color:#a96644;color:#d89267}.empty-result{display:none;margin:0;padding:24px;color:#967a69;text-align:center;font-size:8px}.empty-result.show{display:block}
.ranking-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:18px 0 2px;border-top:1px solid #603126}.ranking-pagination button{min-width:120px;padding:11px 14px;border:1px solid #75432f;background:#1b0a08;color:#c4906c;font:8px Friz,serif;letter-spacing:.05em;cursor:pointer;transition:.18s}.ranking-pagination button:last-child{justify-self:end}.ranking-pagination button:hover:not(:disabled){border-color:#bb7047;background:#35150f;color:#efc3a0}.ranking-pagination button:disabled{cursor:not-allowed;opacity:.35}.ranking-pagination>span{color:#896f60;font-size:7px;letter-spacing:.1em}.ranking-pagination>span b{color:#d4a17c;font:9px Friz,serif}
@media(max-width:720px){.ranking-paper{padding-right:16px;padding-left:16px}.ranking-intro{align-items:flex-start;flex-direction:column}.podium{grid-template-columns:1fr}.podium-card,.podium-card.first{min-height:0;border-right:0;border-bottom:1px solid rgba(103,55,42,.65)}.podium-card:last-child{border-bottom:0}.podium-card.first{grid-row:1}.table-toolbar{align-items:flex-start;flex-direction:column}.table-toolbar label{width:100%}.ranking-table-panel table{min-width:650px}.ranking-pagination{grid-template-columns:1fr 1fr}.ranking-pagination>span{grid-column:1/-1;grid-row:1;text-align:center}.ranking-pagination button{min-width:0}}
@media(max-width:520px){.ranking-page .ranking-heading{left:50%;width:90%}.ranking-page .ranking-heading .hero-logo{font-size:40px}.ranking-paper{padding:25px 9px 75px}.ranking-shell{padding:8px}.ranking-intro{padding:22px 19px}.ranking-intro h2{font-size:20px}.ranking-tabs{grid-template-columns:1fr}.ranking-updated{display:none}}

/* Paleta unificada com a página de registo */
.ranking-shell{background:linear-gradient(145deg,#22100c,#130806)}
.ranking-intro{background:radial-gradient(circle at 8% 10%,rgba(172,100,61,.13),transparent 32%),linear-gradient(105deg,#32150f,#24100c 64%,#180a08)}
.ranking-tabs button:hover,.ranking-tabs button.active{background:linear-gradient(135deg,#35160f,#21100c);box-shadow:inset 0 -2px #ae7049;color:#e5c0a2}
.podium,.ranking-table-panel{background:linear-gradient(145deg,#21100c,#130806)}

@media(min-width:1200px){
  .ranking-page .ranking-hero{height:390px}.ranking-page .ranking-heading{top:150px}.ranking-page .ranking-heading .hero-logo{font-size:62px}.ranking-kicker{font-size:9px}
  .ranking-paper{padding:48px 42px 110px}.ranking-shell{width:min(1120px,100%)}
  .ranking-intro{padding:38px 42px 32px}.ranking-intro>div>span{font-size:9px}.ranking-intro h2{font-size:32px}.ranking-intro p{font-size:11px}.ranking-updated{padding:13px 16px;font-size:8px}.ranking-updated strong{font-size:9px}
  .ranking-tabs button{min-height:82px}.ranking-tabs i{width:44px;height:44px;font-size:18px}.ranking-tabs b{font-size:14px}.ranking-tabs small{font-size:9px}
  .podium{margin:0 38px}.podium-card{min-height:230px;padding:40px 18px 24px}.avatar{width:62px;height:62px;font-size:25px}.first .avatar{width:72px;height:72px}.podium-card small{font-size:8px}.podium-card h3{font-size:21px}.podium-card p{font-size:10px}.realm{padding:6px 9px;font-size:8px}
  .ranking-table-panel{margin:0 38px 38px}.table-toolbar{padding:24px 0 18px}.table-toolbar>div span{font-size:8px}.table-toolbar>div strong{font-size:14px}.table-toolbar label{width:290px}.table-toolbar input{height:42px;font-size:11px}
  .ranking-table-panel th{padding:15px 17px;font-size:8px}.ranking-table-panel td{padding:15px 17px;font-size:11px}.ranking-table-panel td strong{font-size:13px}.rank-number{width:30px;height:30px;font-size:10px}
  .ranking-pagination{padding-top:22px}.ranking-pagination button{min-width:150px;padding:13px 17px;font-size:10px}.ranking-pagination>span{font-size:9px}.ranking-pagination>span b{font-size:11px}
}