/* V397 — Confirmacao ao abandonar uma run pelo botao TAVERN.
 *
 * Mesma linguagem visual do confirm de entrada da Dungeon (V311), porque as
 * duas telas fazem a mesma pergunta ao jogador: vale gastar o que voce tem?
 * A diferenca e a cor de acento - aqui a acao destrutiva e sair, entao o botao
 * de confirmar usa vermelho de alerta em vez do dourado de convite.
 */
#tavernExitConfirmV397{
  position:absolute;inset:0;z-index:94;display:none;place-items:center;
  background:radial-gradient(circle at 50% 47%,rgba(74,12,12,.22),rgba(0,0,0,.88) 58%);
  backdrop-filter:blur(2px) brightness(.55);
  pointer-events:auto;font-family:var(--pixel-font,monospace);
}
#tavernExitConfirmV397.visible{display:grid}

#tavernExitConfirmV397 section{
  position:relative;width:min(560px,calc(100% - 34px));box-sizing:border-box;
  padding:31px 32px 28px;border:4px double #a2452b;
  background:linear-gradient(180deg,#150d0b,#080a0d 46%,#050709);
  box-shadow:inset 0 0 0 3px #030405,inset 0 0 36px #7b1e0e24,0 24px 75px #000;
  text-align:center;color:#d8e1e8;
  animation:tavernExitRevealV397 .24s steps(3,end) both;
}
#tavernExitConfirmV397 section::before,
#tavernExitConfirmV397 section::after{
  content:"";position:absolute;top:13px;width:42px;height:3px;
  background:#a2452b;box-shadow:0 8px 0 #4d2010;
}
#tavernExitConfirmV397 section::before{left:15px}
#tavernExitConfirmV397 section::after{right:15px}

#tavernExitConfirmV397 small{color:#bd7b52;font-size:11px;letter-spacing:.25em}
#tavernExitConfirmV397 h2{
  margin:14px 0 10px;color:#f0a870;font-size:27px;letter-spacing:.08em;
  text-shadow:3px 3px 0 #3c1408,0 0 17px #a4351d66;
}
#tavernExitConfirmV397 p{max-width:450px;margin:0 auto 18px;color:#aeb9c0;font-size:11px;line-height:1.8}

/* O que se perde ao sair. Preenchido em tempo de abertura. */
.tavernExitLossV397{
  margin:0 auto 22px;padding:11px 14px;
  border:1px solid #6b3423;background:#0b0708;box-shadow:inset 0 0 0 2px #020304;
}
.tavernExitLossV397 span,.tavernExitLossV397 b{display:block}
.tavernExitLossV397 span{margin-bottom:7px;color:#7d685e;font-size:11px;letter-spacing:.18em}
.tavernExitLossV397 b{color:#eb9a63;font-size:11px;letter-spacing:.08em;line-height:1.7}

.tavernExitActionsV397{display:flex;justify-content:center;gap:10px}
.tavernExitActionsV397 button{
  min-width:175px;min-height:45px;padding:9px 15px;
  border:2px solid #52616b;background:#0d151b;color:#bdcbd3;
  font:900 11px var(--pixel-font,monospace);letter-spacing:.05em;cursor:pointer;
}
/* Continuar e o caminho seguro, entao fica destacado; sair fica sobrio. */
.tavernExitActionsV397 button:first-child{
  border:3px solid #4f8a5b;background:#12301b;color:#a8e6ba;
  box-shadow:inset 0 0 0 2px #04120a;
}
.tavernExitActionsV397 button:hover,
.tavernExitActionsV397 button:focus-visible{filter:brightness(1.28)}

@keyframes tavernExitRevealV397{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}

@media(max-width:850px){
  #tavernExitConfirmV397 section{padding:22px 18px 20px}
  #tavernExitConfirmV397 h2{font-size:20px}
  .tavernExitActionsV397{flex-direction:column}
  .tavernExitActionsV397 button{min-width:0;width:100%}
}

.tharkiraReduceMotionV300 #tavernExitConfirmV397 section{animation:none}
@media(prefers-reduced-motion:reduce){#tavernExitConfirmV397 section{animation:none}}