.rankings-page{--rank-gold:#d9aa49;--rank-silver:#c9d0d8;--rank-bronze:#b87845;width:min(1120px,calc(100% - 48px));margin:34px auto 76px;color:#cbd2d9}.rankings-page__hero{box-sizing:border-box;min-height:270px;padding:42px;display:grid;grid-template-columns:72px minmax(0,1fr) 150px;align-items:center;gap:28px;background:linear-gradient(90deg,rgba(4,8,13,.98),rgba(7,13,20,.9) 53%,rgba(7,12,17,.62)),url('/assets/img/hero-bg.png') center 43%/cover no-repeat;border:1px solid rgba(200,146,58,.22);box-shadow:0 20px 48px rgba(0,0,0,.28)}.rankings-page__trophy{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(200,146,58,.62);transform:rotate(45deg);background:rgba(7,11,16,.72)}.rankings-page__trophy svg{width:26px;height:26px;fill:none;stroke:var(--gold-bright);stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-45deg)}.rankings-page__hero>div:nth-child(2)>span,.rankings-page__category>span,.rankings-page__refresh>span{display:block;color:var(--gold-bright);font:800 9px/1 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}.rankings-page__hero h1{margin:11px 0 12px;color:#f4f1eb;font:700 31px/1 Cinzel,Georgia,serif;text-transform:uppercase}.rankings-page__hero p{max-width:510px;margin:0;color:#8c969f;font:12px/1.65 Arial,sans-serif}.rankings-page__refresh{justify-self:end;padding-left:24px;border-left:1px solid rgba(200,146,58,.22)}.rankings-page__refresh strong{margin-top:9px;display:flex;align-items:center;gap:7px;color:#ddd8d0;font:800 10px/1 Arial,sans-serif;text-transform:uppercase}.rankings-page__refresh svg{width:14px;height:14px;fill:none;stroke:var(--gold);stroke-width:1.7}.rankings-page__refresh small{display:block;margin-top:7px;color:#69737d;font:8px/1 Arial,sans-serif;text-transform:uppercase}.rankings-page__category{padding:27px 30px 21px;background:#090e14;border:1px solid rgba(200,146,58,.16);border-top:0}.rankings-page__category p{margin:7px 0 20px;color:#6f7882;font:10px/1.4 Arial,sans-serif}.rankings-page__category nav{display:flex;flex-wrap:wrap;gap:7px}.rankings-page__category button{height:36px;padding:0 15px;border:1px solid rgba(200,146,58,.13);border-bottom:2px solid transparent;background:#0d131a;color:#7e8791;font:800 9px/1 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.rankings-page__category button:hover,.rankings-page__category button:focus-visible{color:#ddd7ce;border-color:rgba(200,146,58,.38);outline:none}.rankings-page__category button.is-active{background:#121820;border-color:rgba(200,146,58,.48);border-bottom-color:var(--gold);color:var(--gold-bright)}.rankings-page__panel{border:1px solid rgba(200,146,58,.16);border-top:0;background:#070c12}.rankings-page__panel[hidden]{display:none}.rankings-page__classification{height:78px;padding:0 29px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(200,146,58,.14);background:#0a1017}.rankings-page__classification>div{display:flex;align-items:center;gap:13px}.rankings-page__classification svg{width:21px;height:21px;fill:none;stroke:var(--gold);stroke-width:1.5}.rankings-page__classification span{color:#7d8790;font:800 8px/1.35 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.rankings-page__classification span strong{display:block;margin-top:5px;color:#e7e2da;font:700 14px/1 Cinzel,Georgia,serif;letter-spacing:.02em}.rankings-page__classification>b{padding:7px 10px;border:1px solid rgba(200,146,58,.22);color:#968a79;font:800 8px/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.rankings-page__table-wrap{overflow-x:auto}.rankings-page__table{width:100%;min-width:780px;border-collapse:collapse;background:#081019;font:11px/1.4 Arial,sans-serif}.rankings-page__table th{height:48px;padding:0 17px;background:#0e1118;border-bottom:1px solid rgba(200,146,58,.17);color:#81796e;font-size:8px;letter-spacing:.15em;text-align:left;text-transform:uppercase}.rankings-page__table td{height:66px;padding:9px 17px;border-bottom:1px solid rgba(200,146,58,.085);color:#aeb6be;vertical-align:middle}.rankings-page__row{transition:background-color .16s}.rankings-page__row:hover{background:rgba(200,146,58,.045)}.rankings-page__row--podium-1{background:linear-gradient(90deg,rgba(217,170,73,.17),rgba(217,170,73,.045) 38%,transparent 78%)}.rankings-page__row--podium-2{background:linear-gradient(90deg,rgba(201,208,216,.13),rgba(201,208,216,.035) 38%,transparent 78%)}.rankings-page__row--podium-3{background:linear-gradient(90deg,rgba(184,120,69,.15),rgba(184,120,69,.04) 38%,transparent 78%)}.rankings-page__position{width:38px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(139,149,158,.22);color:#98a1aa;font:800 12px/1 Cinzel,Georgia,serif}.rankings-page__position sup{font-size:7px}.rankings-page__row--podium-1 .rankings-page__position{border-color:var(--rank-gold);background:linear-gradient(135deg,#f2d37a,#9d6d1c);color:#211708}.rankings-page__row--podium-2 .rankings-page__position{border-color:var(--rank-silver);background:linear-gradient(135deg,#eef2f5,#89939e);color:#151a20}.rankings-page__row--podium-3 .rankings-page__position{border-color:var(--rank-bronze);background:linear-gradient(135deg,#d99a66,#774329);color:#1d1009}.rankings-page__status{width:68px;height:23px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid currentColor;background:rgba(0,0,0,.17);font:800 7px/1 Arial,sans-serif;text-transform:uppercase}.rankings-page__status i{width:5px;height:5px;border-radius:50%;background:currentColor}.rankings-page__status.is-online{color:#59c98b}.rankings-page__status.is-offline{color:#a76060}.rankings-page__character{display:flex;align-items:center;gap:11px}.rankings-page__avatar{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(200,146,58,.28);background:#0f151c;color:var(--gold)}.rankings-page__avatar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.rankings-page__name{display:block;color:#e2ded7;font:700 11px/1.2 Cinzel,Georgia,serif}.rankings-page__character small{display:block;margin-top:5px;color:#69737d;font:7px/1 Arial,sans-serif;text-transform:uppercase}.rankings-page__value{color:var(--gold-bright);font:800 13px/1 Cinzel,Georgia,serif}.rankings-page__row--podium-1 .rankings-page__value{color:var(--rank-gold)}.rankings-page__row--podium-2 .rankings-page__value{color:var(--rank-silver)}.rankings-page__row--podium-3 .rankings-page__value{color:var(--rank-bronze)}.rankings-page__guild-mark{display:block;width:34px;height:34px;image-rendering:pixelated;object-fit:contain}.rankings-page__empty{height:230px!important;text-align:center!important}.rankings-page__empty svg{display:block;width:28px;height:28px;margin:0 auto 13px;fill:none;stroke:var(--gold);stroke-width:1.4}.rankings-page__empty strong,.rankings-page__empty span{display:block}.rankings-page__empty strong{color:#d9d5ce;font:700 12px/1 Cinzel,Georgia,serif;text-transform:uppercase}.rankings-page__empty span{margin-top:7px;color:#6c7580;font-size:9px}@media(max-width:1024px){.rankings-page{width:calc(100% - 32px)}.rankings-page__hero{grid-template-columns:60px minmax(0,1fr);padding:34px}.rankings-page__refresh{grid-column:2;justify-self:start;padding:15px 0 0;border-left:0;border-top:1px solid rgba(200,146,58,.18)}}@media(max-width:768px){.rankings-page{width:calc(100% - 24px);margin-top:24px}.rankings-page__hero{min-height:240px;padding:27px;grid-template-columns:48px minmax(0,1fr);gap:20px}.rankings-page__trophy{width:42px;height:42px}.rankings-page__hero h1{font-size:24px}.rankings-page__category nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.rankings-page__category button{flex:0 0 auto}.rankings-page__classification{padding:0 20px}}@media(max-width:430px){.rankings-page{width:calc(100% - 16px);margin-top:16px}.rankings-page__hero{display:block;min-height:280px;padding:24px}.rankings-page__trophy{margin:0 0 22px 8px}.rankings-page__refresh{margin-top:22px}.rankings-page__category{padding:23px 17px}.rankings-page__classification{height:72px;padding:0 15px}.rankings-page__classification>b{font-size:7px}.rankings-page__table{min-width:720px}}