/* The completed lighthouse shines again over the island. */
.finish .scene-landmark--celebration {
  aspect-ratio: 3 / 2;
  background: #17334e url('/assets/lighthouse/finish-lighthouse-v1.jpg') center / 100% 100% no-repeat;
}
.finish .scene-landmark--celebration svg { display: none; }
.finish .scene-landmark--celebration::before,
.finish .scene-landmark--celebration::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  animation: finale-lighthouse-light 8s ease-in-out infinite;
}
.finish .scene-landmark--celebration::before {
  background: radial-gradient(ellipse 7% 7% at 49.4% 18.5%, #fffce0e8 0%, #ffe7a788 38%, transparent 100%),
              radial-gradient(ellipse 20% 16% at 49.4% 18.5%, #ffcf6b42 0%, transparent 100%);
}
.finish .scene-landmark--celebration::after {
  background: linear-gradient(90deg, #ffe6a777, #ffebbb2b 75%, transparent);
  clip-path: polygon(49.4% 18.5%, 100% 3%, 100% 38%);
  mix-blend-mode: screen;
}
@keyframes finale-lighthouse-light {
  0%, 100% { opacity: .1; }
  50% { opacity: .9; }
}
@media (prefers-reduced-motion: reduce) {
  .finish .scene-landmark--celebration::before,
  .finish .scene-landmark--celebration::after { animation: none; opacity: .65; }
}