.rank-hub{--rank-accent:#5269da;--rank-tint:#eef1ff;--rank-ink:#263247;--rank-muted:#8590a2;--rank-surface:#fff;--rank-soft:#f6f8fb;color:var(--rank-ink);padding-top:22px;padding-bottom:32px;font-size:14px}.rank-hub *{box-sizing:border-box}.rank-hub [hidden]{display:none!important}.rank-hub button,.rank-hub select{font:inherit}.rank-hub button,.rank-hub a,.rank-hub select{touch-action:manipulation}.rank-hub button:focus-visible,.rank-hub a:focus-visible,.rank-hub select:focus-visible,.rank-hub summary:focus-visible{outline:2px solid var(--rank-accent);outline-offset:3px}.rank-hub[data-board=grind]{--rank-accent:#239477;--rank-tint:#eaf7f2}.rank-hub[data-board=market]{--rank-accent:#bd8835;--rank-tint:#fff7e8}.rank-hub[data-board=items]{--rank-accent:#9470c9;--rank-tint:#f4effc}.rank-hub[data-board=collections]{--rank-accent:#c16e91;--rank-tint:#fceff5}.rank-hub[data-board=authors]{--rank-accent:#438da8;--rank-tint:#ecf6fa}.rank-hero{display:flex;justify-content:space-between;align-items:center;min-height:145px;padding:8px 26px 24px}.rank-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#7e8ba5;display:flex;align-items:center;gap:8px}.rank-logo{font-size:20px;line-height:1;color:#5972d9}.rank-hero h1{margin:10px 0;font-size:28px;font-weight:700;letter-spacing:1px}.rank-hero h1>span{font-size:12px;font-weight:400;color:var(--rank-muted);letter-spacing:0;margin-left:20px}.rank-hero p{font-size:13px;color:var(--rank-muted);margin:0}.rank-hero-art{width:190px;height:94px;display:flex;align-items:flex-end;gap:7px;padding:0 18px;transform:rotate(-5deg)}.rank-hero-art i{position:relative;display:grid;place-items:center;width:45px;height:52px;border-radius:5px 5px 0 0;background:#e5eafa;color:#98a5ce;font-size:18px;font-weight:700;font-style:normal}.rank-hero-art i:nth-child(2){height:78px;background:#6379d9;color:#fff}.rank-hero-art i:nth-child(3){height:38px;background:#eef0f7}.rank-hero-art span{position:absolute;top:-23px;font-size:18px;color:#d8a047}.rank-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:18px}.rank-nav button{display:flex;align-items:center;gap:12px;text-align:left;padding:15px 16px;background:var(--rank-surface);border:0;border-radius:6px;cursor:pointer;color:var(--rank-ink);transition:background .15s}.rank-nav button:hover{background:var(--rank-soft)}.rank-nav button[aria-pressed=true]{background:var(--rank-accent);color:#fff}.rank-nav-icon{height:35px;width:35px;flex-shrink:0;display:grid;place-items:center;background:#eef1fc;color:#687ac0;border-radius:6px;font-size:23px}.rank-nav button[data-board=grind] .rank-nav-icon{background:#eaf7f2;color:#398f78}.rank-nav button[data-board=market] .rank-nav-icon{background:#fff6e6;color:#bc8b3e}.rank-nav button[data-board=items] .rank-nav-icon{background:#f2ecfb;color:#9275b9}.rank-nav button[data-board=collections] .rank-nav-icon{background:#fbedf3;color:#c67f9f}.rank-nav button[data-board=authors] .rank-nav-icon{background:#eaf4f8;color:#6196a9}.rank-nav button[aria-pressed=true] .rank-nav-icon{background:#ffffff24;color:#fff}.rank-nav strong{display:block;font-size:13px;font-weight:600;white-space:nowrap}.rank-nav small{display:block;font-size:10px;color:var(--rank-muted);margin-top:3px}.rank-nav button[aria-pressed=true] small{color:#ffffffa8}.rank-panel{background:var(--rank-surface);border-radius:7px;overflow:hidden}.rank-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px 20px}.rank-kicker{font-size:10px;letter-spacing:1.2px;color:var(--rank-accent);font-weight:600}.rank-panel-head h2{font-size:22px;font-weight:600;margin:6px 0}.rank-panel-head p{color:var(--rank-muted);font-size:12px;margin:0}.rank-panel-head>a{flex-shrink:0;font-size:12px;color:var(--rank-accent);background:var(--rank-tint);padding:9px 13px;border-radius:5px;text-decoration:none}.rank-controls{display:flex;flex-wrap:wrap;gap:14px;padding:0 28px 18px}.rank-filter{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--rank-muted)}.rank-filter select{padding:8px 25px 8px 11px;border:0;border-radius:4px;background:var(--rank-soft);color:var(--rank-ink);min-width:115px;cursor:pointer}.rank-filter-hint{font-size:12px;color:var(--rank-muted);background:var(--rank-soft);padding:8px 12px;border-radius:4px}.rank-info{display:flex;align-items:center;gap:15px;padding:11px 28px;background:var(--rank-soft);font-size:11px;color:var(--rank-muted)}#rank-scope{color:var(--rank-ink);margin-right:auto}.rank-info button{border:0;background:none;color:var(--rank-muted);font-size:11px;cursor:pointer;white-space:nowrap}.rank-info button:disabled{opacity:.5;cursor:wait}.rank-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px 28px 10px}.rank-winner{position:relative;display:flex;align-items:center;gap:12px;background:var(--rank-soft);border-radius:6px;padding:33px 16px 16px;min-width:0}.rank-winner-1{background:var(--rank-tint)}.rank-winner-place{position:absolute;top:11px;left:16px;font-size:9px;letter-spacing:1.4px;font-weight:700;color:var(--rank-muted)}.rank-winner-1 .rank-winner-place{color:var(--rank-accent)}.rank-avatar{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;background:var(--rank-tint);color:var(--rank-accent);border-radius:5px;font-size:23px;overflow:hidden}.rank-avatar img{width:100%;height:100%;object-fit:contain;padding:4px;image-rendering:pixelated}.rank-winner-copy{min-width:0;flex:1}.rank-winner-copy strong{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-winner-copy small{display:block;color:var(--rank-muted);font-size:10px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-winner-value{text-align:right;flex-shrink:0}.rank-winner-value b{font-size:23px;line-height:1;font-variant-numeric:tabular-nums;color:var(--rank-accent)}.rank-winner-value small{display:block;font-size:9px;color:var(--rank-muted);margin-top:7px}.rank-table-wrap{padding:7px 28px 12px;overflow-x:auto}.rank-table{border-collapse:collapse;width:100%;text-align:left;table-layout:fixed}.rank-table th{color:var(--rank-muted);font-size:11px;font-weight:400;padding:14px 10px}.rank-table th:first-child{width:65px}.rank-table th:nth-child(2){width:40%}.rank-table th:last-child{width:170px;text-align:right}.rank-table td{padding:12px 10px;border-bottom:1px solid var(--rank-soft)}.rank-table tr:last-child td{border:0}.rank-table tbody tr:hover{background:var(--rank-soft)}.rank-position{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:#9ca6b5}.rank-position.is-top-1{color:#c49846}.rank-position.is-top-2{color:#8191aa}.rank-position.is-top-3{color:#b08469}.rank-identity{display:flex;align-items:center;gap:13px;min-width:0}.rank-identity>div{min-width:0}.rank-name{font-size:13px;font-weight:500;color:var(--rank-ink);text-decoration:none;overflow-wrap:anywhere}.rank-name:hover{color:var(--rank-accent)}.rank-identity small{display:block;color:var(--rank-muted);font-size:11px;margin-top:4px}.rank-detail{color:var(--rank-muted);font-size:11px;overflow-wrap:anywhere}.rank-value{text-align:right;font-variant-numeric:tabular-nums}.rank-value b{font-size:15px;font-weight:600;color:var(--rank-accent)}.rank-value small{font-size:10px;color:var(--rank-muted);margin-left:6px}.rank-bar{display:block;width:90px;height:3px;background:var(--rank-soft);border-radius:2px;margin:7px 0 0 auto}.rank-bar i{display:block;height:100%;border-radius:2px;background:var(--rank-accent);opacity:.4}.rank-panel-foot{display:flex;justify-content:space-between;gap:16px;padding:15px 28px;background:var(--rank-soft);font-size:11px;color:var(--rank-muted)}.rank-status{padding:70px 24px;text-align:center;color:var(--rank-muted);font-size:13px;min-height:225px}.rank-status strong{font-weight:400;display:block}.rank-status a{display:inline-block;margin-top:16px;color:var(--rank-accent)}.rank-rules{margin-top:16px;padding:18px 26px;background:var(--rank-surface);border-radius:6px;color:var(--rank-muted);font-size:12px;line-height:1.9}.rank-rules summary{color:var(--rank-ink);font-weight:500;cursor:pointer}.rank-rules p{margin:8px 0 0}.dark .rank-hub,.tw-dark .rank-hub{--rank-ink:#d9e0ef;--rank-muted:#8996ad;--rank-surface:#192334;--rank-soft:#202c3f;--rank-tint:#28344c;--rank-accent:#8fa6fb}.dark .rank-nav-icon,.tw-dark .rank-nav-icon{background:#29354c!important}.dark .rank-nav button[aria-pressed=true],.tw-dark .rank-nav button[aria-pressed=true]{background:#3d548f}.dark .rank-hero-art,.tw-dark .rank-hero-art{opacity:.65}
@media(max-width:1100px){.rank-nav button{gap:8px;padding:13px 10px}.rank-nav-icon{width:28px;height:32px;font-size:20px}.rank-hero h1>span{display:none}.rank-winner{gap:8px;padding-left:12px;padding-right:12px}.rank-winner .rank-avatar{display:none}.rank-winner-value b{font-size:20px}}
@media(max-width:760px){.rank-hub{padding-top:12px}.rank-hero{padding:8px 7px 20px;min-height:125px}.rank-hero h1{font-size:25px}.rank-hero p{font-size:11px}.rank-hero-art{width:105px;padding:0 5px;gap:4px;transform:scale(.8);transform-origin:right}.rank-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}.rank-nav button{padding:12px 9px}.rank-nav strong{font-size:12px}.rank-nav small{font-size:9px}.rank-panel-head{padding:20px 16px 16px;align-items:flex-start}.rank-panel-head h2{font-size:20px}.rank-panel-head p{line-height:1.7}.rank-panel-head>a{font-size:10px;padding:7px 8px}.rank-controls{padding:0 16px 16px;gap:10px}.rank-filter{flex-direction:column;align-items:flex-start;gap:5px}.rank-filter select{min-width:100px;max-width:145px;font-size:12px}.rank-info{padding:10px 16px;gap:8px;flex-wrap:wrap}#rank-scope{flex-basis:100%}#rank-updated{margin-right:auto}.rank-podium{padding:14px 12px 6px;gap:6px}.rank-winner{padding:30px 9px 12px;display:block}.rank-winner-place{left:9px;font-size:8px}.rank-winner-copy strong{font-size:12px}.rank-winner-copy small{display:none}.rank-winner-value{text-align:left;margin-top:10px}.rank-winner-value b{font-size:19px}.rank-winner-value small{font-size:9px}.rank-table-wrap{padding:5px 10px 12px}.rank-table th:first-child{width:37px}.rank-table th:nth-child(2){width:auto}.rank-table th:last-child{width:115px}.rank-table th,.rank-table td{padding:11px 5px}.rank-detail,.rank-extra-heading{display:none}.rank-avatar{width:32px;height:36px;font-size:19px}.rank-identity{gap:8px}.rank-name{font-size:12px}.rank-identity small{font-size:10px}.rank-value b{font-size:13px}.rank-value small{display:block;margin:3px 0 0;font-size:9px}.rank-bar{width:65px}.rank-panel-foot{padding:13px 16px;font-size:10px}.rank-panel-foot>span:last-child{display:none}.rank-rules{padding:14px 16px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.rank-hub *{transition:none!important}}
.rank-hub svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.rank-logo svg{width:19px;height:19px}.rank-avatar.is-job{font-size:16px;font-weight:600}
/* Compact editorial banner; illustration is inline SVG with no image request. */
.rank-hero {
  position: relative;
  isolation: isolate;
  min-height: 158px;
  padding: 24px 30px;
  margin-bottom: 14px;
  border-radius: 7px;
  overflow: hidden;
  background: linear-gradient(105deg, #fff 0%, #f8f9ff 52%, #edf1ff 100%);
}
.rank-hero::after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 280px;
  height: 280px;
  right: -75px;
  top: -125px;
  border: 35px solid rgba(106, 127, 213, .04);
  border-radius: 50%;
}
.rank-hero-copy { position: relative; z-index: 1; }
.rank-hero .rank-eyebrow { gap: 9px; color: #687cb9; letter-spacing: 1.8px; font-size: 10px; }
.rank-hero .rank-logo { display: grid; place-items: center; color: #687bd2; }
.rank-hero-label { margin-left: 6px; padding-left: 15px; border-left: 1px solid #dce2f1; letter-spacing: 1px; font-weight: 400; color: #8c96ae; }
.rank-hero h1 { display: flex; align-items: baseline; gap: 10px; margin: 10px 0 9px; color: #283753; font-size: 30px; line-height: 1.35; letter-spacing: 1.5px; }
.rank-hero h1 .rank-title-dot { display: block; width: 6px; height: 6px; margin: 0; background: #7085dc; border-radius: 2px; }
.rank-hero p { color: #71809b; font-size: 12px; line-height: 1.7; }
.rank-hero-subtext { color: #929cb1; margin-left: 16px; font-size: 11px; word-spacing: 4px; }
.rank-hero-visual { width: 340px; height: 148px; flex-shrink: 0; margin: -19px -5px -19px 24px; color: #697fc6; }
.rank-hub .rank-hero-visual svg { display: block; width: 100%; height: 100%; stroke: none; stroke-width: 0; }
.dark .rank-hero, .tw-dark .rank-hero { background: linear-gradient(105deg, #1b2639, #222f48); }
.dark .rank-hero h1, .tw-dark .rank-hero h1 { color: #e0e7f6; }
.dark .rank-hero p, .tw-dark .rank-hero p { color: #a0acc4; }
.dark .rank-hero-label, .tw-dark .rank-hero-label { border-color: #3a4762; color: #8e9dbd; }
.dark .rank-hero .rank-eyebrow, .tw-dark .rank-hero .rank-eyebrow { color: #9caee0; }
.dark .rank-hero-visual, .tw-dark .rank-hero-visual { color: #a0b0e9; }
@media (max-width: 1100px) {
  .rank-hero-subtext { display: none; }
  .rank-hero-visual { width: 270px; margin-left: 12px; }
}
@media (max-width: 760px) {
  .rank-hero { min-height: 139px; padding: 19px 17px; margin-bottom: 11px; }
  .rank-hero h1 { font-size: 25px; margin: 9px 0 8px; letter-spacing: .8px; }
  .rank-hero .rank-eyebrow { font-size: 8px; letter-spacing: 1.3px; gap: 6px; }
  .rank-hero .rank-logo svg { width: 15px; height: 15px; }
  .rank-hero-label { display: none; }
  .rank-hero p { max-width: 190px; font-size: 11px; }
  .rank-hero-visual { position: absolute; width: 165px; height: 108px; right: -36px; bottom: 5px; margin: 0; opacity: .55; }
  .rank-hero::after { right: -180px; }
}
/* Unified dropdowns and job-stage segmented switch. */
.rank-panel { overflow: visible; }
.rank-head-actions { display:flex; align-items:center; gap:16px; flex-shrink:0; }
.rank-head-actions>a { font-size:12px; color:var(--rank-accent); background:var(--rank-tint); padding:10px 13px; border-radius:5px; text-decoration:none; white-space:nowrap; }
.rank-stage-switch { --stage-index:0; position:relative; display:grid; grid-template-columns:repeat(3,58px); padding:4px; border-radius:7px; background:var(--rank-soft); }
.rank-stage-slider { position:absolute; width:58px; top:4px; bottom:4px; left:4px; background:var(--rank-surface); border-radius:5px; box-shadow:0 1px 5px #25385b10; transform:translateX(calc(var(--stage-index) * 100%)); transition:transform .2s ease; }
.rank-stage-switch button { z-index:1; height:30px; border:0; background:transparent; color:var(--rank-muted); font-size:12px; cursor:pointer; border-radius:5px; }
.rank-stage-switch button[aria-pressed=true] { color:var(--rank-accent); font-weight:600; }
.rank-stage-switch button:hover { color:var(--rank-accent); }
.rank-dropdown { position:relative; }
.rank-dropdown-trigger { display:flex; align-items:center; justify-content:space-between; gap:22px; min-width:142px; height:36px; padding:0 12px; border:0; border-radius:5px; background:var(--rank-soft); color:var(--rank-ink); font-size:12px; cursor:pointer; transition:background .15s; }
.rank-dropdown-trigger:hover,.rank-dropdown-trigger[aria-expanded=true] { background:var(--rank-tint); color:var(--rank-accent); }
.rank-dropdown-caret { color:var(--rank-muted); transition:transform .15s; }
.rank-dropdown-trigger[aria-expanded=true] .rank-dropdown-caret { transform:rotate(180deg); color:var(--rank-accent); }
.rank-dropdown-menu { position:absolute; top:calc(100% + 7px); right:0; min-width:180px; max-width:calc(100vw - 40px); max-height:256px; padding:5px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; border-radius:7px; background:var(--rank-surface); box-shadow:0 8px 30px #25385b22,0 0 0 1px #8292b014; z-index:80; }
.rank-dropdown-option { display:flex; width:100%; align-items:center; justify-content:space-between; gap:20px; padding:9px 11px; border:0; border-radius:4px; background:none; color:var(--rank-ink); text-align:left; white-space:nowrap; font-size:12px; cursor:pointer; }
.rank-dropdown-option:hover,.rank-dropdown-option:focus-visible { background:var(--rank-soft); outline:none!important; }
.rank-dropdown-option[aria-selected=true] { color:var(--rank-accent); background:var(--rank-tint); font-weight:500; }
.rank-dropdown-check { visibility:hidden; }
.rank-dropdown-option[aria-selected=true] .rank-dropdown-check { visibility:visible; }
.rank-panel-foot { border-radius:0 0 7px 7px; }
@media(max-width:900px) {
 .rank-panel-head { flex-wrap:wrap; gap:16px; }
 .rank-head-actions { margin-left:auto; gap:10px; }
}
@media(max-width:760px) {
 .rank-head-actions { width:100%; justify-content:space-between; }
 .rank-head-actions>a { font-size:10px; padding:9px 10px; }
 .rank-stage-switch { grid-template-columns:repeat(3,51px); }
 .rank-stage-slider { width:51px; }
 .rank-dropdown-trigger { min-width:130px; gap:14px; }
 .rank-dropdown-menu { right:auto; left:0; min-width:165px; max-height:230px; }
 .rank-filter-caption { font-size:11px; }
}

/* Keep career filters together in the panel header. */
.rank-inline-filters { display: flex; align-items: center; }
.rank-inline-filters .rank-dropdown-menu { left: auto; right: 0; }
@media (max-width: 1100px) {
  .rank-panel-head { flex-wrap: wrap; gap: 16px; }
  .rank-head-actions { margin-left: auto; }
}
@media (max-width: 760px) {
  .rank-head-actions { flex-wrap: wrap; justify-content: flex-start; }
  .rank-inline-filters .rank-filter > span { display: none; }
  .rank-inline-filters .rank-dropdown-trigger { min-width: 120px; }
  .rank-head-actions > a { margin-left: auto; }
}

/* Fluent UI System Icons, from the installed @iconify-json/fluent package. */
.rank-dropdown-caret, .rank-dropdown-check { display:inline-block; width:16px; height:16px; flex:0 0 16px; background-color:currentColor; }
/* fluent:chevron-down-16-regular */
.rank-dropdown-caret { -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.146%205.646a.5.5%200%200%201%20.708%200L8%209.793l4.146-4.147a.5.5%200%200%201%20.708.708l-4.5%204.5a.5.5%200%200%201-.708%200l-4.5-4.5a.5.5%200%200%201%200-.708%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.146%205.646a.5.5%200%200%201%20.708%200L8%209.793l4.146-4.147a.5.5%200%200%201%20.708.708l-4.5%204.5a.5.5%200%200%201-.708%200l-4.5-4.5a.5.5%200%200%201%200-.708%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
/* fluent:checkmark-16-regular */
.rank-dropdown-check { -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.864%203.655a.5.5%200%200%201-.021.707l-7.93%207.474a.6.6%200%200%201-.839-.016L2.394%209.1a.5.5%200%200%201%20.712-.702l2.406%202.442l7.645-7.206a.5.5%200%200%201%20.707.021%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.864%203.655a.5.5%200%200%201-.021.707l-7.93%207.474a.6.6%200%200%201-.839-.016L2.394%209.1a.5.5%200%200%201%20.712-.702l2.406%202.442l7.645-7.206a.5.5%200%200%201%20.707.021%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }

.rank-search { display:flex; align-items:center; gap:8px; align-self:flex-end; height:36px; width:230px; max-width:100%; padding:0 10px; border-radius:5px; background:var(--rank-soft); color:var(--rank-muted); }
.rank-search:focus-within { box-shadow:0 0 0 2px var(--rank-tint); }
.rank-search input { min-width:0; flex:1; width:100%; height:100%; padding:0; border:0; outline:none; background:transparent; color:var(--rank-ink); font-size:12px; box-shadow:none; }
.rank-search input::-webkit-search-cancel-button { display:none; }
.rank-search-clear { display:grid; place-items:center; padding:2px; border:0; border-radius:3px; color:var(--rank-muted); background:transparent; cursor:pointer; }
.rank-search-clear:hover { color:var(--rank-accent); background:var(--rank-tint); }
.rank-search-icon,.rank-search-dismiss { display:block; width:16px; height:16px; flex:0 0 16px; background:currentColor; }
@media(max-width:760px) { .rank-search { width:100%; } }
/* fluent:search-16-regular */
.rank-search-icon { -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.02%2011.727a5.5%205.5%200%201%201%20.707-.707l3.127%203.126a.5.5%200%200%201-.708.708zM12%207.5a4.5%204.5%200%201%200-9%200a4.5%204.5%200%200%200%209%200%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.02%2011.727a5.5%205.5%200%201%201%20.707-.707l3.127%203.126a.5.5%200%200%201-.708.708zM12%207.5a4.5%204.5%200%201%200-9%200a4.5%204.5%200%200%200%209%200%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
/* fluent:dismiss-16-regular */
.rank-search-dismiss { -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m2.589%202.716l.057-.07a.5.5%200%200%201%20.638-.057l.07.057L8%207.293l4.646-4.647a.5.5%200%200%201%20.708.708L8.707%208l4.647%204.646a.5.5%200%200%201%20.057.638l-.057.07a.5.5%200%200%201-.638.057l-.07-.057L8%208.707l-4.646%204.647a.5.5%200%200%201-.708-.708L7.293%208L2.646%203.354a.5.5%200%200%201-.057-.638l.057-.07z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m2.589%202.716l.057-.07a.5.5%200%200%201%20.638-.057l.07.057L8%207.293l4.646-4.647a.5.5%200%200%201%20.708.708L8.707%208l4.647%204.646a.5.5%200%200%201%20.057.638l-.057.07a.5.5%200%200%201-.638.057l-.07-.057L8%208.707l-4.646%204.647a.5.5%200%200%201-.708-.708L7.293%208L2.646%203.354a.5.5%200%200%201-.057-.638l.057-.07z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }

/* Compact filters with map search aligned to the trailing edge. */
.rank-hub[data-board="grind"] .rank-controls { align-items:center; gap:12px; }
.rank-hub[data-board="grind"] .rank-dropdown-trigger { min-width:120px; gap:12px; }
.rank-controls .rank-search { margin-left:0; flex:1 1 230px; }
@media(max-width:760px) {
  .rank-hub[data-board="grind"] .rank-controls { align-items:flex-end; }
  .rank-controls .rank-search { flex:1 0 100%; margin-left:0; }
}

/* Member portraits use normal image sampling, unlike pixel-art equipment. */
.rank-hub[data-board="authors"] .rank-avatar img { object-fit:cover; padding:0; image-rendering:auto; }

/* Outfit previews need room for the full character, effects and accessories. */
.rank-hub[data-board="collections"] .rank-avatar { width:112px; height:120px; background:transparent; }
.rank-hub[data-board="collections"] .rank-avatar img { padding:0; object-fit:contain; }
.rank-hub[data-board="collections"] .rank-winner .rank-avatar { display:grid; width:128px; height:140px; }
.rank-hub[data-board="collections"] .rank-winner { gap:14px; padding-top:30px; }
.rank-hub[data-board="collections"] .rank-identity { gap:18px; }
@media(max-width:1100px) {
  .rank-hub[data-board="collections"] .rank-winner { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
  .rank-hub[data-board="collections"] .rank-winner .rank-avatar { grid-column:1 / -1; justify-self:center; }
}
@media(max-width:760px) {
  .rank-hub[data-board="collections"] .rank-avatar { width:80px; height:96px; }
  .rank-hub[data-board="collections"] .rank-identity { gap:10px; }
  .rank-hub[data-board="collections"] .rank-podium { grid-template-columns:1fr; }
  .rank-hub[data-board="collections"] .rank-winner { grid-template-columns:96px minmax(0,1fr) auto; align-items:center; padding:28px 12px 12px; }
  .rank-hub[data-board="collections"] .rank-winner .rank-avatar { grid-column:auto; width:96px; height:112px; }
  .rank-hub[data-board="collections"] .rank-winner-value { margin-top:0; text-align:right; }
  .rank-hub[data-board="collections"] .rank-table th:last-child { width:82px; }
}

/* Keep the initial controls and scrollbar at their final dimensions. */
.rank-stage-placeholder { height:30px; display:grid; place-items:center; font-size:12px; color:var(--rank-muted); }
html:has(.rank-hub) { scrollbar-gutter:stable; }

/* Expand map efficiency without another request or a page jump. */
.rank-expandable { cursor:pointer; }
.rank-expandable .rank-name { display:inline-flex; align-items:center; gap:8px; padding:0; border:0; background:none; text-align:left; cursor:pointer; font:inherit; font-size:13px; }
.rank-row-caret { width:12px; height:12px; flex-basis:12px; }
.rank-name[aria-expanded="true"] .rank-row-caret { transform:rotate(180deg); color:var(--rank-accent); }
.rank-expandable.is-expanded { background:var(--rank-tint); }
.rank-table .rank-expanded-row:hover { background:transparent; }
.rank-table .rank-expanded-row > td { padding:0 0 18px; }
.rank-grind-details { padding:18px 20px; border-radius:0 0 6px 6px; background:var(--rank-soft); color:var(--rank-muted); font-size:12px; }
.rank-grind-detail-head,.rank-grind-detail-foot { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.rank-grind-detail-head strong { color:var(--rank-ink); font-weight:500; }
.rank-percentiles { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:14px 0 10px; }
.rank-percentile { padding:12px; border-radius:5px; }
.rank-percentile.is-median { background:var(--rank-tint); }
.rank-percentile span,.rank-percentile small { display:block; font-size:11px; }
.rank-percentile b { display:block; color:var(--rank-ink); font-size:18px; font-variant-numeric:tabular-nums; margin:5px 0; }
.rank-percentile.is-median b { color:var(--rank-accent); }
.rank-percentile-note { font-size:11px; line-height:1.7; margin:0 0 16px; }
.rank-qualifications { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-bottom:18px; }
.rank-qualification > div { display:flex; justify-content:space-between; gap:8px; }
.rank-qualification strong { color:var(--rank-ink); font-weight:500; }
.rank-qualification progress { display:block; width:100%; height:4px; margin:9px 0; border:0; border-radius:2px; overflow:hidden; background:var(--rank-tint); color:var(--rank-accent); appearance:none; }
.rank-qualification progress::-webkit-progress-bar { background:var(--rank-tint); }
.rank-qualification progress::-webkit-progress-value { background:var(--rank-accent); }
.rank-qualification progress::-moz-progress-bar { background:var(--rank-accent); }
.rank-qualification small { font-size:11px; }.rank-qualification .is-qualified { color:var(--rank-accent); }
.rank-grind-sources,.rank-grind-sources > span { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.rank-grind-sources { gap:14px; }.rank-grind-sources img { width:16px;height:16px;object-fit:contain; }
.rank-grind-detail-foot { font-size:11px; }
@media(max-width:760px) {
 .rank-table .rank-expanded-row > td { padding:0 0 12px; }
 .rank-grind-details { padding:14px 10px; }
 .rank-percentiles { grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; }
 .rank-percentile { padding:10px; }.rank-percentile b { font-size:16px; }
 .rank-qualifications { grid-template-columns:1fr; gap:14px; }
 .rank-expandable .rank-name { font-size:12px; }
}

.rank-map-drops { margin:0 0 18px; }
.rank-map-drop-title { display:block; color:var(--rank-ink); font-size:12px; font-weight:500; margin-bottom:10px; }
.rank-map-drop-body { display:grid; gap:10px; }
.rank-drop-group { display:flex; align-items:flex-start; gap:12px; }
.rank-drop-label { flex:0 0 24px; line-height:40px; font-size:11px; }
.rank-drop-icons { display:flex; flex-wrap:wrap; gap:6px; }
.rank-drop-item { position:relative; display:grid; place-items:center; width:40px; height:40px; border-radius:5px; background:var(--rank-surface); color:var(--rank-muted); text-decoration:none; }
.rank-drop-item:hover,.rank-drop-item:focus-visible { background:var(--rank-tint); outline:2px solid var(--rank-accent); outline-offset:1px; }
.rank-drop-item img { position:relative; width:32px; height:32px; object-fit:contain; image-rendering:pixelated; }
.rank-drop-fallback { position:absolute; width:20px; height:20px; background:currentColor; }
.rank-drop-message { font-size:11px; }
.rank-drop-retry { justify-self:start; color:var(--rank-accent); border:0; background:var(--rank-tint); border-radius:4px; padding:5px 10px; cursor:pointer; }
/* fluent:box-16-regular */
.rank-drop-fallback { -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.923%201.378a3%203%200%200%201%202.154%200l4.962%201.908a1.5%201.5%200%200%201%20.961%201.4v6.626a1.5%201.5%200%200%201-.961%201.4l-4.962%201.909a3%203%200%200%201-2.154%200l-4.961-1.909a1.5%201.5%200%200%201-.962-1.4V4.686a1.5%201.5%200%200%201%20.962-1.4zm1.795.933a2%202%200%200%200-1.436%200l-1.384.533l5.59%202.116l1.948-.834zM14%204.971L8.5%207.33v6.428q.11-.028.218-.07l4.962-1.908a.5.5%200%200%200%20.32-.467zm-6.5%208.786V7.33L2%204.972v6.34a.5.5%200%200%200%20.32.467l4.962%201.908q.107.042.218.07M2.564%204.126L8%206.456l2.164-.928l-5.667-2.146z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.923%201.378a3%203%200%200%201%202.154%200l4.962%201.908a1.5%201.5%200%200%201%20.961%201.4v6.626a1.5%201.5%200%200%201-.961%201.4l-4.962%201.909a3%203%200%200%201-2.154%200l-4.961-1.909a1.5%201.5%200%200%201-.962-1.4V4.686a1.5%201.5%200%200%201%20.962-1.4zm1.795.933a2%202%200%200%200-1.436%200l-1.384.533l5.59%202.116l1.948-.834zM14%204.971L8.5%207.33v6.428q.11-.028.218-.07l4.962-1.908a.5.5%200%200%200%20.32-.467zm-6.5%208.786V7.33L2%204.972v6.34a.5.5%200%200%200%20.32.467l4.962%201.908q.107.042.218.07M2.564%204.126L8%206.456l2.164-.928l-5.667-2.146z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }

.rank-map-monster { width:48px; height:48px; }
.rank-map-monster img { width:40px; height:40px; }

/* Partner branding uses the same local assets as the grind tracker. */
.rank-partners { display:flex; align-items:center; gap:12px; flex-shrink:0; padding:9px 13px; border-radius:5px; background:var(--rank-soft); font-size:12px; margin:0 auto; }
.rank-partners a { display:inline-flex; align-items:center; gap:7px; color:var(--rank-ink); text-decoration:none; font-weight:500; white-space:nowrap; }
.rank-partners>span { color:var(--rank-muted); font-size:11px; }
.rank-partners img,.rank-head-actions>a img { object-fit:contain; flex-shrink:0; }
.rank-head-actions>a { display:inline-flex; align-items:center; gap:7px; min-height:38px; }
.rank-hub[data-board=grind] .rank-head-actions>a { height:42px; padding-top:0; padding-bottom:0; }
.rank-head-actions .rank-partner-entry { background:var(--rank-soft); color:var(--rank-ink); }
.rank-partner-entry small { font-size:10px; line-height:18px; padding:0 5px; border-radius:3px; color:var(--rank-accent); background:var(--rank-tint); }
.rank-partners a:hover,.rank-head-actions>a:hover { color:var(--rank-accent); filter:brightness(.97); }
.rank-partners a:focus-visible,.rank-head-actions>a:focus-visible { outline:2px solid var(--rank-accent); outline-offset:3px; }
/* fluent:open-16-regular */
.rank-open-icon { display:inline-block; width:14px; height:14px; flex:0 0 14px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.5%203A1.5%201.5%200%200%200%203%204.5v7A1.5%201.5%200%200%200%204.5%2013h7a1.5%201.5%200%200%200%201.5-1.5V9.27a.5.5%200%200%201%201%200v2.23a2.5%202.5%200%200%201-2.5%202.5h-7A2.5%202.5%200%200%201%202%2011.5v-7A2.5%202.5%200%200%201%204.5%202h2.23a.5.5%200%200%201%200%201zm4.27-.5a.5.5%200%200%201%20.5-.5h4.23a.5.5%200%200%201%20.5.5v4.23a.5.5%200%200%201-1%200V3.708L9.623%207.084a.5.5%200%201%201-.707-.707L12.293%203H9.269a.5.5%200%200%201-.5-.5%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.5%203A1.5%201.5%200%200%200%203%204.5v7A1.5%201.5%200%200%200%204.5%2013h7a1.5%201.5%200%200%200%201.5-1.5V9.27a.5.5%200%200%201%201%200v2.23a2.5%202.5%200%200%201-2.5%202.5h-7A2.5%202.5%200%200%201%202%2011.5v-7A2.5%202.5%200%200%201%204.5%202h2.23a.5.5%200%200%201%200%201zm4.27-.5a.5.5%200%200%201%20.5-.5h4.23a.5.5%200%200%201%20.5.5v4.23a.5.5%200%200%201-1%200V3.708L9.623%207.084a.5.5%200%201%201-.707-.707L12.293%203H9.269a.5.5%200%200%201-.5-.5%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
@media(min-width:1101px) { .rank-hub[data-board=grind] .rank-panel-head { gap:18px; } .rank-hub[data-board=grind] .rank-head-actions { gap:8px; } }
@media(max-width:760px) { .rank-hub[data-board=grind] .rank-panel-head>div:first-child { width:100%; } .rank-partners { margin:0; } .rank-hub[data-board=grind] .rank-head-actions { gap:8px; } .rank-hub[data-board=grind] .rank-head-actions>a { margin-left:0; padding:8px 10px; } }

/* Map thumbnails retain the entire minimap rather than cropping terrain. */
.rank-hub[data-board=grind] .rank-avatar { width:56px; height:44px; }
.rank-hub[data-board=grind] .rank-avatar img { padding:3px; }
@media(max-width:760px) { .rank-hub[data-board=grind] .rank-avatar { width:44px; height:36px; } }