/* ============================================
   Dialogue Scene
   ============================================ */

#scene-dialogue {
  justify-content: flex-end;
}

.dialogue-character {
  position: absolute;
  bottom: 160px;
  left: 50%;
  transform: translateX(-40%);
  z-index: 2;
}

.dialogue-character img {
  height: 55vh;
  max-height: 500px;
  object-fit: contain;
  filter: drop-shadow(0 0 20px rgba(180, 74, 255, 0.3));
  animation: fade-in 0.6s ease-out;
}

.dialogue-skip-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 20;
}