.star.ste-occasion-tile {
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: 0 0 12px rgba(255, 255, 255, 0.45);
}

.star {
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	pointer-events: none;
	animation: starFade 0.8s ease-out forwards;
	z-index: 9999;
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
}

.circle {
	background-color: #32ff7e;
}

/* Minimal inline SVGs (no external assets). */
.heart {
	background-color: transparent;
	color: #e74c3c;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
}

.star-shape {
	background-color: transparent;
	color: #f1c40f;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
}

@keyframes starFade {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	100% {
		transform: scale(2);
		opacity: 0;
	}
}