.ranking-board{min-width:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.ranking-board-hero{position:relative;flex:none;overflow:hidden;background:var(--color-bg)}.ranking-board-hero:has(.has-poster){min-height:232px}.ranking-board-hero-inner{max-width:760px;margin:0 auto;padding:8px 20px 12px;box-sizing:border-box}.ranking-board-hero:has(.has-poster) .ranking-board-hero-inner{padding-bottom:40px}.ranking-board-hero .detail-poster-head-body,.ranking-board-topbar{position:relative;z-index:2}.ranking-board-topbar .ia-icon{flex-shrink:0}.ranking-board-hero .detail-poster-head{position:static;overflow:visible;margin-bottom:0;min-height:0;background:transparent}.ranking-board-hero .detail-poster-head.has-poster{min-height:0}.ranking-board-hero .detail-poster-head-img{position:absolute;inset:0;top:0;right:0;width:100%;height:100%;z-index:0;-webkit-mask-image:none;mask-image:none}.ranking-board-hero .detail-poster-head-veil{z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.86) 0,rgba(0,0,0,.45) 48%,rgba(0,0,0,.22))}.ranking-board-hero .detail-poster-head-body{max-width:100%;padding:8px 0 0}.ranking-board-copy{color:#536057}.ranking-board-hero:has(.has-poster) .detail-poster-head-body h1{color:#fff}.ranking-board-hero:has(.has-poster) .ranking-board-copy{color:rgba(255,255,255,.82)}.ranking-board-sheet{position:relative;z-index:2;flex:1 1;min-height:0;min-width:0;overflow:auto;-webkit-overflow-scrolling:touch}.ranking-board:has(.has-poster) .ranking-board-sheet{margin-top:-24px;padding-top:16px;border-radius:30px 30px 0 0;background:linear-gradient(180deg,var(--color-bg) 0,var(--color-bg) 24px,transparent 96px)}.ranking-board-main{max-width:760px;margin:0 auto;padding:0 20px 48px;min-width:0}.ranking-board-loading-hero{min-height:232px;background:#e9eee8}.ranking-board-loading .ranking-board-hero-inner{padding-bottom:40px}.ranking-board-loading .ranking-board-topbar{display:flex;align-items:center}.ranking-board-skeleton{display:block;border-radius:999px;background:linear-gradient(90deg,#dce3dc 20%,#f5f7f3 45%,#dce3dc 70%);background-size:220% 100%;animation:ranking-board-skeleton-shimmer 1.5s ease-in-out infinite}.ranking-board-skeleton-back{width:40px;height:40px;border-radius:14px}.ranking-board-loading-heading{display:grid;grid-gap:10px;gap:10px;margin-top:42px}.ranking-board-skeleton-title{width:min(68%,340px);height:30px}.ranking-board-skeleton-description{width:min(82%,420px);height:14px}.ranking-board-skeleton-meta{width:min(54%,270px);height:13px}.ranking-board-loading-sheet{margin-top:-24px;padding-top:16px;border-radius:30px 30px 0 0;background:linear-gradient(180deg,var(--color-bg) 0,var(--color-bg) 24px,transparent 96px)}.ranking-board-loading-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin-bottom:12px}.ranking-board-loading-stat{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:14px 10px;border:1px solid #f9c476;border-radius:20px;background:#fffefb}.ranking-board-skeleton-stat-value{width:44px;height:20px}.ranking-board-skeleton-stat-label{width:70%;height:11px}.ranking-board-skeleton-start{width:100%;height:52px;margin-bottom:18px}.ranking-board-loading-community{padding:16px;border:1px solid #e2e6df;border-radius:28px;background:#fffefb}.ranking-board-skeleton-community-title{width:100px;height:20px;margin-bottom:10px}.ranking-board-skeleton-community-copy{width:85%;height:13px;margin-bottom:12px}.ranking-board-loading-row{display:flex;align-items:center;gap:10px;padding:8px 0}.ranking-board-skeleton-rank{width:24px;height:14px;flex:none}.ranking-board-skeleton-avatar{width:56px;height:56px;flex:none;border-radius:12px}.ranking-board-skeleton-name{width:min(55%,240px);height:16px}.ranking-board-loading-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes ranking-board-skeleton-shimmer{to{background-position:-220% 0}}@media (prefers-reduced-motion:reduce){.ranking-board-skeleton{animation:none}}