.piechart { display: flex; justify-content: center; align-items: center; }

.piechart-wrap {
  position: relative;
  display: inline-block;
  filter: drop-shadow(0 2px 10px rgba(0,0,0,0.55));
}

.piechart-wrap canvas {
  display: block;
  border-radius: 50%;
}

.piechart-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  /* smooth scaling — the mod overlays are tiny (21-165px) and need to scale
     cleanly up to display size. pixelated was chunky; auto is slightly soft
     but matches the clean in-game aesthetic better. */
  image-rendering: auto;
}

/* The framed overlay has a fading halo designed for a pure-black background.
   A black disc behind the wrap lets the halo blend invisibly. */
.piechart-wrap--black-bg {
  background: #000;
  border-radius: 50%;
}