nav a.active{color:#f5c547}.members-main{min-height:100vh}.members-hero{padding:95px 4vw 38px;text-align:center;background:radial-gradient(circle at 50% 5%,#efb62b22,transparent 40%)}.members-hero h1{font-size:clamp(42px,7vw,82px);margin:18px 0 12px}.members-hero p{max-width:760px;margin:0 auto;color:#aeb8c5;font-size:18px}.member-summary{max-width:1000px;margin:32px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.member-summary>div{padding:20px;border:1px solid #ffffff18;border-radius:14px;background:#111823}.member-summary span{display:block;color:#8f9baa;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.member-summary strong{display:block;margin-top:8px;color:#f5c547;font-size:25px}.members-content{padding-top:24px;max-width:1400px;margin:auto}.member-tools{position:sticky;top:72px;z-index:8;display:grid;grid-template-columns:minmax(240px,1fr) 190px 220px;gap:10px;padding:12px;margin-bottom:18px;background:#05070be8;border:1px solid #ffffff18;border-radius:14px;backdrop-filter:blur(12px)}.member-tools input,.member-tools select{height:48px;padding:0 14px;border:1px solid #ffffff20;border-radius:10px;background:#111823;color:#fff;font:inherit}.member-groups{display:grid;gap:16px}.rank-group{overflow:hidden;border:1px solid #ffffff18;border-radius:16px;background:#0b1018}.rank-head{width:100%;display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border:0;background:#111823;color:#fff;cursor:pointer;text-align:left}.rank-title{display:flex;align-items:center;gap:13px}.rank-badge{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:#f5c5471f;border:1px solid #f5c54766;color:#f5c547;font-weight:900}.rank-title h2{margin:0;font-size:21px}.rank-title small{display:block;margin-top:4px;color:#8e99a8}.rank-count{display:flex;align-items:center;gap:8px;color:#98a3b1}.rank-count strong{font-size:20px;color:#fff}.rank-arrow{font-size:18px;transition:.2s}.rank-group.collapsed .rank-arrow{transform:rotate(180deg)}.rank-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#ffffff10}.member-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:17px;background:#0d131d}.member-index{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffffff0d;color:#7f8997;font-size:11px;font-weight:900}.member-name{margin:0 0 8px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-meta{display:flex;flex-wrap:wrap;gap:14px;color:#aeb7c4;font-size:12px}.member-meta span b{color:#f5c547}.power-chip{padding:7px 9px;border:1px solid #f5c54733;border-radius:8px;background:#f5c54712;color:#f5c547;font-weight:900;font-size:12px}.empty-state{text-align:center;color:#8e99a8;padding:60px 20px}.rtl .rank-head{text-align:right}.rtl .member-card{direction:rtl}@media(max-width:900px){.member-tools{grid-template-columns:1fr 1fr}.member-tools input{grid-column:1/-1}.rank-list{grid-template-columns:1fr}}@media(max-width:620px){.members-hero{padding:70px 12px 28px}.member-summary{grid-template-columns:1fr}.members-content{padding:18px 10px 55px}.member-tools{top:62px;grid-template-columns:1fr}.member-tools input{grid-column:auto}.rank-head{padding:14px}.rank-title small{display:none}.rank-badge{width:43px;height:43px}.rank-count span.label{display:none}.member-card{grid-template-columns:34px minmax(0,1fr);padding:15px 12px}.power-chip{display:none}.member-index{width:32px;height:32px}.member-meta{gap:9px}}

.member-updated{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:18px;padding:0 4px;color:#7f8997;font-size:12px;text-align:right}.member-updated strong{color:#aeb8c5;font-weight:800}.rtl .member-updated{justify-content:flex-start;text-align:left}@media(max-width:620px){.member-updated{justify-content:flex-end;flex-wrap:wrap;margin-top:15px;padding:0 2px}}

/* Ensure rank collapse works even though .rank-list uses CSS Grid */
.rank-list[hidden]{display:none!important}

/* v58: mobile member tools — keep sorting only and avoid covering the member list */
@media(max-width:620px){
  .member-tools{
    position:static;
    top:auto;
    z-index:auto;
    display:block;
    padding:0;
    margin:0 0 16px;
    border:0;
    background:transparent;
    backdrop-filter:none;
  }
  #memberSearch,
  #rankFilter{
    display:none!important;
  }
  #sortMembers{
    display:block;
    width:100%;
    height:48px;
    padding:0 14px;
    border:1px solid #ffffff20;
    border-radius:10px;
    background:#111823;
    color:#fff;
    font:inherit;
  }
}


/* v59: mobile = all ranks fixed, sort control only */
.mobile-sort-wrap{display:contents}
#mobileSortLabel{display:none}
@media(max-width:620px){
  .mobile-sort-wrap{display:block}
  #mobileSortLabel{display:block;margin:0 0 8px 2px;color:#8f9baa;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
  #sortMembers{width:100%}
}

/* v60: mobile final — show only the sort select, no search/rank/all-ranks labels */
@media(max-width:768px){
  .member-tools{
    position:static!important;
    top:auto!important;
    z-index:auto!important;
    display:block!important;
    padding:0!important;
    margin:0 0 16px!important;
    border:0!important;
    background:transparent!important;
    backdrop-filter:none!important;
  }
  #memberSearch,
  #rankFilter,
  #mobileSortLabel{
    display:none!important;
  }
  .mobile-sort-wrap{
    display:block!important;
    width:100%;
  }
  #sortMembers{
    display:block!important;
    width:100%!important;
    height:48px;
    margin:0!important;
    padding:0 14px;
    border:1px solid #ffffff20;
    border-radius:10px;
    background:#111823;
    color:#fff;
    font:inherit;
  }
}