/* Panel de cierre, con el formato de lectura de El Héroe Reacio. */
#dialogue.epilogue {
  bottom: 50%; transform: translateY(50%); width: min(1100px, 96vw); max-width: none;
  height: min(760px, calc(100dvh - 84px)); max-height: none;
  display: flex; flex-direction: column; gap: 12px;
  padding: 72px clamp(48px, 10vw, 144px) 68px;
  background: #080e14 var(--epilogue-frame, url('interfaz/Epilogo.webp')) center / 100% 100% no-repeat;
  border: 0; border-radius: 0; box-shadow: 0 20px 70px #0008; overflow: hidden;
}
#dialogue.epilogue #speaker {
  flex: 0 0 auto; margin: 0; text-align: center; font: normal 24px/1.3 Georgia, serif;
  color: #c6e6e7; letter-spacing: .02em; overflow-wrap: anywhere;
}
#dialogue.epilogue #text {
  flex: 1 1 auto; min-height: 0; max-height: none; overflow-y: auto; margin: 0;
  padding: 6px 10px; text-align: center; font-family: Georgia, 'Times New Roman', serif;
  font-size: var(--reading-size); line-height: 1.7; color: #e4ebee; white-space: pre-line;
  scrollbar-width: thin; scrollbar-color: #829ba1 #121c24; overscroll-behavior: contain;
  text-shadow: 0 1px 2px #000; outline-offset: -2px;
}
#dialogue.epilogue #choices { flex: 0 0 auto; display: flex; justify-content: center; margin: 2px 0 0; }
#dialogue.epilogue #choices button {
  min-height: 44px; margin: 0; padding: 10px 26px; border: 1px solid #91b6bc; border-radius: 28px;
  font: 17px/1.3 Georgia, serif; background: linear-gradient(#cce0e0, #91b5bb); color: #101c24;
}
#dialogue.epilogue #choices button:hover { background: #e1eeee; }
#game[data-state="end"] { background-color: #050a10; }
@media (max-width: 600px) {
  #dialogue.epilogue { width: 98vw; height: calc(100dvh - 88px); padding: 54px 38px 48px; gap: 10px; }
  #dialogue.epilogue #speaker { font-size: 20px; }
  #dialogue.epilogue #text { padding: 4px 3px; line-height: 1.6; }
  #dialogue.epilogue #choices button { padding: 10px 20px; font-size: 16px; }
}
@media (max-height: 500px) {
  #dialogue.epilogue { height: calc(100dvh - 50px); padding: 34px 12% 32px; gap: 5px; }
  #dialogue.epilogue #speaker { font-size: 19px; }
  #dialogue.epilogue #choices button { padding: 8px 20px; }
}