.moon-phase{padding:var(--section-spacing) 0;background-color:rgba(68,70,142,.08);position:relative;overflow:hidden;background-image:radial-gradient(1px at 20% 30%,var(--ivory) 0,transparent 100%),radial-gradient(1px at 40% 70%,var(--ivory) 0,transparent 100%),radial-gradient(1px at 65% 25%,var(--ivory) 0,transparent 100%),radial-gradient(1px at 85% 65%,var(--ivory) 0,transparent 100%),radial-gradient(1px at 15% 85%,var(--ivory) 0,transparent 100%);background-size:200% 200%}.moon-phase::before{content:"";position:absolute;top:-20%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(68,70,142,.1) 0,rgba(39,35,34,0) 70%);z-index:1;pointer-events:none}.moon-phase .container{position:relative;z-index:2}.moon-tracker{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.moon-container{display:flex;justify-content:center;width:100%}.moon-image{width:150px;height:150px;border-radius:50%;background-color:rgba(68,70,142,.1);padding:1.5rem;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 30px rgba(68,70,142,.15);margin-bottom:.5rem}.moon-visual{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden;background-color:var(--mushroom);box-shadow:0 0 25px rgba(197,164,109,.15);transition:transform .3s ease-in-out}.moon-visual:hover{transform:scale(1.05)}.moon-visual::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:var(--ivory)}.moon-visual.new-moon{background-color:var(--mushroom)}.moon-visual.new-moon::before{display:none}.moon-visual.waxing-crescent::before{transform:translateX(75%)}.moon-visual.first-quarter::before{transform:translateX(50%)}.moon-visual.waxing-gibbous::before{transform:translateX(25%)}.moon-visual.full-moon{background-color:var(--ivory)}.moon-visual.full-moon::before{display:none}.moon-visual.waning-gibbous::before{transform:translateX(-25%)}.moon-visual.third-quarter::before{transform:translateX(-50%)}.moon-visual.waning-crescent::before{transform:translateX(-75%)}.moon-stars{position:absolute;width:240%;height:240%;top:-70%;left:-70%;pointer-events:none;z-index:-1}.star{position:absolute;width:2px;height:2px;background-color:var(--ivory);border-radius:50%;opacity:.7;animation:2s ease-in-out infinite twinkle}.star-tiny{width:1px;height:1px;opacity:.5}.star-medium{width:3px;height:3px;opacity:.8;box-shadow:0 0 3px var(--ivory)}.star:first-child{top:20%;left:10%;width:3px;height:3px;animation-delay:.3s}.star:nth-child(2){top:15%;right:15%;animation-delay:.7s}.star:nth-child(3){bottom:25%;left:20%;animation-delay:1.1s}.star:nth-child(4){top:45%;left:85%;animation-delay:1.5s}.star:nth-child(5){top:65%;left:35%;animation-delay:.9s}.star:nth-child(6){top:75%;left:80%;width:2px;height:2px;animation-delay:1.7s}.star:nth-child(7){top:35%;left:50%;animation-delay:.2s}.star:nth-child(8){top:22%;left:75%;animation-delay:1.3s}.star:nth-child(9){top:88%;left:65%;animation-delay:.5s}.star:nth-child(10){top:55%;left:22%;animation-delay:1.9s}.star:nth-child(11){top:28%;left:40%;animation-delay:.4s}.star:nth-child(12){top:62%;left:60%;animation-delay:1.2s}.star:nth-child(3n){animation:3s ease-in-out infinite twinkle}.star:nth-child(odd){animation-duration:2.5s}.moon-info{max-width:400px;margin:0 auto}.moon-info h3{margin-bottom:.5rem;color:var(--gold)}.moon-date{font-size:.9rem;color:var(--mushroom);margin:.75rem 0 1.25rem;font-family:var(--accent-font)}#moon-phase-desc{font-style:italic;line-height:1.5}#moon-phase-usage{color:var(--ivory);font-style:normal}@media screen and (min-width:768px){.moon-tracker{flex-direction:row;text-align:left;align-items:center;justify-content:center}.moon-container{width:auto;margin-right:2rem}.moon-image{width:200px;height:200px}.moon-info{flex:1;max-width:400px}}