.ranking-page{--secondary-color:var(--pic-primary-text);--rank-gold:#fbbf24;--rank-gold-rgb:251, 191, 36;--rank-silver:#94a3b8;--rank-silver-rgb:148, 163, 184;--rank-bronze:#d97706;--rank-bronze-rgb:217, 119, 6;padding:var(--pic-space-5xl) 0;position:relative;overflow:hidden;min-height:60vh}:root[data-theme="dark"] .ranking-page{--secondary-color:var(--pic-primary-text)}.rank-bg-glow{position:absolute;border-radius:var(--pic-radius-full);pointer-events:none;filter:blur(7.5rem);z-index:0}.rank-bg-glow.is-top{top:-7.5rem;left:-3.75rem;width:31.25rem;height:31.25rem;background:radial-gradient(circle, rgba(var(--rank-gold-rgb), 0.10), transparent 70%)}.rank-bg-glow.is-bottom{bottom:-6.25rem;right:-5rem;width:37.5rem;height:37.5rem;background:radial-gradient(circle, rgba(var(--pic-primary-rgb), 0.06), transparent 70%)}.rank-bg-float-icon{position:absolute;color:var(--rank-gold);opacity:0.04;pointer-events:none;z-index:0;animation:rankFloat 6s ease-in-out infinite}@keyframes rankFloat{0%, 100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-0.75rem) rotate(3deg)}}.ranking-container{max-width:50rem;margin:0 auto;padding:0 var(--pic-page-gutter-x);position:relative;z-index:1}.rank-header{text-align:center;margin-bottom:var(--pic-space-5xl);animation:rankFadeInUp 0.6s ease-out}.rank-title{display:inline-flex;align-items:center;gap:var(--pic-space-sm);font-size:var(--pic-font-size-2xl);font-weight:700;margin-bottom:var(--pic-space-sm);letter-spacing:var(--pic-letter-spacing-display);color:var(--rank-gold);background:linear-gradient(135deg, var(--rank-gold), var(--rank-bronze));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.rank-title .icon{font-size:1.75rem;color:var(--rank-gold);-webkit-text-fill-color:currentColor}.rank-subtitle{color:var(--pic-text-muted);font-size:var(--pic-font-size-base);margin:0 0 var(--pic-space-2xl)}.rank-tabs{display:inline-flex;background:rgba(var(--pic-bg-card-rgb, 255, 255, 255), 0.8);backdrop-filter:blur(0.625rem);-webkit-backdrop-filter:blur(0.625rem);border-radius:var(--pic-control-radius);padding:0.3125rem;border:none;box-shadow:var(--pic-shadow-sm)}.rank-tabs .tab-btn{padding:0.5rem 1.5rem;border-radius:var(--pic-control-radius);cursor:pointer;font-size:var(--pic-font-size-sm);color:var(--pic-text-muted);transition:var(--pic-transition);text-decoration:none;font-weight:500;border:0;background:transparent}.rank-tabs .tab-btn:hover{color:var(--pic-text)}.rank-tabs .tab-btn.active{background:var(--pic-primary);color:var(--pic-on-primary);font-weight:600;box-shadow:0 0.125rem 0.5rem rgba(var(--pic-primary-rgb), 0.25);text-decoration:none}.rank-tabs .tab-btn:focus-visible{outline:0.125rem solid var(--pic-primary);outline-offset:0.125rem}.rank-tabs .tab-btn:disabled{opacity:0.6;cursor:not-allowed}.rank-list.is-loading{opacity:0.55;pointer-events:none}.rank-loader{display:none;width:100%;justify-content:center;align-items:center;gap:0.5rem;padding:var(--pic-space-2xl) 0 0;text-align:center}.rank-loader.is-active{display:flex}.rank-loader-dot{width:0.375rem;height:0.375rem;border-radius:var(--pic-radius-full);background:var(--pic-primary);opacity:0.7;animation:pic-rank-bounce 1s infinite ease-in-out}.rank-loader-dot:nth-child(2){animation-delay:0.12s}.rank-loader-dot:nth-child(3){animation-delay:0.24s}@keyframes pic-rank-bounce{0%, 80%, 100%{transform:translateY(0)}40%{transform:translateY(-0.375rem)}}.rank-list{display:flex;flex-direction:column;gap:var(--pic-space-lg)}.rank-card{display:flex;align-items:center;background:var(--pic-bg-card);border-radius:var(--pic-content-radius);padding:var(--pic-space-lg);transition:transform var(--pic-transition), box-shadow var(--pic-transition), border-color var(--pic-transition);position:relative;overflow:hidden;text-decoration:none;color:inherit;animation:rankFadeInUp 0.5s ease-out backwards}.rank-card:nth-child(1){animation-delay:0.05s}.rank-card:nth-child(2){animation-delay:0.10s}.rank-card:nth-child(3){animation-delay:0.15s}.rank-card:nth-child(4){animation-delay:0.20s}.rank-card:nth-child(5){animation-delay:0.25s}.rank-card:nth-child(n+6){animation-delay:0.30s}.rank-card:hover{box-shadow:var(--pic-shadow-md);color:inherit}.rank-card-link{position:absolute;inset:0;z-index:1;border-radius:inherit}.rank-card-link:focus-visible{outline:none;box-shadow:inset 0 0 0 0.1875rem rgba(var(--pic-primary-rgb), 0.5)}.rank-card[data-rank="1"]{background:linear-gradient(135deg, rgba(var(--rank-gold-rgb), 0.06), var(--pic-bg-card) 60%)}.rank-card[data-rank="1"]:hover{box-shadow:0 0.25rem 1.25rem rgba(var(--rank-gold-rgb), 0.12)}.rank-card[data-rank="2"]{background:linear-gradient(135deg, rgba(var(--rank-silver-rgb), 0.05), var(--pic-bg-card) 60%)}.rank-card[data-rank="2"]:hover{box-shadow:0 0.25rem 1.25rem rgba(var(--rank-silver-rgb), 0.10)}.rank-card[data-rank="3"]{background:linear-gradient(135deg, rgba(var(--rank-bronze-rgb), 0.05), var(--pic-bg-card) 60%)}.rank-card[data-rank="3"]:hover{box-shadow:0 0.25rem 1.25rem rgba(var(--rank-bronze-rgb), 0.10)}.rank-card .rank-number{font-size:2.625rem;font-weight:700;width:4.375rem;min-width:4.375rem;margin-right:var(--pic-space-sm);text-align:center;color:var(--pic-text-muted);font-style:italic;opacity:0.6;display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box}.rank-card .rank-number-value{display:block;line-height:1;z-index:1}.rank-card[data-rank="1"] .rank-number{color:var(--rank-gold);opacity:1;text-shadow:0 0 0.875rem rgba(var(--rank-gold-rgb), 0.35)}.rank-card[data-rank="2"] .rank-number{color:var(--rank-silver);opacity:1}.rank-card[data-rank="3"] .rank-number{color:var(--rank-bronze);opacity:1}.rank-card .crown-icon{position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-1.25rem);font-size:1.25rem;color:var(--rank-gold);line-height:1}.rank-card .crown-icon .icon{font-size:1.25rem}.rank-card .card-img-wrapper{width:4.5rem;min-width:4.5rem;height:4.5rem;border-radius:var(--pic-content-media-radius);overflow:hidden;margin-right:var(--pic-space-lg);position:relative}.rank-card .card-img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 0.5s ease}.rank-card .card-img.pic-image-blur{border-radius:var(--pic-content-media-radius);clip-path:inset(0 round var(--pic-content-media-radius))}.rank-card:hover .card-img{transform:scale(1.1)}.rank-card:hover .card-img.pic-image-blur{transform:none}.rank-card .card-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;align-self:stretch}.rank-card .card-info.is-title-only{justify-content:center}.rank-card .work-title{font-size:var(--pic-font-size-base);font-weight:600;color:var(--pic-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.rank-card .coser-name{font-size:var(--pic-font-size-base);color:var(--secondary-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-card .coser-name .coser-link,
.rank-card .coser-label{display:flex;align-items:center;gap:0.25rem;min-width:0}.rank-card .coser-name-icon{--pic-coser-badge-accent:var(--pic-color-amber);display:block;width:1.25em;height:1.25em;flex:0 0 1.25em;color:var(--pic-text)}.rank-card .coser-name-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-card .coser-name .coser-link{color:inherit;text-decoration:none;transition:var(--pic-transition);cursor:pointer;position:relative;z-index:2}.rank-card .coser-name .coser-link:hover{color:var(--price-color)}.rank-card .coser-name .coser-link:focus-visible{outline:0.125rem solid var(--pic-primary);outline-offset:0.125rem}.rank-card .resource-meta{display:none}.rank-card .resource-meta-item{display:inline-flex;align-items:center;justify-content:center;font-size:var(--pic-font-size-sm);line-height:1;padding:0.125rem 0.5rem;background:var(--pic-bg-gray);border-radius:var(--pic-chip-radius);color:var(--pic-text-muted);border:none}.rank-card .card-stats{display:flex;flex-direction:column;align-items:center;justify-content:space-between;align-self:stretch;min-width:6.25rem;margin-left:var(--pic-space-lg)}.rank-card .price{display:inline-flex;align-items:baseline;gap:0.0625rem;font-size:var(--pic-font-size-xl);color:var(--price-color);font-weight:700;line-height:1;font-variant-numeric:tabular-nums lining-nums}.rank-card .price-symbol,
.rank-card .price-value{display:block;line-height:1}.rank-card .price.free{color:var(--pic-success);font-size:var(--pic-font-size-md)}.rank-list .no-results{text-align:center;padding:var(--pic-space-6xl) var(--pic-space-lg);color:var(--pic-text-muted)}@keyframes rankFadeInUp{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.rank-bg-float-icon,
    .rank-header,
    .rank-card,
    .rank-loader-dot{animation:none}.rank-tabs .tab-btn,
    .rank-card,
    .rank-card .card-img,
    .rank-card .coser-name .coser-link{transition:none}.rank-card:hover .card-img{transform:none}}:root[data-theme="dark"] .rank-tabs{background:rgba(30, 30, 30, 0.8);border-color:var(--pic-border)}:root[data-theme="dark"] .rank-tabs .tab-btn{color:var(--pic-text-muted)}:root[data-theme="dark"] .rank-tabs .tab-btn:hover{color:var(--pic-text)}:root[data-theme="dark"] .rank-tabs .tab-btn.active{background:var(--pic-primary);color:var(--pic-on-primary)}:root[data-theme="dark"] .rank-card{background:var(--pic-bg-card);border-color:var(--pic-border)}:root[data-theme="dark"] .rank-card:hover{border-color:var(--pic-primary)}:root[data-theme="dark"] .rank-card[data-rank="1"]{background:linear-gradient(135deg, rgba(var(--rank-gold-rgb), 0.08), var(--pic-bg-card) 60%);border-color:rgba(var(--rank-gold-rgb), 0.25)}:root[data-theme="dark"] .rank-card[data-rank="2"]{background:linear-gradient(135deg, rgba(var(--rank-silver-rgb), 0.06), var(--pic-bg-card) 60%);border-color:rgba(var(--rank-silver-rgb), 0.2)}:root[data-theme="dark"] .rank-card[data-rank="3"]{background:linear-gradient(135deg, rgba(var(--rank-bronze-rgb), 0.06), var(--pic-bg-card) 60%);border-color:rgba(var(--rank-bronze-rgb), 0.2)}:root[data-theme="dark"] .rank-card .work-title{color:var(--pic-text)}:root[data-theme="dark"] .rank-card .tag{background:var(--pic-bg-light);border-color:var(--pic-border);color:var(--pic-text-muted)}:root[data-theme="dark"] .rank-bg-float-icon{color:var(--rank-gold);opacity:0.03}@media (max-width: 768px){.ranking-page{padding:var(--pic-space-2xl) 0}.rank-title{font-size:var(--pic-font-size-xl)}.rank-title .icon{font-size:1.375rem}.rank-subtitle{font-size:var(--pic-font-size-sm)}.rank-tabs .tab-btn{padding:0.375rem 1rem}.rank-card{flex-wrap:wrap;padding:var(--pic-space-lg) var(--pic-space-sm)}.rank-card .rank-number{font-size:1.75rem;width:2.8125rem;min-width:2.8125rem}.rank-card[data-rank="1"] .rank-number{padding-top:1.125rem}.rank-card .crown-icon{font-size:1rem}.rank-card .card-img-wrapper{width:4.5rem;min-width:4.5rem;height:4.5rem;margin-right:var(--pic-space-sm)}.rank-card .work-title{font-size:var(--pic-font-size-sm)}.rank-card .coser-name{font-size:var(--pic-font-size-base)}.rank-card .resource-meta{gap:0.25rem}.rank-card .resource-meta-item{font-size:0.625rem;padding:0.0625rem 0.375rem}.rank-card .card-stats{min-width:auto;margin-left:auto}.rank-card .card-stats .pic-btn{--btn-height:1.75rem;--btn-padding:0 0.5rem;--btn-font-size:var(--pic-font-size-xs);--btn-shadow:none;--btn-hover-shadow:none}.rank-card .price{font-size:var(--pic-font-size-lg)}.rank-bg-float-icon{display:none}}