;
		position: absolute;
		bottom: 100%;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 4px;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
		color: #fff;
		background-color: #000;
		padding: 2px 6px;
		font-size: 12px;
		border-radius: 3px;
		display: none;
		pointer-events: none;
		white-space: nowrap;
	}

	/* Show all 50 on desktop; only 30 on mobile/tablet (max-width: 640px) */
	@media (max-width: 640px) {
		/* Hide the oldest 20 bars from the left, keep the newest 30 bars on the right */
		.hi