/* "Sair do jogo?" treinando com arma de exercicio (sair_treino.js), como o do Huntera */
.st-bg { position: fixed; inset: 0; z-index: 62; background: #0009; }
.st-dlg { position: fixed; z-index: 63; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(520px, calc(100vw - 32px));
  max-height: calc(100vh - 32px); overflow-y: auto; box-sizing: border-box; padding: 18px 18px 16px; border-radius: 10px;
  background: #1a1e2c; border: 1px solid #4a5068; box-shadow: 0 0 0 1px #0b0d14, 0 20px 60px #000c; color: var(--txt); }
.st-dlg h3 { margin: 0 0 14px; padding-left: 4px; font-size: 18px; font-weight: 700; color: #e6ecff; }
.st-op { display: flex; flex-direction: column; gap: 4px; width: 100%; margin: 0 0 10px; padding: 12px 14px; text-align: left;
  font: inherit; color: inherit; cursor: pointer; border-radius: 8px; border: 1px solid #353b52; background: #151927; }
.st-op:hover, .st-op:focus-visible { border-color: var(--gold); background: #1d2132; outline: none; }
.st-op b { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; font-size: 15.5px; color: #eef1fb; line-height: 1.3; }
.st-op > span { color: #8c93a6; font-size: 13.5px; line-height: 1.45; }
.st-prem { font-size: 12px; font-weight: 700; letter-spacing: .08em; color: var(--gold-2); }
.st-pe { display: flex; justify-content: flex-end; margin-top: 4px; }
.st-pe .btn { min-width: 110px; }
/* o aviso da volta (treino.js) com os dois: o que ganhou batendo depois de sair e o treino offline de depois */
.tr-volta .tr-head.tr-mais { margin-top: 14px; padding-top: 12px; border-top: 1px solid #2c3346; }
@media (max-width: 480px) {
  .st-dlg { padding: 14px 12px 12px; }
  .st-op { padding: 10px 12px; }
  .st-op b { font-size: 14.5px; }
  .st-op > span { font-size: 13px; }
}