/* Death Confirmation Modal */
#death-confirmation-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.85);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

#death-confirmation-modal .death-modal-content {
  max-width: 600px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  animation: deathModalFadeIn 0.4s ease-out;
}

@keyframes deathModalFadeIn {
  from {
    opacity: 0;
    transform: scale(0.9) translateY(-20px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

/* Ensure death modal is on top of everything */
#death-confirmation-modal[style*="display: flex"],
#death-confirmation-modal[style*="display: block"] {
  z-index: 10000 !important;
}

/* Override inline styles - ensure no rounded corners on any elements */
#death-confirmation-modal * {
  border-radius: 0 !important;
}

/* Add consistent box-shadow to buttons */
#death-confirmation-modal button,
#death-confirmation-modal .btn {
  box-shadow: 2px 2px 0 #000 !important;
}

#death-confirmation-modal button:hover,
#death-confirmation-modal .btn:hover {
  box-shadow: 3px 3px 0 #000 !important;
}