.rank-panel{--rank-accent:var(--w-accent,var(--skin-accent,#c6a5ed));position:relative;isolation:isolate;margin:26px 0;padding:28px;border:1px solid color-mix(in srgb,var(--rank-accent) 28%,transparent);border-radius:24px;background:linear-gradient(150deg,color-mix(in srgb,var(--rank-accent) 14%,#191323),#110e1ce8 65%);box-shadow:inset 0 1px #ffffff21,0 15px 45px #08050e25;color:#f4edff;overflow:hidden}
.rank-panel:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 12%,color-mix(in srgb,var(--rank-accent) 13%,transparent),transparent 50%);pointer-events:none}
.rank-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.rank-eyebrow{font-size:12px;color:var(--rank-accent);letter-spacing:.22em}.rank-heading h2{font-size:clamp(16px,2.2vw,23px);margin:9px 0 0;line-height:1.55;font-weight:500;letter-spacing:.03em}.rank-top-label{font-size:9px;letter-spacing:.15em;color:#b4a5c7;white-space:nowrap}.rank-top-label b{display:block;font-size:29px;font-weight:350;color:#ecdbff;line-height:1.1}
.rank-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:14px;background:#08061266;border:1px solid #ffffff12;max-width:560px;margin:0 auto 22px;gap:5px}.rank-tabs button{font:inherit;font-size:14px;border:1px solid transparent;background:transparent;color:#b7aac8;border-radius:10px;padding:11px 10px;cursor:pointer;min-height:54px}.rank-tabs small{display:block;font-size:10px;font-weight:400;margin-top:4px;opacity:.7}.rank-tabs .active{color:#fff4ff;background:linear-gradient(130deg,color-mix(in srgb,var(--rank-accent) 32%,#292034),#31263e);border-color:color-mix(in srgb,var(--rank-accent) 38%,transparent);box-shadow:inset 0 1px #ffffff29,0 3px 8px #0004}
.rank-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:680px;align-items:end;gap:12px;margin:20px auto 4px;padding-top:22px}.rank-podium-item{--place:#c3cee6;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.rank-podium-item.place-1{--place:#efcf8e}.rank-podium-item.place-3{--place:#dca9a0}.rank-laurel{font-size:18px;line-height:26px;color:var(--place);text-shadow:0 0 17px color-mix(in srgb,var(--place) 40%,transparent);margin-bottom:12px}.place-1 .rank-laurel{font-size:32px;margin-bottom:18px}
.rank-avatar-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;border:1px solid color-mix(in srgb,var(--place,var(--rank-accent)) 58%,transparent);background:#292134;padding:3px;cursor:pointer;flex:none;box-shadow:0 0 0 4px #ffffff05,0 8px 18px #0004}.rank-avatar{display:block;width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#8b76ab,#36324c);font-size:20px;color:#fff}.place-1 .rank-avatar-button{width:72px;height:72px}.place-1 .rank-avatar{width:62px;height:62px;font-size:25px}.rank-avatar .profile-portrait,.rank-profile-avatar .profile-portrait{width:100%;height:100%}.rank-elite-dot{position:absolute;bottom:-7px;right:-3px;font-size:12px;color:#f5d99e;background:#30213b;border:1px solid #b28c68;border-radius:50%;width:19px;height:19px;line-height:17px;z-index:5}
.rank-member-name,.rank-row-person{color:#f4eaff;border:0;background:none;font:inherit;cursor:pointer;min-width:0}.rank-member-name{margin-top:22px;padding:4px 0;max-width:100%;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-value{font-size:19px;font-variant-numeric:tabular-nums;color:var(--place);line-height:1.5}.rank-value small{display:block;font-size:9px;letter-spacing:.12em;opacity:.7}.rank-pedestal{margin-top:14px;width:100%;padding:14px 5px 7px;min-height:85px;border:1px solid color-mix(in srgb,var(--place) 22%,transparent);border-bottom:0;border-radius:15px 15px 0 0;background:linear-gradient(170deg,color-mix(in srgb,var(--place) 17%,transparent),transparent);box-shadow:inset 0 1px #ffffff14}.rank-pedestal span{font-size:9px;letter-spacing:.1em;color:var(--place);opacity:.85}.rank-pedestal b{display:block;font-size:34px;font-weight:300;color:var(--place);opacity:.5;line-height:1.6}.place-1 .rank-pedestal{min-height:106px}.place-3 .rank-pedestal{min-height:75px}
.rank-list{border-top:1px solid #d7c8ec22;padding:3px 0}.rank-row{display:grid;grid-template-columns:24px 42px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 6px;border-bottom:1px solid #ffffff0a;min-height:82px}.rank-row:last-child{border:0}.rank-number{font-size:12px;color:#9a8ba9;font-variant-numeric:tabular-nums}.rank-row .rank-avatar-button{width:38px;height:38px;padding:1px}.rank-row .rank-avatar{width:32px;height:32px;font-size:14px}.rank-row .rank-elite-dot{width:13px;height:13px;font-size:8px;line-height:11px}.rank-row-person{text-align:left;padding:5px 0;display:flex;flex-direction:column;gap:6px}.rank-row-person strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.rank-row-person small{font-size:10px;color:#aa9bb9}.rank-row-score{text-align:right;font-size:17px;font-variant-numeric:tabular-nums;font-weight:500}.rank-row-score small{display:block;font-size:9px;color:#aa9bb9;margin-top:4px}
.rank-mine{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid color-mix(in srgb,var(--rank-accent) 25%,transparent);border-radius:12px;margin-top:16px;background:color-mix(in srgb,var(--rank-accent) 9%,transparent);font-size:11px;flex-wrap:wrap}.rank-mine>span{color:#c3b5d3}.rank-mine strong{color:#fff;font-size:13px}.rank-mine .text-btn{margin-left:auto;font-size:10px;color:#c3afd7}.rank-footnote{margin:13px 0 0;font-size:10px;color:#9c8fae;text-align:center;line-height:1.7}.rank-empty{text-align:center;padding:45px 15px;color:#c2b0d6;font-size:13px}.rank-empty>span{display:block;font-size:42px;color:var(--rank-accent);margin-bottom:15px}.rank-empty p{font-size:12px;line-height:1.8;margin:10px 0 0}
.rank-home-avatar{background:none;padding:0;border:0;border-radius:50%;cursor:pointer}.rank-panel button:focus-visible,.rank-home-avatar:focus-visible{outline:2px solid #f2ddff;outline-offset:5px}.rank-profile-dialog{max-width:440px!important}.rank-profile{position:relative;text-align:center;isolation:isolate;padding:28px 8px 8px}.rank-profile-light{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 15%,color-mix(in srgb,var(--w-accent,#cba7ff) 17%,transparent),transparent 60%);pointer-events:none}.rank-profile-avatar{display:block;width:82px;height:82px;margin:10px auto 38px;border-radius:50%;font-size:30px;background:#5f5076;color:#fff;box-shadow:0 0 0 6px #cfb1ef0d}.rank-profile-tier{display:block;font-size:10px;letter-spacing:.12em;color:#dac7e9}.rank-profile h2{font-size:24px;margin:12px 0 8px;color:#f5e9ff}.rank-profile-username{font-size:12px;color:#b0a0c2;margin:0}.rank-profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13;padding:20px 0;margin:25px 0}.rank-profile-stats small{display:block;color:#aa9aba;font-size:10px;margin-bottom:9px}.rank-profile-stats strong{font-size:21px;color:#e9dcff;overflow-wrap:anywhere}.rank-profile-stats em{font-style:normal;font-size:11px;color:#ac98c2;margin-left:3px}.rank-profile-stars{display:flex;gap:12px;justify-content:center;color:#51445e}.rank-profile-stars .lit{color:#e2c1ff;text-shadow:0 0 10px #c092ff55}.rank-profile-fields{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:22px 0}.rank-profile-fields div{padding:9px 16px;background:#ffffff06;border:1px solid #ffffff13;border-radius:10px;font-size:12px}.rank-profile-fields dt{color:#a899bb;font-size:10px;margin-bottom:4px}.rank-profile-fields dd{margin:0;color:#e2d5ee}.rank-profile-private,.rank-profile-note{font-size:11px;line-height:1.8;color:#a799b9;margin:22px 0}.rank-profile-note{font-size:9px;margin:16px 0 0}.rank-profile-bio{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:#d4c4e4;line-height:1.9;margin:18px auto;max-width:320px}.rank-edit{margin-top:12px}.rank-rules p{font-size:13px;line-height:1.9;margin:15px 0;color:#cdbedc}
@media(max-width:600px){.rank-panel{padding:20px 14px;border-radius:20px}.rank-podium{gap:7px}.rank-row{gap:10px;padding:18px 2px}.rank-mine{padding:12px;gap:8px}.rank-heading h2{font-size:16px}.rank-row-score{font-size:15px}.rank-value{font-size:17px}.rank-member-name{font-size:11px}.rank-pedestal span{font-size:8px}.rank-profile-stats strong{font-size:19px}}
.rank-panel{--rank-accent:var(--skin-accent,var(--w-accent,#c6a5ed));--rank-ink:var(--skin-ink,#f4edff);--rank-muted:var(--skin-muted,#aa9bb9);background:linear-gradient(150deg,var(--skin-panel,#21192ef5),var(--skin-surface,#110e1cf5));color:var(--rank-ink)}
.rank-panel :is(.rank-heading h2,.rank-member-name,.rank-row-person,.rank-row-score,.rank-mine strong){color:var(--rank-ink)}.rank-panel :is(.rank-row-person small,.rank-row-score small,.rank-number,.rank-footnote,.rank-mine>span){color:var(--rank-muted)}.rank-tabs{background:color-mix(in srgb,var(--rank-accent) 8%,transparent)}.rank-tabs button{color:var(--rank-muted)}.rank-tabs .active{background:linear-gradient(140deg,var(--skin-button,#5d456f),var(--skin-hover,#30263e));color:var(--skin-ink,#fff4ff)}.rank-top-label b{color:var(--rank-accent)}.rank-row{border-color:color-mix(in srgb,var(--rank-accent) 12%,transparent)}
body[data-worn-medal=first] .rank-podium-item{--place:#7a7388}body[data-worn-medal=first] .rank-podium-item.place-1{--place:#9d6c40}body[data-worn-medal=first] .rank-podium-item.place-3{--place:#a66c78}body[data-worn-medal=first] .rank-tabs .active{background:linear-gradient(140deg,#efd0e2,#f8e6f0);color:#67364f}body[data-worn-medal=first] .rank-panel button:focus-visible{outline-color:#8a4970}.rank-profile .member-gender{font-size:18px!important}
.rank-tabs .active{background:linear-gradient(140deg,var(--skin-hover,#5d456f),var(--skin-surface,#30263e))}