.moon-art{position:relative;overflow:hidden;border:2px solid #ffdc7e;box-shadow:0 0 0 3px #ffffff22,0 4px 12px #00183499,inset -7px -7px 12px #b8702488}.moon-art::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 28%,#fff9d0 0 5%,transparent 6%),radial-gradient(circle at 64% 62%,#ffe79b 0 7%,transparent 8%),radial-gradient(circle at 37% 70%,#fff1b1 0 4%,transparent 5%);opacity:.8}.moon-1{background:linear-gradient(90deg,#143257 0 43%,#e9a63b 44% 58%,#ffe6a0 59% 100%)}.moon-2{background:linear-gradient(90deg,#143257 0 48%,#f4bd58 49% 78%,#ffeeb1 79% 100%)}.moon-3{background:linear-gradient(90deg,#f5c967 0 64%,#e3a23a 65% 76%,#143257 77% 100%)}.moon-4{background:radial-gradient(circle at 35% 30%,#fffde1 0 18%,#ffe7a1 35%,#f6c25b 73%,#d8892e 100%)}.moon-5{background:linear-gradient(90deg,#143257 0 23%,#e3a23a 24% 36%,#f5c967 37% 100%)}.moon-6{background:linear-gradient(90deg,#ffeeb1 0 21%,#f4bd58 22% 51%,#143257 52% 100%)}.moon-7{background:linear-gradient(90deg,#ffe6a0 0 41%,#e9a63b 42% 56%,#143257 57% 100%)}