/* Jediný společný dialog; pravidla jsou omezena na jeho vlastní obsah. */
#pc-modal:not([open]), #pc-modal [hidden] { display: none !important; }
#pc-modal {
  box-sizing: border-box; width: calc(100% - 2em); max-width: 32em;
  max-height: calc(100% - 2em); margin: auto; padding: 2.8em 1.8em 1.8em;
  overflow: auto; border: 1px solid #b69359; border-radius: 3px;
  background: #2b1013; color: #f3e9d8; box-shadow: 0 0 0 5px #28120b;
  font: calc(16px * var(--pc-modal-ui, 1))/1.5 Georgia, 'Times New Roman', serif; overflow-wrap: anywhere;
}
#pc-modal::backdrop { background: rgba(0, 0, 0, .78); }
#pc-modal h2 { margin: 0 0 1em; color: #e5c894; font: normal 1.5em/1.3 Georgia, serif; }
#pc-modal p { margin: 0 0 1.4em; padding: 0; }
#pc-modal .pc-modal-actions { display: flex; flex-wrap: wrap; gap: .8em; }
#pc-modal button, #pc-modal a {
  box-sizing: border-box; display: inline-block; min-height: 2.75em; padding: .65em .8em;
  border: 1px solid #a38452; border-radius: 3px; background: #3b241d; color: #f8ecda;
  font: inherit; text-decoration: none; cursor: pointer;
}
#pc-modal button:hover, #pc-modal a:hover { background: #533a29; }
#pc-modal .pc-modal-x { position: absolute; top: .3em; right: .3em; min-width: 1.84em; padding: .2em; font-size: 1.5em; }
#pc-modal :focus-visible { outline: 3px solid #f0d7a5; outline-offset: 3px; }