.night-sky{min-height:80vh;width:96vw;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background-image:url(https://cdn.pixabay.com/animation/2023/03/19/02/34/02-34-11-741_512.gif);padding:20px}.event-container{position:relative;width:100%;max-width:900px;height:600px;margin:0 auto;z-index:1}.title{text-align:center;color:white;text-shadow:0 0 10px rgba(255,255,255,.7);margin-bottom:30px;position:absolute;width:100%}.star-event{position:absolute;cursor:pointer}.star-event,.star-point{z-index:5;transition:all .3s ease}.star-point{width:15px;height:15px;background:white;border-radius:50%;position:relative}.star-event .star-point{box-shadow:0 0 15px 5px rgba(255,255,255,.9),0 0 30px 10px rgba(255,255,255,.7);transform:scale(1.2)}.star-event.active .star-point{background:rgba(255,215,0,.8);box-shadow:0 0 15px 5px rgba(255,215,0,.7),0 0 30px 10px rgba(255,215,0,.5);transform:scale(1.3)}.event-details{position:absolute;width:220px;background:rgba(0,0,30,.8);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:15px;color:white;box-shadow:0 0 20px rgba(255,255,255,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:3;animation:fadeIn .3s ease;top:25px;left:-100px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.event-details h3{margin-top:0;color:#e0e0ff;text-shadow:0 0 5px rgba(224,224,255,.5)}.event-date{font-style:italic;color:#b0b0ff;margin-bottom:10px}.constellation-lines{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.instructions{position:absolute;bottom:0;width:100%;text-align:center;color:rgba(255,255,255,.7);font-style:italic}