.rank-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.rank-heading p{margin:0}.rank-season{color:#bca77e;font-size:14px;display:flex;gap:8px;align-items:center}
.ranking-page .ranking-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;flex-wrap:wrap}
.rank-search-form{display:flex;gap:6px;align-items:center;max-width:100%;margin:0}
.rank-search-form .search{width:240px;max-width:100%;height:42px;min-width:0;font-size:16px}
.rank-search-form .icon-button{height:42px;width:42px;background:#1c2620;border-color:#536250;color:#ddc48d}
.rank-search-form [hidden]{display:none}
.rank-table-scroll{overflow:auto;max-width:100%;border-top:1px solid #766443;border-bottom:1px solid #414b41;scrollbar-color:#716344 #111815}
.rank-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:16px;min-width:1120px;font-variant-numeric:tabular-nums}
.rank-table th,.rank-table td{padding:12px 10px;vertical-align:middle;border-bottom:1px solid #303c34;text-align:left}
.rank-table thead th{height:56px;color:#cdb77d;background:#202a23;font:12px/1.35 'Segoe UI',sans-serif;text-transform:uppercase}
.rank-table tbody tr{height:73px}.rank-table tbody th{font-weight:400}
.rank-table th:nth-child(1){width:77px}.rank-table th:nth-child(2){width:155px}.rank-table th:nth-child(3){width:58px}.rank-table th:nth-child(4){width:133px}.rank-table th:nth-child(5){width:126px}
.rank-table th:nth-child(7){width:91px}.rank-table th:last-child{width:109px}
.rank-table .stat{text-align:right}.rank-table .score{color:#c2d6be;font-weight:700}.rank-table .muted{color:#9aa99f}
.rank-table:not(.guild-table) thead th:nth-child(n+6),.guild-table thead th:nth-child(5),.guild-table thead th:nth-child(6){text-align:right}
.rank-class{display:flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap}
.rank-class img{width:34px;height:34px;object-fit:cover;border:1px solid #6a6953;border-radius:4px}
.rank-empire{display:inline-flex;align-items:center;gap:7px;font-size:14px;white-space:nowrap}
.rank-empire img{width:34px;height:22px;object-fit:cover;border:1px solid #86754a;border-radius:2px}
.empire-1{color:#e39c91}.empire-3{color:#9ec9e6}
.ranking-enhanced .diamond{--metal:#b4efff;--shade:#285567;--glow:#89e7ff80;--pulse:4.6s}
.ranking-enhanced .platinum{--metal:#d7eee4;--shade:#4d6861;--glow:#bde4d94d;--pulse:5.8s}
.ranking-enhanced .gold{--metal:#efd084;--shade:#86602d;--glow:#efb45059;--pulse:6.8s}
.ranking-enhanced .silver{--metal:#cbd4e0;--shade:#4c5968;--glow:#c7d6e333;--pulse:8s}
.ranking-enhanced .bronze{--metal:#d7a280;--shade:#764b37;--glow:#bd815833;--pulse:9s}
.rank-row{--metal:#cfdbc9;--glow:transparent;--pulse:9s;transition:background-color .45s ease}
.rank-row:hover,.rank-row:focus-within{background-color:#28362d!important}
.rank-row.place-1{background:#182c2c}.rank-row.place-2{background:#1b2825}.rank-row.place-3{background:#25271e}.rank-row.place-4,.rank-row.place-5{background:#1b221e}
.rank-row.place-1.gold{background:#302819;--pulse:4.6s;--glow:#efb45080}
.rank-row.place-2.silver{--pulse:5.8s;--glow:#c7d6e359}
.rank-row.place-1.gold .rank-name{animation:champion-embers 5s ease-in-out infinite}
.rank-name{color:var(--metal);font-weight:700;overflow-wrap:anywhere;line-height:1.25;transition:color .4s,text-shadow .4s}
.rank-row:not(.regular) .rank-name{animation:rank-name-glow var(--pulse) ease-in-out infinite}
.rank-row.place-1 .rank-name{font-size:18px}
.rank-row.regular:hover .rank-name{color:#f0dda8;text-shadow:0 0 9px #e3c47033}
.rank-plain{display:grid;place-items:center;width:48px;height:48px;color:#9aaea1;font-size:17px}
.rank-medal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:48px;height:52px;position:relative;isolation:isolate;color:var(--metal);filter:drop-shadow(0 0 3px var(--glow));animation:medal-glow var(--pulse) ease-in-out infinite}
.rank-medal:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,var(--metal),var(--shade) 48%,var(--metal));clip-path:polygon(50% 0,91% 20%,100% 62%,73% 86%,50% 100%,27% 86%,0 62%,9% 20%)}
.rank-medal:after{content:'';position:absolute;inset:2px;z-index:-1;background:linear-gradient(150deg,#28342d,#111715 70%);clip-path:polygon(50% 0,91% 20%,100% 62%,73% 86%,50% 100%,27% 86%,0 62%,9% 20%)}
.rank-medal .icon{width:auto;font-size:17px}.rank-medal b{font:700 16px/1 'Segoe UI',sans-serif}
.rank-row.place-1 .rank-medal{filter:drop-shadow(0 0 6px var(--glow))}
.rank-pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:22px;color:#aebeaf;font-size:15px}
.rank-pagination nav{display:flex;align-items:center;gap:6px}.rank-pagination nav>span{min-width:115px;text-align:center}
.rank-pagination .icon-button{width:34px;height:34px}.rank-pagination button:disabled{cursor:default;opacity:.3}
.rank-pagination .text-button{color:#e0c690;min-height:36px}
.guild-table{min-width:740px}.guild-table th:nth-child(2){width:24%}.guild-table th:nth-child(4){width:145px}.guild-table th:nth-child(5){width:140px}.guild-table th:last-child{width:52px}
.guild-detail{border:0;padding:0;background:transparent;font:inherit;color:var(--metal);font-weight:700;text-align:left}
.guild-detail:hover{text-decoration:underline;text-underline-offset:5px}
.guild-profile{display:flex;align-items:center;gap:20px;margin-bottom:25px}
.guild-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:0 0 24px}.guild-facts>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #3d493c}.guild-facts dt{color:#aabbac}.guild-facts dd{margin:0;color:#e6d09b}
.ranking-mini .rank-medal{width:32px;height:38px}.ranking-mini .rank-medal .icon{font-size:12px}.ranking-mini .rank-medal b{font-size:12px}.ranking-mini .rank-name{font-size:16px}.ranking-mini .mini-value{white-space:nowrap;font-size:14px;text-align:right}.ranking-mini td:first-child{width:42px}
@keyframes medal-glow{0%,100%{filter:drop-shadow(0 0 2px var(--glow))}50%{filter:drop-shadow(0 0 8px var(--glow))}}
@keyframes rank-name-glow{0%,100%{text-shadow:0 0 2px transparent}50%{text-shadow:0 0 12px var(--glow),0 -2px 7px var(--glow)}}
@keyframes champion-embers{0%,100%{text-shadow:0 0 5px #f5c16c40,0 -1px 3px #b85b3040}50%{text-shadow:0 0 12px #f5c16c80,0 -4px 10px #d96a3759}}
body.motion-off .ranking-enhanced *,body.motion-suspended .ranking-enhanced *{animation-play-state:paused!important}
body.motion-off .ranking-enhanced *{animation:none!important;transition:none!important}
@media(max-width:760px){.rank-heading{margin-bottom:18px}.rank-season{font-size:12px}.ranking-page .ranking-toolbar{gap:18px;align-items:stretch}.rank-search-form{width:100%}.rank-search-form .search{flex:1;max-width:none;width:0}.rank-pagination{gap:12px;justify-content:center}.rank-range{width:100%;text-align:center}.rank-pagination nav{order:2;width:100%;justify-content:center}.guild-facts{grid-template-columns:1fr}.rank-table{font-size:15px}.rank-table tbody tr{height:68px}}
@media(prefers-reduced-motion:reduce){.ranking-enhanced *{animation:none!important;transition:none!important}}