#ranking .section-inner{max-width:1360px}
.ranking-shell{padding:28px;background:linear-gradient(145deg,#171719,#0c0c0f);border:1px solid #303034;border-radius:20px;box-shadow:0 20px 60px #0005}
.ranking-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.ranking-eyebrow{color:#c7c7cf;font-size:11px;letter-spacing:3px;margin-bottom:8px}
.ranking-header h2{font-size:clamp(26px,4vw,42px);font-weight:800;letter-spacing:2px}
.ranking-season{display:flex;gap:8px;flex-direction:column;text-align:right;font-size:12px;color:#9b9ba7}
#ranking-season{color:#f3f3f5;font-weight:700;font-size:15px}
.ranking-notice{margin:20px 0;padding:12px 15px;border-left:3px solid #c0392b;background:#c0392b0d;color:#aaaab4;font-size:12px;line-height:1.6}
.ranking-notice strong{color:#e5b879}
.ranking-tabs{display:flex;gap:10px;margin:24px 0}
.ranking-tabs button{flex:1;padding:14px;border-radius:8px;background:#202024;color:#a4a4ae;border:1px solid #36363a;cursor:pointer;font:inherit;font-size:12px;font-weight:700;letter-spacing:.6px}
.ranking-tabs button[aria-selected="true"]{background:#67241e;color:#fff;border-color:#c0392b}
.ranking-tabs button:focus-visible,#ranking button:focus-visible{outline:2px solid #e6bc71;outline-offset:3px}
.ranking-podium{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:16px;align-items:end;margin:36px 0 26px}
.ranking-champion{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:26px 16px;background:linear-gradient(180deg,#252529,#161619);border:1px solid #414146;border-radius:14px;overflow:hidden}
.ranking-champion[data-place="1"]{padding-top:40px;padding-bottom:36px;border-color:#b89350;background:linear-gradient(180deg,#393023,#171518);box-shadow:0 0 25px #c4a15b12}
.ranking-badge{display:grid;place-items:center;width:54px;height:60px;clip-path:polygon(8% 0,92% 0,92% 70%,50% 100%,8% 70%);background:#c0392b;color:#fff;font-size:24px;font-weight:800}
.ranking-champion[data-place="1"] .ranking-badge{background:#c9a66a;color:#17120b}
.ranking-champion h3{font-size:16px;overflow-wrap:anywhere}
.ranking-champion .ranking-score{font-size:30px;font-weight:800;color:#eee;line-height:1.2}
.ranking-champion small{color:#9f9fa9;font-size:11px}
.ranking-rewards{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 20px;background:#0c0c0e;border-radius:10px;border:1px solid #333036;margin-bottom:28px}
.ranking-rewards h3{font-size:11px;letter-spacing:1px;color:#adadb5}
#ranking-rewards{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;color:#e4c188}
.ranking-board-title{font-size:15px;letter-spacing:1.5px;margin-bottom:16px}
.ranking-table-wrap{overflow:auto;max-height:650px;border:1px solid #333339;border-radius:10px}
.ranking-table{border-collapse:collapse;width:100%;min-width:760px;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.ranking-table th{background:#252529;color:#9e9eaa;font-size:10px;letter-spacing:.7px;position:sticky;top:0}
.ranking-table td,.ranking-table th{padding:15px 12px;text-align:right;border-bottom:1px solid #2a2a30}
.ranking-table td:nth-child(2),.ranking-table th:nth-child(2){text-align:left;min-width:140px;max-width:220px;white-space:normal;overflow-wrap:anywhere}
.ranking-table td:last-child{font-weight:800;color:#fff;background:#c0392b0a}
.ranking-table tbody tr:hover{background:#ffffff04}
.ranking-pagination{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin:16px 0;color:#9999a5;font-size:12px}
.ranking-pagination button{padding:8px 14px;border-radius:7px;border:1px solid #3b3b41;background:#222226;color:#fff;cursor:pointer;font:inherit}
.ranking-pagination button:disabled{opacity:.35;cursor:default}
.ranking-profile{margin-top:24px;border-top:1px solid #333339;padding-top:24px}
.ranking-profile-head{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
.ranking-steam{color:#fff;background:#25252a;border:1px solid #45454b;border-radius:8px;padding:10px 15px;font-size:12px;text-decoration:none}
#ranking-personal{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px;color:#a7a7b0;font-size:12px}
.ranking-stat{background:#202024;border:1px solid #303037;border-radius:8px;padding:12px 16px;min-width:110px;display:flex;flex-direction:column;gap:8px}
.ranking-stat strong{font-size:20px;color:#f1f1f5}
#ranking-status{font-size:11px;color:#93939d;margin-top:16px;min-height:18px}
@media(max-width:650px){.ranking-shell{padding:18px 12px}.ranking-tabs button{font-size:10px;padding:12px 7px}.ranking-podium{gap:7px;margin-top:26px;grid-template-columns:1fr 1.07fr 1fr}.ranking-champion{padding:20px 7px}.ranking-champion[data-place="1"]{padding:30px 7px}.ranking-champion h3{font-size:12px}.ranking-champion .ranking-score{font-size:23px}.ranking-badge{width:40px;height:46px;font-size:20px}.ranking-champion small{font-size:9px}.ranking-rewards{padding:14px}.ranking-season{text-align:left}.ranking-table td,.ranking-table th{padding:12px 10px}}
#ranking{background:linear-gradient(180deg,#08090b70,#08090df5 650px),url('/assets/branding/perimetro-z-horizontal.png') right 8% top 70px/420px auto no-repeat,radial-gradient(ellipse at top right,#342029,#10151e 55%,#08090d);position:relative}
#ranking .ranking-shell{padding:0;background:none;border:0;border-radius:0;box-shadow:none}
#ranking .ranking-header{min-height:135px;margin-bottom:22px}
#ranking .ranking-eyebrow{order:2;letter-spacing:4px;color:#c4c5c9;font-size:10px}
#ranking .ranking-header>div:first-child{display:flex;flex-direction:column-reverse}
#ranking .ranking-header h2{font-family:Impact,'Arial Narrow',sans-serif;font-style:italic;font-size:clamp(48px,6vw,74px);letter-spacing:1px;line-height:1.1;margin-bottom:14px}
#ranking .ranking-season{background:#101114ce;border:1px solid #ffffff20;border-radius:6px;padding:22px 30px;text-align:center;box-shadow:0 10px 30px #0005}
#ranking #ranking-season{font-family:Impact,'Arial Narrow',sans-serif;font-size:23px;letter-spacing:1px}
#ranking .ranking-notice{font-size:11px;margin:0 0 20px;padding:10px 15px;background:#5b201e35}
#ranking .ranking-tabs{gap:0;margin:0 0 18px;border:1px solid #ffffff25;border-radius:6px;overflow:hidden}
#ranking .ranking-tabs button{border:0;border-radius:0;background:#17181dda;font-family:Impact,'Arial Narrow',sans-serif;font-size:19px;letter-spacing:.6px;min-height:58px}
#ranking .ranking-tabs button[aria-selected="true"]{background:linear-gradient(125deg,#dd161e,#94090f);box-shadow:inset 0 1px #ff636c70}
#ranking .ranking-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:22px;margin-bottom:20px;align-items:stretch}
#ranking .ranking-top-panel,#ranking .ranking-leaderboard{min-width:0;background:linear-gradient(135deg,#17181a90,#08090ce8);border:1px solid #ffffff25;border-radius:6px;overflow:hidden}
#ranking .ranking-top-panel{padding:18px 20px}
#ranking .ranking-panel-title{display:flex;gap:16px;align-items:center;justify-content:center;font-family:Impact,'Arial Narrow',sans-serif;font-size:25px;letter-spacing:1px}
#ranking .ranking-panel-title:before,#ranking .ranking-panel-title:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#777)}
#ranking .ranking-panel-title:after{transform:rotate(180deg)}
#ranking .ranking-podium{margin:28px 0 0;gap:18px;grid-template-columns:1fr 1.2fr 1fr;align-items:end}
#ranking .ranking-champion{--metal:#a5a9ad;border-radius:3px;overflow:visible;gap:8px;padding:18px 12px 14px;min-height:360px;border:1px solid var(--metal);background:linear-gradient(145deg,#32363b60,#08090df5 80%);box-shadow:inset 0 0 0 4px #ffffff05}
#ranking .ranking-champion[data-place="1"]{--metal:#ff2630;min-height:410px;padding:22px 14px 18px;background:linear-gradient(155deg,#74171a70,#160a0dea 70%);box-shadow:0 0 24px #df101d30,inset 0 0 0 4px #ff20200c}
#ranking .ranking-champion[data-place="3"]{--metal:#ba8046;background:linear-gradient(155deg,#67472545,#090a0ef5 80%)}
#ranking .ranking-badge{position:absolute;top:-16px;width:auto;height:auto;clip-path:none;padding:7px 15px;border:1px solid var(--metal);background:#282b30;color:#eee;font-family:Impact,'Arial Narrow',sans-serif;font-size:17px;border-radius:3px;letter-spacing:.5px}
#ranking .ranking-champion[data-place="1"] .ranking-badge{background:#bc0c15;color:#fff}
#ranking .ranking-champion[data-place="3"] .ranking-badge{background:#48311b}
#ranking .ranking-portrait{width:100%;height:165px;position:relative;overflow:hidden;border-bottom:1px solid #ffffff12}
#ranking .ranking-champion[data-place="1"] .ranking-portrait{height:195px}
#ranking .ranking-portrait img{width:100%;height:100%;object-fit:contain;display:block}
#ranking .ranking-portrait small{position:absolute;bottom:3px;left:0;right:0;font-size:7px;letter-spacing:1.5px;color:#85868d}
#ranking .ranking-champion h3{min-height:38px;display:flex;align-items:center;justify-content:center;font-family:Impact,'Arial Narrow',sans-serif;font-size:20px;letter-spacing:.4px;line-height:1.2}
#ranking .ranking-score{width:100%;padding:7px;background:#0007;display:flex;align-items:baseline;justify-content:center;gap:5px}
#ranking .ranking-score strong{font-family:Impact,'Arial Narrow',sans-serif;font-size:31px;color:var(--metal);font-weight:400}
#ranking .ranking-score small{font-size:9px;color:var(--metal)}
#ranking .ranking-medal{position:relative;color:#bfc3c7;display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:73px;background:linear-gradient(135deg,#d2d6d9,#535962);clip-path:polygon(0 20%,25% 33%,25% 8%,50% 0,75% 8%,75% 33%,100% 20%,90% 60%,65% 80%,50% 100%,35% 80%,10% 60%);text-shadow:0 2px 2px #0008}
#ranking .ranking-medal span{font-size:17px;line-height:1;color:#15191d}
#ranking .ranking-medal strong{font-family:Impact,sans-serif;font-size:35px;line-height:1;color:#252a30}
#ranking .ranking-champion[data-place="1"] .ranking-medal{background:linear-gradient(135deg,#fff4a0,#e9af27 50%,#a7670a);width:95px;height:83px}
#ranking .ranking-champion[data-place="3"] .ranking-medal{background:linear-gradient(135deg,#e6b785,#975624)}
#ranking .ranking-summary{font-size:9px;line-height:1.5}
#ranking .ranking-empty{border-color:#ffffff18;box-shadow:none;--metal:#666a70}
#ranking .ranking-empty .ranking-portrait{opacity:.24}
#ranking .ranking-empty .ranking-medal{opacity:.3}
#ranking .ranking-empty h3{color:#83858c;font-size:15px}
#ranking .ranking-board-title{font-family:Impact,'Arial Narrow',sans-serif;font-size:23px;padding:16px 18px;margin:0;border-bottom:1px solid #ffffff18}
#ranking .ranking-table-wrap{border:0;border-radius:0;max-height:400px;min-height:330px}
#ranking .ranking-table{min-width:0;white-space:normal;width:100%;table-layout:fixed}
#ranking .ranking-table th{background:#1d1f23;font-size:9px}
#ranking .ranking-table td,#ranking .ranking-table th{padding:13px 10px;vertical-align:top}
#ranking .ranking-table td:first-child,#ranking .ranking-table th:first-child{width:48px;text-align:center}
#ranking .ranking-table td:last-child,#ranking .ranking-table th:last-child{width:72px}
#ranking .ranking-table td:nth-child(2),#ranking .ranking-table th:nth-child(2){min-width:0;max-width:none}
#ranking .ranking-table tr[data-place="1"]{color:#edc849;background:#b08e1515}
#ranking .ranking-table tr[data-place="2"]{color:#c1c6cf}
#ranking .ranking-table tr[data-place="3"]{color:#cc925c}
#ranking .ranking-table td:last-child{color:inherit;background:none}
#ranking .ranking-table summary{cursor:pointer;font-weight:700;overflow-wrap:anywhere}
#ranking .ranking-row-stats{display:grid;grid-template-columns:1fr;gap:8px;padding:12px 0 2px;color:#c7c8cf}
#ranking .ranking-row-stats>div{display:flex;gap:8px;justify-content:space-between;font-size:10px}
#ranking .ranking-row-stats span{color:#969aa4}
#ranking .ranking-pagination{justify-content:center;gap:8px;font-size:10px;margin:12px 8px}
#ranking .ranking-pagination button{padding:7px 9px;font-size:10px}
#ranking .ranking-rewards{margin:0;padding:19px 22px;background:#111216b0;border-radius:6px}
#ranking .ranking-rewards h3{font-family:Impact,'Arial Narrow',sans-serif;font-size:19px}
#ranking #ranking-rewards{font-weight:600;color:#efbd63}
#ranking .ranking-profile{margin-top:22px;padding-top:14px}
#ranking .ranking-profile .ranking-board-title{border:0;padding:0;font-size:18px}
@media(max-width:1050px){#ranking .ranking-main{grid-template-columns:1fr}#ranking .ranking-table-wrap{min-height:0;max-height:350px}#ranking .ranking-champion{min-height:350px}#ranking .ranking-champion[data-place="1"]{min-height:400px}}
@media(max-width:600px){#ranking .ranking-header{gap:16px;margin-bottom:20px}#ranking .ranking-header h2{font-size:52px}#ranking .ranking-season{width:100%;text-align:left;padding:15px 18px}#ranking .ranking-tabs button{font-size:14px;padding:12px 8px}#ranking .ranking-top-panel{padding:18px 16px}#ranking .ranking-podium{grid-template-columns:1fr;gap:32px}#ranking .ranking-champion[data-place="1"]{order:0;min-height:400px}#ranking .ranking-champion[data-place="2"]{order:1}#ranking .ranking-champion[data-place="3"]{order:2}#ranking .ranking-champion{padding:20px 16px;min-height:360px}#ranking .ranking-portrait{height:175px}#ranking .ranking-champion h3{font-size:22px}#ranking .ranking-summary{font-size:11px}#ranking .ranking-rewards{gap:16px;padding:18px}#ranking #ranking-rewards{gap:12px;font-size:12px}#ranking .ranking-eyebrow{font-size:8px;letter-spacing:2px}}

@media(max-width:600px){#ranking{background-size:auto,240px auto,auto;background-position:0 0,right 16px top 30px,0 0;}}