.site-root--ranking{--hg-rank-width: min(1680px, calc(100% - 56px) );background:#090a0c}.site-root.site-root--ranking>main{padding-top:88px}.site-root--ranking .hg-rank-page,.site-root--ranking .page-container,.site-root--ranking .footer-inner{width:var(--hg-rank-width);max-width:none;margin-inline:auto}.site-root--ranking .hg-rank-page{padding:5px 0 24px}.site-root--ranking .hg-rank-heading{margin-bottom:15px}.site-root--ranking .hg-rank-heading h1{font-size:36px;line-height:1.3;letter-spacing:-.025em;font-weight:700}.site-root--ranking .hg-rank-heading p{margin-top:4px;color:var(--muted);font-size:15px}.site-root--ranking .hg-rank-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #ffffff23}.site-root--ranking .hg-rank-tabs{display:flex;gap:10px;min-width:0}.site-root--ranking .hg-rank-tabs button{min-height:36px;padding:5px 21px;border:1px solid transparent;border-radius:22px;background:none;color:#d6d8de;font-size:15px;white-space:nowrap}.site-root--ranking .hg-rank-tabs button:hover{color:var(--gold);background:#ffffff06}.site-root--ranking .hg-rank-tabs button[aria-pressed=true]{background:var(--gold);color:#141414;font-weight:650}.site-root--ranking .hg-rank-count{flex:none;color:var(--muted);font-size:13px}.site-root--ranking .hg-rank-results{display:grid;gap:20px}.site-root--ranking .hg-rank-featured,.site-root--ranking .hg-rank-list{list-style:none;margin:0;padding:0}.site-root--ranking .hg-rank-featured{display:grid;grid-template-columns:minmax(0,2.2fr) repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}.site-root--ranking .hg-rank-featured>li{min-width:0}.site-root--ranking .hg-rank-card{min-width:0;color:var(--text);transition:background .18s,border-color .18s}.site-root--ranking .hg-rank-card:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.site-root--ranking .hg-rank-card:hover .hg-rank-copy h2{color:var(--gold)}.site-root--ranking .hg-rank-art{grid-area:art;position:relative;overflow:hidden;min-width:0;min-height:0;background:#1b2028}.site-root--ranking .hg-rank-art>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transition:filter .18s}.site-root--ranking .hg-rank-card:hover .hg-rank-art>img{filter:brightness(1.08)}.site-root--ranking .hg-rank-missing{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#9da5b3;background:linear-gradient(135deg,#202732,#141920);font-size:11px;text-align:center}.site-root--ranking .hg-rank-number{grid-area:rank;color:#aeb2bb;font-size:26px;line-height:1.1;font-weight:750;font-variant-numeric:tabular-nums}.site-root--ranking .hg-rank-copy{grid-area:copy;min-width:0}.site-root--ranking .hg-rank-copy h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:21px;font-weight:650;line-height:1.35;transition:color .18s}.site-root--ranking .hg-rank-meta{display:flex;flex-wrap:wrap;gap:0 7px;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.site-root--ranking .hg-rank-meta>span+span:before{content:"·";margin-right:7px}.site-root--ranking .hg-rank-tags{grid-area:tags;display:flex;flex-wrap:wrap;align-content:start;gap:6px;min-width:0}.site-root--ranking .hg-rank-tags>span{max-width:100%;padding:2px 8px;border:1px solid #ffffff1b;border-radius:5px;background:#ffffff08;color:#bec2ca;font-size:11px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-root--ranking .hg-rank-plays{grid-area:plays;min-width:0;color:var(--muted);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.site-root--ranking .hg-rank-plays strong{color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}.site-root--ranking .hg-rank-action{grid-area:action;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:fit-content;min-height:36px;padding:6px 17px;border-radius:20px;background:var(--gold);color:#141414;font-size:13px;font-weight:650;white-space:nowrap}.site-root--ranking .hg-rank-action>svg{flex:none}.site-root--ranking .hg-rank-arrow{display:none}.site-root--ranking .hg-rank-card--leader,.site-root--ranking .hg-rank-card--featured{display:grid;height:100%;border:1px solid #ffffff0d;border-radius:10px;background:#11151a;overflow:hidden}.site-root--ranking .hg-rank-card--leader:hover,.site-root--ranking .hg-rank-card--featured:hover{border-color:#ffd12a55;background:#161a21}.site-root--ranking .hg-rank-card--leader{grid-template-columns:minmax(0,1.45fr) minmax(220px,1fr);grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"art rank" "art copy" "art tags" "art plays" "art action";gap:10px 22px;align-items:start;padding:0 22px 0 0}.site-root--ranking .hg-rank-card--leader .hg-rank-art{align-self:stretch;width:auto;height:auto;aspect-ratio:auto;margin:0}.site-root--ranking .hg-rank-card--leader .hg-rank-number{margin-top:22px}.site-root--ranking .hg-rank-card--leader .hg-rank-action{margin-bottom:22px}.site-root--ranking .hg-rank-card--leader .hg-rank-number{color:var(--gold);font-size:44px;font-style:italic}.site-root--ranking .hg-rank-card--leader .hg-rank-copy h2{font-size:28px}.site-root--ranking .hg-rank-card--leader .hg-rank-meta{font-size:13px}.site-root--ranking .hg-rank-card--leader .hg-rank-plays{padding-top:1px;font-size:15px}.site-root--ranking .hg-rank-card--leader .hg-rank-action{min-height:38px;padding-inline:21px;font-size:14px}.site-root--ranking .hg-rank-card--featured{grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"art art" "rank copy" ". tags" ". plays" ". action";gap:7px 10px;padding:0 15px 17px}.site-root--ranking .hg-rank-card--featured .hg-rank-art{aspect-ratio:2.05;margin-inline:-15px;margin-bottom:2px}.site-root--ranking .hg-rank-card--featured .hg-rank-number{font-size:32px;font-style:italic;padding-top:1px}.site-root--ranking .hg-rank-featured>li:nth-child(3) .hg-rank-number{color:#e9a06d}.site-root--ranking .hg-rank-list{padding:0 12px;border:1px solid #ffffff0d;border-radius:9px;background:#101318}.site-root--ranking .hg-rank-list>li+li{border-top:1px solid #ffffff16}.site-root--ranking .hg-rank-card--row{display:grid;grid-template-columns:minmax(44px,max-content) 176px minmax(180px,1fr) minmax(120px,180px) minmax(140px,180px) auto;grid-template-areas:"rank art copy tags plays action";align-items:center;column-gap:24px;min-height:88px;padding:8px 12px;border-radius:6px}.site-root--ranking .hg-rank-card--row:hover{background:#ffffff04}.site-root--ranking .hg-rank-card--row .hg-rank-number{font-size:24px;text-align:center}.site-root--ranking .hg-rank-card--row .hg-rank-art{width:100%;aspect-ratio:2.45;border-radius:6px}.site-root--ranking .hg-rank-card--row .hg-rank-action{padding:0;background:none;color:var(--text)}.site-root--ranking .hg-rank-card--row .hg-rank-action>svg:first-child{color:var(--gold)}.site-root--ranking .hg-rank-card--row .hg-rank-arrow{display:block;margin-left:3px;color:#aeb4bf}.site-root--ranking .hg-rank-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:22px}.site-root--ranking .hg-rank-pagination button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:36px;padding:6px 14px;border:1px solid #ffffff26;border-radius:6px;background:#171b21;color:#c9cdd5;font-size:13px}.site-root--ranking .hg-rank-pagination button:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.site-root--ranking .hg-rank-page-current{display:grid;place-items:center;min-width:40px;min-height:36px;padding:5px 10px;border-radius:6px;background:var(--gold);color:#171717;font-size:14px}.site-root--ranking .hg-rank-loading,.site-root--ranking .hg-rank-empty{min-height:260px;padding:64px 20px;text-align:center;color:var(--muted)}.site-root--ranking .hg-rank-empty{display:flex;flex-direction:column;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;background:#101318}.site-root--ranking .hg-rank-empty h2{color:var(--text);font-size:22px}.site-root--ranking .hg-rank-empty p{font-size:14px}.site-root--ranking .hg-rank-empty button{min-height:44px;margin-top:4px;padding:8px 16px;border:1px solid #ffffff26;border-radius:6px;background:#1d222b}@media(min-width:761px){.site-root--ranking .hg-header{height:88px;padding:16px 0;background:linear-gradient(#080a0db3,transparent)}.site-root--ranking .hg-bar{width:var(--hg-rank-width);max-width:none;margin-inline:auto;gap:24px}.site-root--ranking .hg-nav-pill{height:48px;padding-inline:18px;gap:20px;background:#070a0dcc;border:1px solid #ffffff18}.site-root--ranking .hg-brand{gap:7px}.site-root--ranking .hg-nav{gap:18px}.site-root--ranking .hg-nav a{font-size:13px}.site-root--ranking .hg-nav a.is-active{color:var(--gold)}.site-root--ranking .hg-nav a.is-active:after{bottom:8px}.site-root--ranking .hg-right{flex:0 1 470px;gap:10px}.site-root--ranking .hg-search{max-width:220px;min-width:135px;margin-right:0;height:32px}.site-root--ranking .hg-search input{font-size:12px}.site-root--ranking .hg-tool{font-size:12px;gap:6px;padding-inline:10px!important;border-color:#ffd12a99}.site-root--ranking .hg-tool>svg{color:var(--gold)}.site-root--ranking .hg-avatar{border-color:#ffffff3d}}@media(min-width:1280px){.site-root--ranking .hg-rank-card--featured .hg-rank-art{aspect-ratio:2.2}.site-root--ranking .hg-rank-card--row{grid-template-columns:minmax(44px,max-content) 176px minmax(180px,250px) minmax(120px,180px) minmax(140px,1fr) auto}}@media(min-width:761px)and (max-width:1279px){.site-root--ranking{--hg-rank-width: calc(100% - 48px) }.site-root--ranking .hg-rank-featured{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:12px}.site-root--ranking .hg-rank-card--leader{grid-template-columns:minmax(0,1.2fr) minmax(180px,1fr);gap:8px 16px;padding:0 16px 0 0}.site-root--ranking .hg-rank-card--leader .hg-rank-number{margin-top:16px}.site-root--ranking .hg-rank-card--leader .hg-rank-action{margin-bottom:16px}.site-root--ranking .hg-rank-card--leader .hg-rank-copy h2{font-size:24px}.site-root--ranking .hg-rank-card--featured{grid-template-columns:30px minmax(0,1fr);column-gap:7px;padding-inline:12px}.site-root--ranking .hg-rank-card--featured .hg-rank-art{margin-inline:-12px}.site-root--ranking .hg-rank-card--featured .hg-rank-number{font-size:27px}.site-root--ranking .hg-rank-card--featured .hg-rank-copy h2{font-size:18px}.site-root--ranking .hg-rank-card--featured .hg-rank-action{padding-inline:12px;font-size:12px}.site-root--ranking .hg-rank-card--row{grid-template-columns:minmax(36px,max-content) 140px minmax(140px,1fr) minmax(126px,.7fr) auto;grid-template-areas:"rank art copy plays action" "rank art tags plays action";column-gap:16px;row-gap:6px;padding-inline:4px}.site-root--ranking .hg-rank-card--row .hg-rank-art{aspect-ratio:2}.site-root--ranking .hg-rank-card--row .hg-rank-copy h2{font-size:18px}.site-root--ranking .hg-rank-card--row .hg-rank-tags{align-self:start}}@media(min-width:761px)and (max-width:1000px){.site-root--ranking .hg-bar{gap:18px}.site-root--ranking .hg-nav-pill{padding-inline:15px;gap:16px}.site-root--ranking .hg-nav{gap:15px}.site-root--ranking .hg-tool[data-hg-open=history],.site-root--ranking .hg-tool[data-hg-open=quick]{padding:0!important}.site-root--ranking .hg-rank-card--leader{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:8px 12px;padding-right:12px}.site-root--ranking .hg-rank-card--leader .hg-rank-copy h2{font-size:21px}.site-root--ranking .hg-rank-card--leader .hg-rank-meta{font-size:11px}.site-root--ranking .hg-rank-card--leader .hg-rank-plays{font-size:13px}.site-root--ranking .hg-rank-card--featured{grid-template-columns:minmax(0,1fr);grid-template-areas:"art" "rank" "copy" "tags" "plays" "action";grid-template-rows:auto auto auto auto 1fr auto}.site-root--ranking .hg-rank-card--featured .hg-rank-number{font-size:24px}.site-root--ranking .hg-rank-card--row{grid-template-columns:minmax(32px,max-content) 112px minmax(140px,1fr) 114px auto;column-gap:12px}.site-root--ranking .hg-rank-card--row .hg-rank-plays{font-size:11px}.site-root--ranking .hg-rank-card--row .hg-rank-action{width:32px;min-height:44px}.site-root--ranking .hg-rank-card--row .hg-rank-action>span,.site-root--ranking .hg-rank-card--row .hg-rank-arrow{display:none}}@media(max-width:760px){.site-root--ranking{--hg-rank-width: calc(100% - 32px) }.site-root.site-root--ranking>main{padding-top:76px}.site-root--ranking .hg-brand{gap:0}.site-root--ranking .hg-brand .hg-brand-symbol{width:36px;height:36px}.site-root--ranking .hg-rank-page{padding-top:5px}.site-root--ranking .hg-rank-heading{margin-bottom:12px}.site-root--ranking .hg-rank-heading h1{font-size:29px}.site-root--ranking .hg-rank-heading p{font-size:13px}.site-root--ranking .hg-rank-toolbar{flex-wrap:wrap;gap:6px 12px;margin-bottom:16px;padding-bottom:9px}.site-root--ranking .hg-rank-tabs{gap:3px}.site-root--ranking .hg-rank-tabs button{min-height:40px;padding-inline:13px;font-size:13px}.site-root--ranking .hg-rank-count{margin-left:auto;font-size:11px}.site-root--ranking .hg-rank-results{gap:16px}.site-root--ranking .hg-rank-featured{grid-template-columns:minmax(0,1fr);gap:12px}.site-root--ranking .hg-rank-card--leader,.site-root--ranking .hg-rank-card--featured{grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto auto auto auto;grid-template-areas:"art art" "rank copy" ". tags" ". plays" ". action";gap:8px 10px;padding:0 16px 16px}.site-root--ranking .hg-rank-card--leader .hg-rank-art,.site-root--ranking .hg-rank-card--featured .hg-rank-art{margin:0 -16px 3px;aspect-ratio:2.05}.site-root--ranking .hg-rank-card--leader .hg-rank-number,.site-root--ranking .hg-rank-card--featured .hg-rank-number{padding-top:1px;font-size:31px}.site-root--ranking .hg-rank-card--leader .hg-rank-copy h2,.site-root--ranking .hg-rank-card--featured .hg-rank-copy h2{font-size:22px}.site-root--ranking .hg-rank-card--leader .hg-rank-meta,.site-root--ranking .hg-rank-card--featured .hg-rank-meta{font-size:12px}.site-root--ranking .hg-rank-card--leader .hg-rank-plays{font-size:13px;padding:0}.site-root--ranking .hg-rank-action,.site-root--ranking .hg-rank-card--leader .hg-rank-action{min-height:38px;padding:6px 18px;font-size:13px}.site-root--ranking .hg-rank-list{padding-inline:8px}.site-root--ranking .hg-rank-card--row{grid-template-columns:minmax(26px,max-content) 84px minmax(0,1fr);grid-template-areas:"rank art copy" ". . tags" ". . plays";gap:6px 9px;min-height:104px;padding:12px 0;align-items:start}.site-root--ranking .hg-rank-card--row .hg-rank-number{padding-top:3px;font-size:20px}.site-root--ranking .hg-rank-card--row .hg-rank-art{aspect-ratio:1.4}.site-root--ranking .hg-rank-card--row .hg-rank-copy h2{font-size:16px}.site-root--ranking .hg-rank-card--row .hg-rank-meta{margin-top:4px;font-size:10px;gap:0 4px}.site-root--ranking .hg-rank-card--row .hg-rank-meta>span+span:before{margin-right:4px}.site-root--ranking .hg-rank-card--row .hg-rank-tags{gap:4px}.site-root--ranking .hg-rank-card--row .hg-rank-tags>span{padding:1px 5px;font-size:10px}.site-root--ranking .hg-rank-card--row .hg-rank-plays{font-size:11px}.site-root--ranking .hg-rank-card--row .hg-rank-action{display:none}.site-root--ranking .hg-rank-pagination{gap:8px;margin-top:20px}.site-root--ranking .hg-rank-pagination button,.site-root--ranking .hg-rank-page-current{min-height:44px}}@media(max-width:370px){.site-root--ranking .hg-rank-tabs button{padding-inline:11px}.site-root--ranking .hg-rank-card--row{grid-template-columns:minmax(22px,max-content) 64px minmax(0,1fr);column-gap:7px}.site-root--ranking .hg-rank-card--row .hg-rank-copy h2{font-size:15px}}