.home-monthly-rank{border:1px solid var(--color-border);background:linear-gradient(145deg, var(--color-surface-elevated) 0%, color-mix(in srgb, var(--color-surface-elevated) 88%, var(--color-primary,#2563eb) 12%) 100%);box-shadow:0 1px 0 color-mix(in srgb, var(--color-text) 6%, transparent);border-radius:12px;flex-direction:column;gap:.65rem;margin-bottom:1.25rem;padding:.85rem 1rem;display:flex}.home-monthly-rank__head{justify-content:space-between;align-items:center;gap:.5rem .75rem;display:flex}.home-monthly-rank__head-start{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.home-monthly-rank__title{letter-spacing:-.02em;color:var(--color-text);margin:0;font-size:.95rem;font-weight:700}.home-monthly-rank__month-chip{color:var(--color-primary,#2563eb);background:color-mix(in srgb, var(--color-primary,#2563eb) 14%, transparent);border:1px solid color-mix(in srgb, var(--color-primary,#2563eb) 28%, transparent);border-radius:999px;flex-shrink:0;padding:.2rem .55rem;font-size:.72rem;font-weight:600}.home-monthly-rank__toggle{flex-shrink:0;align-items:center;gap:.35rem;display:inline-flex}.home-monthly-rank__chevron{border-bottom:2px solid;border-right:2px solid;width:.45rem;height:.45rem;margin-top:-.15rem;transition:transform .2s;display:inline-block;transform:rotate(45deg)}.home-monthly-rank--expanded .home-monthly-rank__chevron{margin-top:.1rem;transform:rotate(-135deg)}.home-monthly-rank__preview{align-items:center;min-width:0;min-height:1.75rem;display:flex}.home-monthly-rank__loading{align-items:center;display:inline-flex}.home-monthly-rank__empty{color:var(--color-text-muted);margin:0;font-size:.88rem}.home-monthly-rank__summary{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin:0;font-size:.95rem;line-height:1.35;animation:.4s home-monthly-rank-fade;display:flex}@keyframes home-monthly-rank-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.home-monthly-rank__place{color:var(--color-primary,#2563eb);flex-shrink:0;font-size:1rem;font-weight:800}.home-monthly-rank__sep{width:.65rem;height:1em;color:var(--color-text-muted);opacity:.55;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.home-monthly-rank__sep-svg{width:.55rem;height:.55rem;display:block}.home-monthly-rank__person{align-items:center;gap:.45rem;min-width:0;max-width:100%;display:inline-flex}.home-monthly-rank__person .author-avatar{flex-shrink:0}.home-monthly-rank__name{min-width:0;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.home-monthly-rank__name--link{max-width:100%;font:inherit;color:var(--color-primary,#2563eb);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-weight:700;display:inline-block}.home-monthly-rank__name--link:hover{text-decoration:underline}.home-monthly-rank__km{font-variant-numeric:tabular-nums;color:var(--color-text-muted);flex-shrink:0;font-weight:600}.home-monthly-rank__panel{animation:.22s home-monthly-rank-panel-in}@keyframes home-monthly-rank-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.home-monthly-rank__list{margin:0;padding:0;list-style:none}.home-monthly-rank__row{border-bottom:1px solid var(--color-border);padding:.65rem 0}.home-monthly-rank__row:last-child{border-bottom:none;padding-bottom:0}.home-monthly-rank__row .home-monthly-rank__summary{animation:none}.home-monthly-rank__row:first-child .home-monthly-rank__place{font-size:1.05rem}.home-monthly-rank--points{background:linear-gradient(145deg, var(--color-surface-elevated) 0%, color-mix(in srgb, var(--color-surface-elevated) 88%, #d97706 12%) 100%)}.home-monthly-rank--points .home-monthly-rank__head{flex-wrap:nowrap}.home-monthly-rank--points .home-monthly-rank__head-start{flex:auto;min-width:0}.home-monthly-rank--points .home-monthly-rank__title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home-monthly-rank--points .home-monthly-rank__head-actions{flex:none;align-items:center;gap:.35rem;width:auto;display:flex}.home-monthly-rank__hof-link{white-space:nowrap}.home-monthly-rank__pts{font-variant-numeric:tabular-nums}@media (max-width:480px){.home-monthly-rank:not(.home-monthly-rank--points) .home-monthly-rank__head{flex-wrap:wrap}.home-monthly-rank:not(.home-monthly-rank--points) .home-monthly-rank__toggle{margin-left:auto}}