/**
 * MEK RPG modal chrome — design fixo
 * Borda dourada arredondada + cantos em L (brackets) em todos os painéis de modal.
 */
:root {
  --mek-rpg-frame-border: rgba(201, 162, 39, 0.55);
  --mek-rpg-frame-ornament: rgba(201, 162, 39, 0.75);
  --mek-rpg-frame-radius: 18px;
  --mek-rpg-ornament-inset: 10px;
  --mek-rpg-ornament-size: 22px;
  --mek-rpg-ornament-thickness: 1.5px;
}

/* Painéis com HTML de ornamento (perfil / admin) + classe utilitária */
.mek-rpg-panel,
.pg-modal-panel,
.admin-rpg-modal-panel {
  position: relative;
  border: 1px solid var(--mek-rpg-frame-border) !important;
  border-radius: var(--mek-rpg-frame-radius) !important;
}

/* Ornamentos L — HTML (perfil / admin) */
.mek-rpg-ornament,
.pg-modal-ornament,
.admin-rpg-modal-ornament {
  position: absolute;
  width: var(--mek-rpg-ornament-size);
  height: var(--mek-rpg-ornament-size);
  border: var(--mek-rpg-ornament-thickness) solid var(--mek-rpg-frame-ornament);
  pointer-events: none;
  z-index: 50;
  box-sizing: border-box;
}

.mek-rpg-ornament--tl,
.pg-modal-ornament--tl,
.admin-rpg-modal-ornament--tl {
  top: var(--mek-rpg-ornament-inset);
  left: var(--mek-rpg-ornament-inset);
  border-right: 0;
  border-bottom: 0;
}

.mek-rpg-ornament--tr,
.pg-modal-ornament--tr,
.admin-rpg-modal-ornament--tr {
  top: var(--mek-rpg-ornament-inset);
  right: var(--mek-rpg-ornament-inset);
  border-left: 0;
  border-bottom: 0;
}

.mek-rpg-ornament--bl,
.pg-modal-ornament--bl,
.admin-rpg-modal-ornament--bl {
  bottom: var(--mek-rpg-ornament-inset);
  left: var(--mek-rpg-ornament-inset);
  border-right: 0;
  border-top: 0;
}

.mek-rpg-ornament--br,
.pg-modal-ornament--br,
.admin-rpg-modal-ornament--br {
  bottom: var(--mek-rpg-ornament-inset);
  right: var(--mek-rpg-ornament-inset);
  border-left: 0;
  border-top: 0;
}

/*
 * Demais modais do site: borda dourada + 4 cantos em L via ::before.
 * (Perfil/admin usam spans HTML acima — sem duplicar.)
 */
.colaboracao-modal,
.sb-preview-modal,
.regras-modal,
.tirar-duvida-modal,
.sugestao-pagina-modal,
.install-modal,
.announcements-inbox-modal,
.announcements-modal,
.avatar-selector-modal,
.auth-modal,
.admin-modal,
.guia-modal,
.aviso-18-notification,
.comments-modal-content,
.info-modal-content,
.start-tutorial-modal,
.tutorial-complete-modal,
.ar-announcement-modal,
.announcement-modal {
  /* NÃO forçar position:relative — quebra modais position:fixed (centralização) */
  border: 1px solid var(--mek-rpg-frame-border) !important;
  border-radius: var(--mek-rpg-frame-radius) !important;
}

.colaboracao-modal::before,
.sb-preview-modal::before,
.regras-modal::before,
.tirar-duvida-modal::before,
.sugestao-pagina-modal::before,
.install-modal::before,
.announcements-inbox-modal::before,
.announcements-modal::before,
.avatar-selector-modal::before,
.auth-modal::before,
.admin-modal::before,
.guia-modal::before,
.aviso-18-notification::before,
.comments-modal-content::before,
.info-modal-content::before,
.start-tutorial-modal::before,
.tutorial-complete-modal::before,
.ar-announcement-modal::before,
.announcement-modal::before {
  content: '';
  position: absolute;
  inset: var(--mek-rpg-ornament-inset);
  pointer-events: none;
  z-index: 50;
  border-radius: 0;
  background:
    linear-gradient(var(--mek-rpg-frame-ornament), var(--mek-rpg-frame-ornament))
      left top / var(--mek-rpg-ornament-size) var(--mek-rpg-ornament-thickness) no-repeat,
    linear-gradient(var(--mek-rpg-frame-ornament), var(--mek-rpg-frame-ornament))
      left top / var(--mek-rpg-ornament-thickness) var(--mek-rpg-ornament-size) no-repeat,
    linear-gradient(var(--mek-rpg-frame-ornament), var(--mek-rpg-frame-ornament))
      right top / var(--mek-rpg-ornament-size) var(--mek-rpg-ornament-thickness) no-repeat,
    linear-gradient(var(--mek-rpg-frame-ornament), var(--mek-rpg-frame-ornament))
      right top / var(--mek-rpg-ornament-thickness) var(--mek-rpg-ornament-size) no-repeat,
    linear-gradient(var(--mek-rpg-frame-ornament), var(--mek-rpg-frame-ornament))
      left bottom / var(--mek-rpg-ornament-size) var(--mek-rpg-ornament-thickness) no-repeat,
    linear-gradient(var(--mek-rpg-frame-ornament), var(--mek-rpg-frame-ornament))
      left bottom / var(--mek-rpg-ornament-thickness) var(--mek-rpg-ornament-size) no-repeat,
    linear-gradient(var(--mek-rpg-frame-ornament), var(--mek-rpg-frame-ornament))
      right bottom / var(--mek-rpg-ornament-size) var(--mek-rpg-ornament-thickness) no-repeat,
    linear-gradient(var(--mek-rpg-frame-ornament), var(--mek-rpg-frame-ornament))
      right bottom / var(--mek-rpg-ornament-thickness) var(--mek-rpg-ornament-size) no-repeat;
}