.universe {
    position: relative;
    width: 100vw;
    /* ไล่สีเนบิวลา ม่วง-ฟ้า-น้ำเงิน ตามรูปต้นฉบับ */
    background:
            radial-gradient(circle at 15% 35%, rgba(100, 40, 200, 0.3) 0%, transparent 45%),
            radial-gradient(circle at 85% 25%, rgba(0, 150, 255, 0.2) 0%, transparent 50%),
            radial-gradient(circle at 50% 80%, rgba(30, 40, 100, 0.4), transparent 70%);
}

/* 2. สไตล์ของดาวดวงน้อย */
.star {
    position: absolute;
    background-color: #ffffff;
    border-radius: 50%;
    filter: drop-shadow(0 0 2px white); /* เพิ่มแสงฟุ้งให้ดาว */
    opacity: 0; /* เริ่มต้นที่ 0 เพื่อทำ Animation */
    animation: twinkle var(--duration) infinite ease-in-out;
}

/* 3. ทำให้ดาวกะพริบแบบนุ่มนวล */
@keyframes twinkle {
    0%, 100% { opacity: 0.2; transform: scale(0.8); }
    50% { opacity: 1; transform: scale(1.1); }
}