/* Keep the image clipped while allowing the fine octagonal edge to glow outside it. */
body .p-badges .p-badge,
body .pm-badges .pm-badge,
body :is(#badgeModal,#badgeCatalogModal) .badge-modal-badge{
  position:relative;
  clip-path:none;
  overflow:visible;
  background:transparent;
  box-shadow:none;
}
body .p-badges .p-badge::before,
body .pm-badges .pm-badge::before{content:none}
body :is(#badgeModal,#badgeCatalogModal) .badge-modal-badge{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px}
body :is(#badgeModal,#badgeCatalogModal) .badge-modal-badge[hidden]{display:none!important}
.badge-modal-badge.supporter img{object-fit:cover;transform:translateY(2px) scale(1.16);transform-origin:center}
.profile-badge-face{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  overflow:hidden;
  clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);
  background:linear-gradient(180deg,rgba(22,24,28,.75),rgba(12,16,20,.55));
}
:is(.p-badge,.pm-badge,.badge-modal-badge).supporter .profile-badge-face{background:linear-gradient(180deg,rgba(255,218,112,.96),rgba(241,156,56,.88))}
:is(.p-badge,.pm-badge,.badge-modal-badge).season .profile-badge-face{background:linear-gradient(180deg,rgba(157,255,176,.95),rgba(79,210,122,.86))}
body :is(.p-badge,.pm-badge,.badge-modal-badge) .profile-badge-edge{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
  color:var(--badge-neon,#9eddf1);
  filter:drop-shadow(0 0 1px currentColor) drop-shadow(0 0 2px currentColor);
}
.profile-badge-edge polygon{fill:none;stroke:currentColor;stroke-width:.5px;vector-effect:non-scaling-stroke;stroke-linejoin:round}