/**
 * Block Puzzle — doar ce e specific.
 *
 * Rândul de obiectiv stă între bara de sus și tablă, ca să nu îngrașe bara: pe
 * telefoanele de 320 px, un al patrulea indicator lângă scorul de cinci cifre
 * împinge butonul de sunet în afara panoului.
 */

.bp-goal {
	display: flex;
	align-items: center;
	gap: 10px;
}

.bp-goal-text {
	color: var(--gh-muted);
	font-size: 11px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	letter-spacing: .06em;
	text-transform: uppercase;
	white-space: nowrap;
}

.bp-progress {
	flex: 1;
	height: 6px;
	border-radius: 999px;
	background: var(--gh-panel);
	overflow: hidden;
}

.bp-progress-fill {
	display: block;
	width: 0;
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(90deg, #4ad991, #3ac6e8);
	transition: width .22s cubic-bezier(.2, .9, .3, 1);
}

.gh-over .bp-stars {
	color: var(--gh-accent);
	letter-spacing: .1em;
	text-shadow: 0 3px 14px rgba(255, 176, 32, .35);
}