/* หมุนวงแหวนรอบนอกช้าๆ (Slow Rotation for Background) */
@keyframes svelte-n3ggou-slow-rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.animate-slow-rotate.svelte-n3ggou {
	transform-origin: 100px 100px;
	animation: svelte-n3ggou-slow-rotate 60s linear infinite;
}

/* ลอยขึ้นลงสลับกัน (Floating Motion for Dots) */
@keyframes svelte-n3ggou-float {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-5px);
	}
}
.animate-float.svelte-n3ggou {
	animation: svelte-n3ggou-float 3s ease-in-out infinite;
}
.animate-float-delayed.svelte-n3ggou {
	animation: svelte-n3ggou-float 4s ease-in-out infinite reverse;
}

/* === เพิ่มประสิทธิภาพความลื่นไหล (GPU Acceleration) === */
.animate-slow-rotate.svelte-n3ggou,
.animate-float.svelte-n3ggou,
.animate-float-delayed.svelte-n3ggou,
.animate-k-drift.svelte-n3ggou {
	will-change: transform;
	backface-visibility: hidden;
}

/* การลอยแบบนิ่งสงบและเอียงเบาๆ สำหรับตัว K (Smooth Floating Drift) */
@keyframes svelte-n3ggou-k-drift {
	0%,
	100% {
		transform: translateY(0) rotate(-1deg);
	}
	50% {
		transform: translateY(-6px) rotate(1.5deg);
	}
}
.animate-k-drift.svelte-n3ggou {
	transform-box: fill-box;
	transform-origin: center;
	/* เพิ่มเวลาเป็น 5 วินาทีเพื่อให้ดูนิ่งและพรีเมียมที่สุด */
	animation: svelte-n3ggou-k-drift 5s ease-in-out infinite;
}

/* แสงวูบวาบเบาๆ (Soft Opacity Pulse) */
@keyframes svelte-n3ggou-soft-pulse {
	0%,
	100% {
		opacity: 0.08;
	}
	50% {
		opacity: 0.15;
	}
}
.animate-soft-pulse.svelte-n3ggou {
	animation: svelte-n3ggou-soft-pulse 4s ease-in-out infinite;
}