/* O fim da atividade com nota (X08, PQ04, GR04) e o selo novo (X12, PQ05, GR05, PQ15, GR15). */
.end-score {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.6rem 1rem;
  margin: 0.4rem 0;
}
.end-big {
  font-size: 2.4rem;
  line-height: 1;
}
.end-points {
  font-weight: 800;
  color: var(--primary, #2457c5);
}
.end-stages {
  list-style: none;
  margin: 0.6rem 0;
  padding: 0;
  display: grid;
  gap: 0.35rem;
}
.end-stages li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.end-mark {
  display: inline-grid;
  place-items: center;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.2rem;
  border-radius: 50%;
  font-style: normal;
  font-weight: 800;
}
.end-mark.ok {
  background: #d7f2dd;
  color: #176b2c;
}
.end-mark.miss {
  border: 2px dashed #a14b00;
  color: #a14b00;
}
.end-balloons {
  margin: 0.8rem 0;
}
.end-pops {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.4rem 0;
}
.end-balloon {
  min-width: 3.4rem;
  min-height: 3.4rem;
  border-radius: 999px;
  font-size: 1.6rem;
}
.end-balloon.popped {
  font-size: 0.95rem;
  font-weight: 800;
  background: #fff3c4;
}
.end-note {
  color: var(--muted, #555);
}
.end-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin: 0.8rem 0;
}
.end-actions button small {
  display: block;
  font-weight: 400;
}
.end-seal {
  max-width: 28rem;
  border-radius: 1.2rem;
  text-align: center;
  border: 4px solid #2f9e57;
}
.end-seal-gold {
  border-color: #e0a800;
}
.end-seal-icon {
  font-size: 4rem;
}
.end-seal-kicker {
  font-weight: 800;
  letter-spacing: 0.08em;
}
.end-seal-win {
  font-weight: 700;
}
.end-seal .end-actions {
  justify-content: center;
}
.end-dot {
  display: inline-block;
  width: 1.1rem;
  height: 1.1rem;
  margin-right: 0.25rem;
  border-radius: 50%;
  vertical-align: middle;
}
.end-dot.ok {
  background: #2f9e57;
}
.end-dot.miss {
  border: 2px dashed #a14b00;
}
.end-legend,
.end-seal-note {
  font-size: 0.9em;
  color: var(--muted, #555);
}
.end-header-points {
  font-weight: 800;
  white-space: nowrap;
}
.end-actions a[role='button'] {
  align-self: center;
  padding: 0.5rem;
}
.end-seal-badge {
  display: inline-block;
  margin-left: 0.4rem;
  padding: 0 0.5rem;
  border-radius: 999px;
  font-size: 1rem;
  background: #d7f2dd;
  color: #176b2c;
  vertical-align: middle;
}
.end-seal-gold .end-seal-badge {
  background: #fff3c4;
  color: #7a5900;
}
.end-seal-sub {
  font-weight: 700;
}