.rank-page[data-v-ea664ec8]{padding:0 .75rem 1.5rem}@media(min-width:768px){.rank-page[data-v-ea664ec8]{padding:0 0 2.5rem}}.rank-hero[data-v-ea664ec8]{aspect-ratio:750/258;background:#060101;margin:0 -.75rem .75rem;overflow:hidden;position:relative}@media(min-width:768px){.rank-hero[data-v-ea664ec8]{aspect-ratio:1756/284;border-radius:1rem;margin:0 0 1rem}}.hero-photo[data-v-ea664ec8]{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.hero-photo-pc[data-v-ea664ec8]{display:none;-o-object-position:right center;object-position:right center}@media(min-width:768px){.hero-photo-pc[data-v-ea664ec8]{display:block}}.hero-photo-h5[data-v-ea664ec8]{display:block;-o-object-position:center;object-position:center}@media(min-width:768px){.hero-photo-h5[data-v-ea664ec8]{display:none}}.hero-fade[data-v-ea664ec8]{background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.69)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.69));inset:0;position:absolute}@media(min-width:768px){.hero-fade[data-v-ea664ec8]{background:-webkit-gradient(linear,left top,right top,from(rgba(11,11,11,.92)),color-stop(42%,hsla(0,0%,7%,.55)),to(rgba(1,0,0,.08)));background:linear-gradient(90deg,#0b0b0beb,#1212128c 42%,#01000014)}}.hero-copy[data-v-ea664ec8]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;position:relative;z-index:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0 .75rem 1.25rem}@media(min-width:768px){.hero-copy[data-v-ea664ec8]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 1.25rem}}.hero-copy h1[data-v-ea664ec8]{color:#fff;font-size:1.375rem;font-weight:700;line-height:1.2;margin:0}@media(min-width:768px){.hero-copy h1[data-v-ea664ec8]{font-size:2.5rem}}.hero-copy p[data-v-ea664ec8]{color:#ffffffd1;font-size:.8125rem;font-weight:500;line-height:1.5;margin:.375rem 0 0}@media(min-width:768px){.hero-copy p[data-v-ea664ec8]{font-size:1.125rem;line-height:1.8125rem;margin-top:.5rem}}.rank-tabs[data-v-ea664ec8]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.75rem;margin-bottom:.75rem;overflow:auto;scrollbar-width:none}@media(min-width:768px){.rank-tabs[data-v-ea664ec8]{gap:1.25rem;margin-bottom:1rem}}.rank-tabs[data-v-ea664ec8]::-webkit-scrollbar{display:none}.seg-btn[data-v-ea664ec8]{-ms-flex-negative:0;background:#fff3;border:0;border-radius:.75rem;color:#fff;flex-shrink:0;font-size:.875rem;font-weight:500;height:2.25rem;min-width:4rem;padding:0 1rem;-webkit-transition:background .3s ease,color .3s ease;transition:background .3s ease,color .3s ease}@media(min-width:768px){.seg-btn[data-v-ea664ec8]{font-size:1rem;height:2.5rem;min-width:5.5rem;padding:0 1.5rem}}.seg-btn.active[data-v-ea664ec8]{background:var(--brand-fill);color:#fff}.empty-list[data-v-ea664ec8]{color:#8f888f;font-size:.875rem;margin:1rem 0 0;padding:2.5rem 0;text-align:center}.empty-list img[data-v-ea664ec8]{display:block;margin:0 auto .75rem;max-width:46%;opacity:.72;width:10rem}.empty-list p[data-v-ea664ec8]{margin:0}.rank-list[data-v-ea664ec8]{display:grid;gap:.75rem}@media(min-width:768px){.rank-list[data-v-ea664ec8]{gap:1.25rem}}.rank-item[data-v-ea664ec8]{display:grid;grid-template-columns:5rem minmax(0,1fr);-webkit-box-align:start;-ms-flex-align:start;align-items:start;background:transparent;border:0;color:inherit;cursor:pointer;gap:.625rem;padding:0;text-align:left;text-decoration:none;width:100%}@media(min-width:768px){.rank-item[data-v-ea664ec8]{grid-template-columns:7.5rem minmax(0,1fr) auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear,left top,right top,from(rgba(177,66,235,.17)),to(rgba(67,0,159,.1)));background:linear-gradient(90deg,#b142eb2b,#43009f1a);border-radius:1rem;gap:1rem;min-height:11.75rem;padding:.875rem 1.875rem .875rem 1.25rem}.rank-item[data-v-ea664ec8]:hover{background:-webkit-gradient(linear,left top,right top,from(rgba(177,66,235,.24)),to(rgba(67,0,159,.16)));background:linear-gradient(90deg,#b142eb3d,#43009f29)}}.rank-cover[data-v-ea664ec8]{border-radius:.5rem;height:8.75rem;overflow:hidden;position:relative;width:5rem}@media(min-width:768px){.rank-cover[data-v-ea664ec8]{border-radius:1rem;height:10rem;width:7.5rem}}.rank-cover[data-v-ea664ec8] .c-image{height:100%;width:100%}.rank-cover[data-v-ea664ec8] .c-image-content img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cover-badge[data-v-ea664ec8]{background:#111;border-radius:.5rem 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:.75rem;font-style:normal;font-weight:700;height:1.5rem;left:0;line-height:1.5rem;min-width:1.5rem;padding:0 .375rem;position:absolute;text-align:center;top:0;z-index:2}.cover-badge.gold[data-v-ea664ec8]{background:-webkit-gradient(linear,left top,left bottom,from(#ffc83d),to(#80641f));background:linear-gradient(180deg,#ffc83d,#80641f)}.cover-badge.cyan[data-v-ea664ec8]{background:-webkit-gradient(linear,left top,left bottom,from(#3dc3ff),to(#1f6280));background:linear-gradient(180deg,#3dc3ff,#1f6280)}.cover-badge.green[data-v-ea664ec8]{background:-webkit-gradient(linear,left top,left bottom,from(#00d329),to(#006a15));background:linear-gradient(180deg,#00d329,#006a15)}@media(min-width:768px){.cover-badge[data-v-ea664ec8]{border-radius:1rem 0 .75rem;font-size:.875rem;height:1.75rem;line-height:1.75rem;min-width:1.75rem;padding:0 .5rem}}.cover-heat[data-v-ea664ec8]{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;position:absolute;right:0;z-index:2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.69)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.69));-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:.625rem;font-style:normal;gap:.1875rem;line-height:.875rem;padding:.5rem .375rem .25rem;pointer-events:none;white-space:nowrap}.cover-heat img[data-v-ea664ec8]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height:.625rem;-o-object-fit:contain;object-fit:contain;width:.625rem}.cover-heat span[data-v-ea664ec8]{min-width:0;overflow:hidden;text-overflow:ellipsis}@media(min-width:768px){.cover-heat[data-v-ea664ec8]{font-size:.75rem;gap:.25rem;line-height:1rem;padding:.75rem .5rem .375rem}.cover-heat img[data-v-ea664ec8]{height:.75rem;width:.75rem}}.rank-copy[data-v-ea664ec8]{min-width:0;padding-top:.125rem}@media(min-width:768px){.rank-copy[data-v-ea664ec8]{padding:0}}.title-row[data-v-ea664ec8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;gap:.5rem;justify-content:space-between}.rank-copy h3[data-v-ea664ec8],.title-row h3[data-v-ea664ec8]{color:#fff;font-size:.9375rem;font-weight:700;line-height:1.375rem;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.rank-copy h3[data-v-ea664ec8],.title-row h3[data-v-ea664ec8]{font-size:1.25rem;line-height:1.75rem}}.metric[data-v-ea664ec8]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:.8125rem;font-weight:600;gap:.25rem;line-height:1.375rem;white-space:nowrap}.metric img[data-v-ea664ec8]{height:1rem;width:1rem}@media(min-width:768px){.metric[data-v-ea664ec8]{display:none}}.source[data-v-ea664ec8]{color:#ffffff8c;font-size:.8125rem;line-height:1.25rem;margin:.5rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.source[data-v-ea664ec8]{display:none}}.summary[data-v-ea664ec8]{display:-webkit-box;margin:.375rem 0 0;overflow:hidden;-webkit-box-orient:vertical;color:#ffffff73;font-size:.75rem;-webkit-line-clamp:1;line-height:1.125rem}@media(min-width:768px){.summary[data-v-ea664ec8]{font-size:.875rem;-webkit-line-clamp:1;line-height:1.375rem;margin-top:.5rem}}.tag-list[data-v-ea664ec8]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.375rem;margin-top:.625rem}.tag-list i[data-v-ea664ec8]{background:#b142eb33;border-radius:.6875rem;color:#d17aff;font-size:.75rem;font-style:normal;font-weight:500;height:1.375rem;line-height:1.375rem;padding:0 .5rem}.tag-list i.modify[data-v-ea664ec8]{background:#ffc33b33;color:#ffc33b}.tag-list i.finished[data-v-ea664ec8]{background:#3be8ff33;color:#3bff9d}.tag-list i.rank[data-v-ea664ec8]{background:var(--brand-fill);border-radius:.25rem;color:#fff}@media(min-width:768px){.tag-list i[data-v-ea664ec8]{border-radius:.78125rem;height:1.5625rem;line-height:1.5625rem;padding:0 .875rem}.tag-list i.rank[data-v-ea664ec8]{background:#ff443b33;color:#ff8a84}}.side-heat[data-v-ea664ec8]{display:none}@media(min-width:768px){.side-heat[data-v-ea664ec8]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:1.25rem;font-weight:600;gap:.5rem;white-space:nowrap}}.side-heat img[data-v-ea664ec8]{height:1.5rem;width:1.5rem}.rank-pagination[data-v-ea664ec8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;gap:.375rem;justify-content:center;margin-top:2rem}@media(min-width:768px){.rank-pagination[data-v-ea664ec8]{gap:.5625rem;margin-top:2.625rem}}.page-btn[data-v-ea664ec8]{background:#19171c;border:.0625rem solid hsla(0,0%,100%,.1);border-radius:.625rem;color:#9b949a;display:grid;font-size:.875rem;height:2.25rem;place-items:center;width:2.25rem}.page-btn svg[data-v-ea664ec8]{height:.75rem;width:.5rem}@media(min-width:768px){.page-btn[data-v-ea664ec8]{height:2.625rem;width:2.625rem}}.page-btn.active[data-v-ea664ec8]{background:var(--brand-fill);border-color:transparent;color:#fff}.page-btn[data-v-ea664ec8]:disabled{cursor:not-allowed;opacity:.35}