/* ============ Ranking ============ */
.home-module__ranking-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: var(--space-3, 12px);
}

.home-module__ranking-item {
	display: flex;
	align-items: center;
	gap: var(--space-3, 12px);
	padding: 12px 14px;
	background: var(--surface-1);
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: var(--radius-lg, 10px);
	box-shadow: var(--shadow-sm);
	transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
}

.home-module__ranking-item:hover {
	box-shadow: var(--shadow);
	border-color: rgba(240, 68, 148, 0.12);
	transform: translateY(-1px);
}

.home-module__ranking-num {
	flex: 0 0 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--surface-2);
	color: var(--color-ink-3);
	font: 700 13px/1 var(--font-ui);
}

.home-module__ranking-item--top .home-module__ranking-num {
	background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);
	color: #fff;
	box-shadow: 0 4px 8px rgba(245, 158, 11, .25);
}

.home-module__ranking-link {
	flex: 1 1 auto;
	color: var(--color-ink);
	text-decoration: none;
	font: 500 14px/1.4 var(--font-ui);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home-module__ranking-link:hover {
	color: var(--color-primary);
}

.home-module__ranking-value {
	flex: 0 0 auto;
	color: var(--color-ink-3);
	font-variant-numeric: tabular-nums;
	font: 500 12px/1 var(--font-ui);
}