/* RUNAS — CASTIGO: avatar global temporário */
.runas-castigo-avatar,
.runas-castigo-avatar-frame{
  position:relative!important;
  overflow:hidden!important;
  border-radius:50%!important;
  isolation:isolate;
}

/* A foto permanece exatamente no lugar original. A layer é apenas sobreposta. */
.runas-castigo-bars-overlay{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  object-fit:fill!important;
  object-position:center!important;
  pointer-events:none!important;
  user-select:none!important;
  opacity:1!important;
  z-index:20!important;
}

/* Aro vermelho em couro, sem cobrir o miolo da foto. */
.runas-castigo-red-ring{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  border-radius:50%!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.10)),
    url("texturas do site/textura-base-janelas-couro-vermelho.png") center/cover no-repeat,
    #8d1714!important;
  -webkit-mask:radial-gradient(circle at center, transparent 0 calc(100% - 7px), #000 calc(100% - 6px) 100%);
  mask:radial-gradient(circle at center, transparent 0 calc(100% - 7px), #000 calc(100% - 6px) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,113,104,.26)!important;
  pointer-events:none!important;
  z-index:21!important;
}

/* Wrappers usados somente quando o avatar original é um <img> solto. */
.runas-avatar-img-wrapper{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:middle!important;
  line-height:0!important;
}
.runas-avatar-img-wrapper > img:not(.runas-castigo-bars-overlay){
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:50%!important;
}

/* Painel principal: mantém a moldura original e troca somente o couro amarelo pelo vermelho. */
body.runas-user-punished #athlete-avatar.avatar-main{
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.08)),
    url("texturas do site/textura-base-janelas-couro-vermelho.png") center/220px 220px repeat,
    #8d1714!important;
}

/* NÃO altera position/top/right/width/height do lápis. Apenas garante que continue acima da foto. */
.avatar-block .avatar-mini{z-index:40!important}
.avatar-block .avatar-rank{z-index:39!important}
.athlete-punishment-tag{z-index:41!important}

/* Frase do cronômetro: Noruega, leve, limpa e sem negrito sintético. */
.athlete-punishment-countdown{
  margin:0 0 9px!important;
  color:#f3d7d3!important;
  text-align:center!important;
  font-family:"Noruega Runas","Arial Narrow",Arial,sans-serif!important;
  font-size:clamp(.96rem,1.55vw,1.16rem)!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1.18!important;
  letter-spacing:.025em!important;
  text-transform:none!important;
  text-shadow:0 1px 0 rgba(0,0,0,.48)!important;
}
.athlete-punishment-countdown strong,
.athlete-punishment-countdown #athlete-punishment-timer{
  color:#ff6b61!important;
  font-family:"Noruega Runas","Arial Narrow",Arial,sans-serif!important;
  font-size:1em!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:inherit!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
}

@media(max-width:820px){
  .athlete-punishment-countdown{
    font-size:clamp(.84rem,3.4vw,.98rem)!important;
    margin-bottom:7px!important;
  }
}

/* 2026-08-27 v3 — o aro original amarelo também precisa ceder ao castigo.
   A layer de grades já fica acima da foto; estas regras trocam somente o aro externo
   de cada componente que originalmente usa amarelo/dourado. */
.runas-castigo-avatar{
  --runas-castigo-ring:#b51f1a;
  --runas-castigo-ring-dark:#4b0707;
}

/* Listas do jogador / ADM / grupos de mensalistas */
.member-lists-page .participant-avatar.runas-castigo-avatar,
.admin-edit-list-page .admin-person-avatar.runas-castigo-avatar,
.admin-person-avatar.runas-castigo-avatar,
.monthly-avatar.runas-castigo-avatar,
.manage-users-avatar-large.runas-castigo-avatar,
.admin-guest-owner-avatar.runas-castigo-avatar,
.admin-wait-owner-avatar.runas-castigo-avatar,
.admin-monthly-absence-avatar.runas-castigo-avatar{
  border-color:var(--runas-castigo-ring)!important;
  box-shadow:0 0 0 1px var(--runas-castigo-ring-dark)!important;
}

