/* Shared avatar component: public web and Notifier use the same rules. */
.player-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#278fff,#755cff);font-weight:900;color:white;box-shadow:0 10px 25px rgba(39,143,255,.2)}
.player-avatar.xl{width:94px;height:94px;border-radius:27px;font-size:28px}
.player-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.player-avatar.has-uploaded-avatar{display:block;overflow:hidden;flex-shrink:0;background:transparent;box-shadow:none}
.player-avatar.has-uploaded-avatar>img{display:block;max-width:100%;max-height:100%}

/* Zona Cero: a turquoise frame and compact ZC mark on covered players. */
.player-avatar.zocer-supporter{
  position:relative;isolation:isolate;overflow:visible;
  box-shadow:0 0 0 3px #39dfd0,0 0 0 5px rgba(57,223,208,.2),0 8px 20px rgba(21,181,175,.22);
}
.player-avatar.zocer-supporter.has-uploaded-avatar{overflow:visible;box-shadow:0 0 0 3px #39dfd0,0 0 0 5px rgba(57,223,208,.2),0 8px 20px rgba(21,181,175,.22)}
.player-avatar.zocer-supporter>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.player-avatar.zocer-supporter::after,.account-avatar-wrap.zocer-supporter::after{
  content:"ZC ✓";position:absolute;right:-8px;bottom:-8px;z-index:2;
  display:grid;place-items:center;box-sizing:border-box;width:32px;height:23px;
  border:2px solid #0b1627;border-radius:8px;
  background:linear-gradient(135deg,#8cf9e9,#27c9c3);color:#07303a;
  font:900 9px/1 system-ui,sans-serif;letter-spacing:-.04em;
  box-shadow:0 3px 9px rgba(0,0,0,.38);
}
.player-avatar.zocer-supporter.xl::after,.account-avatar-wrap.zocer-supporter::after{width:38px;height:27px;border-radius:10px;font-size:10px}
.account-avatar-wrap{position:relative;display:inline-block;width:104px;height:104px;margin-bottom:18px;vertical-align:top;border-radius:50%;box-shadow:0 0 0 5px #253550}
.account-avatar-wrap .account-avatar{display:block;width:100%;height:100%;margin:0;box-shadow:none}
.account-avatar-wrap .account-avatar-placeholder{display:flex}
.account-avatar-wrap.zocer-supporter{box-shadow:0 0 0 3px #39dfd0,0 0 0 6px rgba(57,223,208,.2),0 8px 23px rgba(21,181,175,.2)}