.rankings-page{--rankings-line:#bcb4e526;--rankings-panel:#05070fe6;isolation:isolate;color:#c8cbd5;background:#02040a;min-height:100vh;padding:0 clamp(1rem,4vw,4rem) 2rem;position:relative;overflow:hidden}.rankings-backdrop{z-index:-3;background:linear-gradient(#01030a1f 0%,#02040ba3 44%,#02040a 91%),linear-gradient(90deg,#0103096b,#0000 48%,#0103096b),url(/assets/rankings-background.png) top/cover no-repeat;position:fixed;inset:0}.rankings-backdrop:after{content:"";background:radial-gradient(circle at 50% 42%,#6743d614,#0000 28%);animation:6s ease-in-out infinite rankings-aura;position:absolute;inset:0}.rankings-noise{z-index:-2;opacity:.22;pointer-events:none;background-image:linear-gradient(#bdb4e506 1px,#0000 1px),linear-gradient(90deg,#bdb4e506 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000 25%,#000 70%);mask-image:linear-gradient(#0000 25%,#000 70%)}.rankings-header{z-index:10;border-bottom:1px solid #c1b9e81f;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1520px;min-height:92px;margin:0 auto;display:grid;position:relative}.rankings-brand{width:82px;height:82px;display:block}.rankings-brand img{object-fit:contain;filter:drop-shadow(0 0 18px #7856dc38);width:100%;height:100%;display:block}.rankings-header-signal{align-items:center;gap:.7rem;display:flex}.rankings-header-signal>i{aspect-ratio:1;background:#7ac89a;border-radius:50%;width:7px;animation:2s ease-in-out infinite rankings-signal;box-shadow:0 0 12px #5dd38dcc}.rankings-header-signal span{text-align:center;gap:.12rem;display:grid}.rankings-header-signal small{color:#555f72;letter-spacing:.18em;text-transform:uppercase;font-size:.48rem;font-weight:700}.rankings-header-signal b{color:#a8adba;letter-spacing:.11em;text-transform:uppercase;font-size:.6rem}.rankings-back-link{color:#838ca0;letter-spacing:.14em;text-transform:uppercase;justify-self:end;align-items:center;gap:.55rem;font-size:.58rem;font-weight:700;transition:color .18s;display:flex}.rankings-back-link:hover{color:#c1b5e8}.rankings-back-link svg{width:15px}.rankings-hero{text-align:center;align-content:center;place-items:center;max-width:1100px;min-height:clamp(520px,65vh,680px);margin:0 auto;padding:4rem 0 2rem;display:grid}.rankings-hero>p{color:#a68cf4;letter-spacing:.4em;text-transform:uppercase;align-items:center;gap:.8rem;margin:0;font-size:.58rem;font-weight:700;display:flex}.rankings-hero>p span{background:linear-gradient(90deg,#0000,#8e6de5);width:42px;height:1px;display:block}.rankings-hero>p span:last-child{transform:scaleX(-1)}.rankings-hero h1{color:#f0edf7;font-family:var(--font-cinzel), serif;letter-spacing:-.045em;text-shadow:0 8px 35px #000000ad;text-transform:uppercase;margin:1.4rem 0 0;font-size:clamp(3rem,7vw,6.8rem);font-weight:400;line-height:.98}.rankings-hero h1 em{color:#baa7ff;text-shadow:0 0 30px #7c58e24d;font-style:normal}.rankings-hero>span{color:#8791a6;max-width:650px;margin-top:1.8rem;font-size:.88rem;line-height:1.7}.rankings-hero-stats{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04060e99;border:1px solid #bdb2ed29;grid-template-columns:.7fr .7fr 1.4fr;width:min(100%,850px);margin-top:3rem;display:grid}.rankings-hero-stats>div{border-right:1px solid #bdb2ed1f;justify-content:center;align-items:center;gap:.75rem;min-height:88px;padding:.8rem 1rem;display:flex}.rankings-hero-stats>div:last-child{border-right:0}.rankings-hero-stats svg{color:#9178dd;width:20px}.rankings-hero-stats span{text-align:left;gap:.28rem;display:grid}.rankings-hero-stats small{color:#596376;letter-spacing:.12em;text-transform:uppercase;font-size:.48rem;font-weight:700}.rankings-hero-stats strong{color:#d4d0df;font-family:var(--font-cinzel), serif;font-size:.78rem;font-weight:500}.rankings-archive{z-index:2;border:1px solid var(--rankings-line);background:linear-gradient(160deg,#090b17f2,#03050cf7);width:min(100%,1520px);min-height:650px;margin:0 auto;position:relative;box-shadow:0 35px 100px #0000006b}.rankings-archive:before{content:"";background:linear-gradient(90deg,#0000,#8f71e5,#0000);width:30%;height:1px;position:absolute;top:-1px;left:8%;box-shadow:0 0 15px #7e5be499}.rankings-archive-heading{border-bottom:1px solid var(--rankings-line);justify-content:space-between;align-items:center;gap:2rem;min-height:118px;padding:1.5rem 2rem;display:flex}.rankings-archive-heading p{color:#8170c2;letter-spacing:.23em;text-transform:uppercase;margin:0;font-size:.54rem;font-weight:700}.rankings-archive-heading h2{color:#e5e3eb;font-family:var(--font-cinzel), serif;text-transform:uppercase;margin:.5rem 0 0;font-size:clamp(1.35rem,3vw,2rem);font-weight:500}.rankings-archive-heading>span{color:#5e687b;letter-spacing:.12em;text-transform:uppercase;font-size:.57rem;font-weight:700}.rankings-tabs{border-bottom:1px solid var(--rankings-line);grid-template-columns:repeat(3,1fr);display:grid}.rankings-tab{border:0;border-right:1px solid var(--rankings-line);color:#697286;min-height:82px;font:inherit;cursor:pointer;background:#ffffff02;justify-content:center;align-items:center;gap:.8rem;padding:.8rem;transition:background .18s,color .18s;display:flex;position:relative}.rankings-tab:last-child{border-right:0}.rankings-tab:after{content:"";background:linear-gradient(90deg,#0000,#9a7aea,#0000);height:2px;transition:transform .18s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.rankings-tab:hover,.rankings-tab:focus-visible,.rankings-tab--active{color:#a896df;background:#7552d50f;outline:0}.rankings-tab--active:after{transform:scaleX(1)}.rankings-tab>svg{width:20px}.rankings-tab>span{text-align:left;gap:.2rem;display:grid}.rankings-tab b{color:currentColor;letter-spacing:.08em;text-transform:uppercase;font-size:.64rem}.rankings-tab small{color:#515b6e;letter-spacing:.1em;text-transform:uppercase;font-size:.48rem}.rankings-table-scroll{scrollbar-color:#564489 #080a12;overflow-x:auto}.rankings-table{border-collapse:collapse;width:100%;min-width:1160px}.rankings-table--characters{min-width:1420px}.rankings-table caption{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rankings-table th{color:#535d70;letter-spacing:.14em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#02040a8a;border-bottom:1px solid #bfb7e51c;height:52px;padding:.7rem 1rem;font-size:.5rem;font-weight:700}.rankings-table td{color:#8892a4;white-space:nowrap;border-bottom:1px solid #bfb7e512;height:76px;padding:.75rem 1rem;font-size:.66rem}.rankings-table tbody tr{transition:background .16s}.rankings-table tbody tr:hover{background:linear-gradient(90deg,#7150d212,#0000)}.rankings-table tbody tr:first-child{background:linear-gradient(90deg,#b0842e17,#0000 60%)}.rankings-table tbody tr:nth-child(2){background:linear-gradient(90deg,#929fb80f,#0000 60%)}.rankings-table tbody tr:nth-child(3){background:linear-gradient(90deg,#975b3e0f,#0000 60%)}.rankings-rank{color:#7563ad;align-items:center;gap:.4rem;min-width:42px;display:flex}.rankings-rank svg{width:15px}.rankings-rank b{font-family:var(--font-cinzel), serif;font-size:.68rem;font-weight:500}.rankings-rank--1{color:#d2b264}.rankings-rank--2{color:#a9b7ca}.rankings-rank--3{color:#b6836b}.rankings-warrior{align-items:center;gap:.65rem;display:flex}.rankings-warrior>i{aspect-ratio:1;background:#4c5464;border-radius:50%;flex:none;width:6px}.rankings-warrior>i.is-online{background:#66c68c;box-shadow:0 0 9px #54c98399}.rankings-warrior>span{gap:.22rem;display:grid}.rankings-warrior b,.rankings-guild b{color:#d8dbe5;font-family:var(--font-cinzel), serif;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:500}.rankings-warrior small{color:#515b6e;font-size:.52rem}.rankings-class{align-items:center;gap:.55rem;display:flex}.rankings-class img{object-fit:contain;filter:drop-shadow(0 0 7px #7c5bda40);width:30px;height:30px;display:block}.rankings-class b{color:#949daf;font-size:.63rem;font-weight:600}.rankings-nation{letter-spacing:.08em;text-transform:uppercase;border:1px solid;align-items:center;gap:.45rem;padding:.32rem .48rem;font-size:.5rem;font-weight:700;display:inline-flex}.rankings-nation i{aspect-ratio:1;background:currentColor;border-radius:50%;width:5px;box-shadow:0 0 7px}.rankings-nation--capella{color:#7099c6;background:#427abe0f;border-color:#5791d633}.rankings-nation--procyon{color:#b36b82;background:#ae3e610f;border-color:#c5537733}.rankings-nation--neutral{color:#747d8e;background:#7f889a0a;border-color:#8d94a429}.rankings-level{color:#aa9bd9;font-weight:600}.rankings-wing{color:#8e80bb;gap:.18rem;display:grid}.rankings-wing small{color:#545e71;font-size:.48rem}.rankings-power{color:#b7a4f3;font-family:var(--font-cinzel), serif;font-size:.72rem;font-weight:600}.rankings-alz{color:#d2b66c;font-family:var(--font-cinzel), serif;align-items:center;gap:.5rem;font-size:.72rem;font-weight:600;display:inline-flex}.rankings-alz svg{width:15px}.rankings-guild{align-items:center;gap:.55rem;display:flex}.rankings-guild svg{color:#8c76ce;width:18px}.rankings-members{align-items:center;gap:.4rem;display:inline-flex}.rankings-members svg{color:#6d628f;width:14px}.rankings-state{text-align:center;align-content:center;place-items:center;gap:.8rem;min-height:500px;padding:2rem;display:grid}.rankings-state>svg{color:#8b74cf;width:32px;animation:.9s linear infinite rankings-spin}.rankings-state h2{color:#c7c8d1;font-family:var(--font-cinzel), serif;text-transform:uppercase;margin:0;font-size:1.2rem;font-weight:500}.rankings-state p{color:#626c80;margin:0;font-size:.7rem}.rankings-state--error>svg{color:#aa6976;animation:none}.rankings-state button{color:#9d89d5;min-height:42px;font:inherit;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;background:#6648bb14;border:1px solid #a68fef38;align-items:center;gap:.5rem;margin-top:.5rem;padding:.6rem .8rem;font-size:.52rem;font-weight:700;display:flex}.rankings-state button svg{width:14px}.rankings-footer{color:#4d5668;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;width:min(100%,1520px);margin:0 auto;padding:1.5rem 0 0;font-size:.5rem;font-weight:700;display:flex}.rankings-footer span{align-items:center;gap:.45rem;display:flex}.rankings-footer span i{aspect-ratio:1;background:#61b981;border-radius:50%;width:5px;box-shadow:0 0 8px #50bf7b80}.rankings-footer p{margin:0}@keyframes rankings-spin{to{transform:rotate(360deg)}}@keyframes rankings-aura{0%,to{opacity:.45;transform:scale(.98)}50%{opacity:.85;transform:scale(1.04)}}@keyframes rankings-signal{0%,to{opacity:.55}50%{opacity:1}}@media (max-width:800px){.rankings-page{padding-inline:1rem}.rankings-header{grid-template-columns:1fr 1fr}.rankings-header-signal{display:none}.rankings-hero{min-height:520px}.rankings-hero-stats{grid-template-columns:repeat(2,1fr)}.rankings-hero-stats>div:nth-child(2){border-right:0}.rankings-hero-stats>div:last-child{border-top:1px solid #bdb2ed1f;grid-column:1/-1}.rankings-archive-heading{flex-direction:column;align-items:flex-start;gap:.6rem}.rankings-tab{min-height:72px}}@media (max-width:560px){.rankings-brand{width:70px;height:70px}.rankings-back-link{font-size:.5rem}.rankings-hero{min-height:470px;padding-top:3rem}.rankings-hero>p{letter-spacing:.24em;gap:.45rem;font-size:.48rem}.rankings-hero>p span{width:22px}.rankings-hero h1{font-size:clamp(2.45rem,13vw,4rem)}.rankings-hero>span{font-size:.75rem}.rankings-hero-stats{margin-top:2rem}.rankings-tabs{grid-template-columns:1fr}.rankings-tab{border-right:0;border-bottom:1px solid var(--rankings-line);justify-content:flex-start;min-height:62px;padding-left:1.2rem}.rankings-tab:last-child{border-bottom:0}.rankings-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.rankings-backdrop:after,.rankings-header-signal>i,.rankings-state>svg{animation:none}}