.rank-hero{background:linear-gradient(135deg,#eef2ff,#fdf2f8);border-radius:24px;gap:10px;margin-bottom:24px;padding:28px;display:grid}@media (max-width:767px){.rank-hero{border-radius:4.26667vw;gap:2.13333vw;margin-bottom:5.33333vw;padding:5.33333vw}}.rank-list{gap:12px;display:grid}@media (max-width:767px){.rank-list{gap:2.66667vw}}.rank-item{background:#fff;border:1px solid #eef2ff;border-radius:18px;gap:12px;padding:16px 18px;display:grid;box-shadow:0 10px 18px #0f172a0d}@media (max-width:767px){.rank-item{border-radius:3.73333vw;gap:2.66667vw;padding:3.2vw 3.73333vw}}.rank-item__top{align-items:center;gap:12px;display:flex}@media (max-width:767px){.rank-item__top{gap:2.66667vw}}.rank-badge{color:#7c3aed;background:#ede9fe;border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:inline-flex}@media (max-width:767px){.rank-badge{border-radius:2.66667vw;width:9.06667vw;min-width:9.06667vw;height:9.06667vw;min-height:9.06667vw;font-size:3.46667vw}}.rank-meta{color:#6b7280;flex-wrap:wrap;gap:10px 16px;font-size:14px;display:flex}@media (max-width:767px){.rank-meta{gap:2.13333vw 3.2vw;font-size:3.46667vw}}.rank-hero__tag{letter-spacing:.2em;text-transform:uppercase;color:#8b5cf6;font-size:12px;font-weight:700}@media (max-width:767px){.rank-hero__tag{letter-spacing:.16em;font-size:2.93333vw}}.rank-hero__title{font-size:clamp(24px,2.5vw,36px);font-weight:800}@media (max-width:767px){.rank-hero__title{font-size:5.33333vw}}.rank-hero__copy{color:#6b7280;font-size:14px}@media (max-width:767px){.rank-hero__copy{font-size:3.46667vw}}.rank-hero__chips{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}@media (max-width:767px){.rank-hero__chips{gap:2.13333vw;margin-top:2.13333vw}}.rank-chip{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:6px 12px;font-size:12px}@media (max-width:767px){.rank-chip{border-radius:999px;padding:1.33333vw 2.66667vw;font-size:2.93333vw}}.rank-list__inner{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:767px){.rank-list__inner{gap:2.66667vw}}.rank-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}@media (max-width:1280px){.rank-section-grid{grid-template-columns:1fr}}@media (max-width:767px){.rank-section-grid{grid-template-columns:1fr;gap:4.26667vw}}@media (max-width:900px){.rank-section-grid{grid-template-columns:1fr}}.rank-category{background:#fff;border:1px solid #eef2ff;border-radius:24px;margin-bottom:24px;padding:20px 24px;box-shadow:0 12px 24px #0f172a0d}@media (max-width:767px){.rank-category{border-radius:4.26667vw;margin-bottom:5.33333vw;padding:4.26667vw 5.33333vw}}.rank-category__header{gap:6px;margin-bottom:12px;display:grid}@media (max-width:767px){.rank-category__header{gap:1.06667vw;margin-bottom:2.66667vw}}.rank-category__title{color:#111827;font-size:18px;font-weight:800}@media (max-width:767px){.rank-category__title{font-size:4.26667vw}}.rank-category__subtitle{color:#6b7280;font-size:13px}@media (max-width:767px){.rank-category__subtitle{font-size:3.2vw}}.rank-category__chips{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:767px){.rank-category__chips{gap:2.13333vw}}.rank-category__chip{color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:border-color .2s,background .2s,color .2s}@media (max-width:767px){.rank-category__chip{padding:1.33333vw 2.66667vw;font-size:2.93333vw}}.rank-category__chip:hover{color:#6d28d9;background:#f5f3ff;border-color:#c7d2fe}.rank-category__chip.is-active{color:#6d28d9;background:#ede9fe;border-color:#8b5cf6}.rank-section{background:#fff;border:1px solid #eef2ff;border-radius:24px;padding:24px;box-shadow:0 16px 30px #0f172a0f}@media (max-width:767px){.rank-section{border-radius:4.26667vw;padding:4.26667vw 5.33333vw}}.rank-section__header{gap:6px;margin-bottom:16px;display:grid}@media (max-width:767px){.rank-section__header{gap:1.06667vw;margin-bottom:3.2vw}}.rank-section__title{color:#111827;letter-spacing:.02em;font-size:20px;font-weight:800}@media (max-width:767px){.rank-section__title{font-size:4.53333vw}}.rank-section__subtitle{color:#6b7280;font-size:13px}@media (max-width:767px){.rank-section__subtitle{font-size:3.2vw}}.empty-state--compact{background:#f9fafb;border:1px dashed #e5e7eb;border-radius:16px;padding:20px}@media (max-width:767px){.empty-state--compact{border-radius:3.2vw;padding:4.26667vw}}.rank-item__link{color:inherit;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:14px;width:100%;text-decoration:none;display:grid}@media (max-width:767px){.rank-item__link{grid-template-columns:auto auto 1fr minmax(0,auto);gap:2.66667vw}}.rank-badge--1{color:#b45309;background:#fef3c7}.rank-badge--2{color:#4b5563;background:#e5e7eb}.rank-badge--3{color:#92400e;background:#fde68a}.rank-item__avatar{background:#e5e7eb;border-radius:999px;width:48px;height:48px;position:relative;overflow:hidden}@media (max-width:767px){.rank-item__avatar{width:10.6667vw;min-width:10.6667vw;height:10.6667vw;min-height:10.6667vw}}.rank-item__avatar-img{object-fit:cover}.rank-item__avatar-placeholder{color:#9ca3af;place-items:center;width:100%;height:100%;display:grid}.rank-item__content{min-width:0}.rank-item__name{font-weight:700}@media (max-width:767px){.rank-item__name{font-size:3.73333vw}}.rank-item__meta{color:#6b7280;font-size:12px}@media (max-width:767px){.rank-item__meta{font-size:2.93333vw}}.rank-item__total{color:#9ca3af;font-size:12px}@media (max-width:767px){.rank-item__total{white-space:nowrap;font-size:2.93333vw}}.rank-item__more{color:#7c3aed;font-size:12px}@media (max-width:767px){.rank-item__more{font-size:2.93333vw;display:none}}