/* The founder-approved gold exception is scoped to earned lesson stars only.
 * No island, currency, track, or global UI palette is changed here. */
.shimago-reward-stars {
  width: min(100%, var(--shimago-reward-stage-width, 340px));
  height: var(--shimago-reward-stage-height, 168px);
  margin-inline: auto;
  overflow: hidden;
  pointer-events: none;
  isolation: isolate;
}
.shimago-reward-stars > svg { display: block; width: 100%; height: 100%; overflow: hidden; }
.shimago-reward-stars .srs-gold-light { stop-color: var(--shimago-reward-gold-light); }
.shimago-reward-stars .srs-gold { stop-color: var(--shimago-reward-gold); }
.shimago-reward-stars .srs-gold-shade { stop-color: var(--shimago-reward-gold-shade); }
.shimago-reward-stars .srs-shadow-center { stop-color: var(--shimago-reward-shadow); stop-opacity: .23; }
.shimago-reward-stars .srs-shadow-edge { stop-color: var(--shimago-reward-shadow); stop-opacity: 0; }
.shimago-reward-stars .srs-depth {
  fill: var(--shimago-reward-gold-edge);
  stroke: var(--shimago-reward-outline);
  stroke-width: 2.5;
  stroke-linejoin: round;
}
.shimago-reward-stars .srs-front { stroke: var(--shimago-reward-outline); stroke-width: 2.3; stroke-linejoin: round; }
.shimago-reward-stars .srs-soft-rim {
  fill: none;
  stroke: var(--shimago-reward-cream);
  stroke-width: 1.4;
  stroke-linecap: round;
  opacity: .66;
}
.shimago-reward-stars .srs-cheek { fill: var(--shimago-reward-gold-edge); opacity: .21; }
.shimago-reward-stars .srs-face { fill: var(--shimago-reward-face); }
.shimago-reward-stars .srs-tooth, .shimago-reward-stars .srs-eye-light { fill: var(--shimago-reward-cream); }
.shimago-reward-stars .srs-wink {
  fill: none;
  stroke: var(--shimago-reward-face);
  stroke-width: 3.2;
  stroke-linecap: round;
}
.shimago-reward-stars .srs-body-glint { fill: var(--shimago-reward-cream); opacity: .77; }
.shimago-reward-stars .srs-spark { fill: var(--shimago-reward-gold); }
.shimago-reward-stars .srs-spark-core { fill: var(--shimago-reward-cream); }
.shimago-reward-stars .srs-ripple {
  fill: none;
  stroke: var(--shimago-reward-gold-light);
  stroke-width: 2;
  stroke-linecap: round;
}
.shimago-reward-stars .srs-ripple-inner { stroke: var(--shimago-reward-cream); stroke-width: 2.8; }
.shimago-reward-stars[data-reduced="true"] .srs-effects { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
  .shimago-reward-stars .srs-effects { visibility: hidden; }
}