/* Ranking: o dourado é um box-shadow externo, não o border principal. */
.ranking-photo-ring.runas-castigo-avatar{
  border-color:#2b0605!important;
  box-shadow:0 0 0 2px var(--runas-castigo-ring)!important;
}
.ranking-my-position-avatar.runas-castigo-avatar{
  border-color:var(--runas-castigo-ring)!important;
  box-shadow:0 0 0 1px var(--runas-castigo-ring-dark)!important;
}
.ranking-my-position:hover .ranking-my-position-avatar.runas-castigo-avatar{
  border-color:#d33a31!important;
}

/* Votação, jogos, partida ao vivo, analítico e demais círculos de jogador. */
.voting-player-photo.runas-castigo-avatar,
.games-player-avatar.runas-castigo-avatar,
.live-player-avatar.runas-castigo-avatar,
.analytics-avatar-ring.runas-castigo-avatar,
.runas-avatar-img-wrapper.runas-castigo-avatar{
  border-color:var(--runas-castigo-ring)!important;
  box-shadow:0 0 0 1px var(--runas-castigo-ring-dark)!important;
}

/* A moldura principal mantém a espessura original, mas o amarelo some por completo. */
body.runas-user-punished #athlete-avatar.avatar-main,
#profile-photo-trigger.runas-castigo-avatar{
  border-color:var(--runas-castigo-ring)!important;
}

/* O pseudo-aro usa a textura real de couro vermelho e fica sobre qualquer aro dourado residual. */
.runas-castigo-avatar::before,
.runas-castigo-avatar-frame::before{
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.14)),
    url("assets/texturas do site/textura-base-janelas-couro-vermelho.png") center/180px 180px repeat,
    #8f1818!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,150,142,.26),
    inset 0 0 0 4px rgba(65,0,0,.82)!important;
}


/* Regression guard: o fantasma do mensalista faltante é uma referência visual de 19px.
   O castigo global jamais pode transformar esse elemento em um avatar normal ou redimensioná-lo. */
.admin-edit-list-page .admin-monthly-absence-avatar,
.admin-edit-list-page .admin-monthly-absence-avatar.runas-castigo-avatar,
.admin-edit-list-page .admin-monthly-absence-avatar.runas-castigo-avatar-frame{
  position:relative!important;
  flex:0 0 19px!important;
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  min-height:19px!important;
  max-width:19px!important;
  max-height:19px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-radius:50%!important;
  isolation:auto!important;
}
.admin-edit-list-page .admin-monthly-absence-avatar img,
.admin-edit-list-page .admin-monthly-absence-avatar > img{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  border-radius:50%!important;
}
.admin-edit-list-page .admin-monthly-absence-avatar > .runas-castigo-bars-overlay,
.admin-edit-list-page .admin-monthly-absence-avatar > .runas-castigo-red-ring{
  display:none!important;
}
@media(max-width:760px){
  .admin-edit-list-page .admin-monthly-absence-avatar,
  .admin-edit-list-page .admin-monthly-absence-avatar.runas-castigo-avatar,
  .admin-edit-list-page .admin-monthly-absence-avatar.runas-castigo-avatar-frame{
    flex-basis:17px!important;width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;max-width:17px!important;max-height:17px!important;
  }
}

/* Login: o preview do usuário digitado recebe o mesmo aro/layer do castigo. */
.auth-avatar-reference.runas-castigo-avatar{
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.10)),
    url("texturas do site/textura-base-janelas-couro-vermelho.png") center/220px 220px repeat,
    #8d1714!important;
  border-color:#b51f1a!important;
  box-shadow:0 16px 24px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.12),0 0 0 1px #4b0707!important;
}
.auth-avatar-reference.runas-castigo-avatar::after{
  border-color:#b51f1a!important;
}