/* Burst badge: the spiky numbered star. Shape is drawn by part.js; everything visual is a knob here.
   Defaults are heyjay.studio's process badges (112px, red, 1px ink outline, white serif numeral outlined in ink). */
.bb {
  --bb-size: 112px;
  --bb-color: #fc411f;                    /* fill (heyjay red; yellow #ffbe2e, pink #ffa9cd, green #299e00 ...) */
  --bb-ink: #000;                         /* outline + label outline */
  --bb-stroke: 1px;                       /* outline width, stays 1px at any size (non-scaling) */
  --bb-label: #fff;                       /* label fill */
  --bb-label-stroke: 2px;                 /* label outline, half shows outside the glyph (0 for plain text) */
  --bb-font: 400 calc(var(--bb-size) * .44)/1 "Instrument Serif", "Editorial New", Georgia, serif;
  --bb-label-y: 3%;                       /* optical nudge: serif numerals sit high */
  /* motion knobs (ms / scale / deg), read by part.js when a move starts */
  --bb-whip-turn: 180;  --bb-whip-out: 3000;  --bb-whip-back: 2000;  --bb-whip-wait: 400;
  --bb-pulse-scale: 1.1;  --bb-pulse-step: 100;  --bb-pulse-count: 5;
  --bb-pop-scale: .75;  --bb-pop-in: 250;  --bb-pop-out: 1000;

  position: relative; display: inline-grid; place-items: center; vertical-align: middle;
  width: var(--bb-size); height: var(--bb-size); flex: none;
}
.bb__shape {
  position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible;
}
.bb__shape path {
  fill: var(--bb-color); stroke: var(--bb-ink); stroke-width: var(--bb-stroke);
  vector-effect: non-scaling-stroke; stroke-linejoin: round;
}
.bb__label {
  position: relative; font: var(--bb-font); color: var(--bb-label); text-align: center;
  translate: 0 var(--bb-label-y);
  -webkit-text-stroke: var(--bb-label-stroke) var(--bb-ink); paint-order: stroke fill;
  max-width: 62%; overflow-wrap: anywhere; pointer-events: none; user-select: none;
}
/* an emoji or a word: no outline, smaller type */
.bb__label:has(> .bb-emoji) { -webkit-text-stroke: 0; }
.bb-word { display: block; font: italic 400 calc(var(--bb-size) * .2)/1 "Instrument Serif", Georgia, serif; -webkit-text-stroke: 0; color: var(--bb-ink); letter-spacing: -.01em; }