/* The final treasure is the lens piece, shown close enough to recognise it. */
.game[data-scene="treasure"] .treasure-reward-lens {
  width: min(100%, 340px);
  aspect-ratio: 1.65;
  margin: .6rem auto 1rem;
  border: 3px solid #c89a4c;
  border-radius: 18px;
  background: #41281b url('/assets/lighthouse/treasure-chest-open-star-v1.webp') 54% 42% / 245% auto no-repeat;
  box-shadow: inset 0 0 0 3px #fff3c444, 0 7px 18px #543d2355, 0 0 23px #e4b44855;
  animation: found-lens-reveal .8s ease-out both;
}
/* At the end, all three pieces are visible as one restored lens. */
.finale-lens {
  display: grid;
  place-items: center;
  gap: .35rem;
  margin: 1rem auto 1.2rem;
  color: #806019;
  font-weight: 800;
  letter-spacing: .035em;
}
.finale-lens img {
  display: block;
  width: min(78%, 270px);
  height: auto;
  filter: drop-shadow(0 0 16px #ffd36b99) drop-shadow(0 5px 6px #4a382a66);
  animation: found-lens-reveal .8s ease-out both;
}
.mission-dialog[data-scene="finish"] .mission-dialog__media {
  background: radial-gradient(circle, #fff4c8, #e2bd70 65%, #aa8755);
}
.mission-dialog[data-scene="finish"] .mission-dialog__media img {
  object-fit: contain;
  height: clamp(150px, 25vh, 210px);
  padding: 12px;
  filter: drop-shadow(0 5px 8px #61421f66);
}
@keyframes found-lens-reveal { from { opacity: 0; transform: translateY(10px) scale(.94); } to { opacity: 1; transform: none; } }
@media (max-width: 390px) {
  .game[data-scene="treasure"] .treasure-reward-lens { width: min(100%, 280px); }
  .finale-lens img { width: min(78%, 210px); }
}
@media (prefers-reduced-motion: reduce) {
  .game[data-scene="treasure"] .treasure-reward-lens, .finale-lens img { animation: none; }
}