/* A página do evento da criança (canvas X10, PQ07, GR07, PQ20, GR20): o placar das turmas e as atividades. Só tokens da skin. */
.event-entry {
  max-width: 880px;
  margin: 12px auto 0;
  padding: 0 16px;
}
.student-event {
  display: grid;
  gap: 14px;
  max-width: 880px;
  margin: 16px auto;
  padding: 0 16px;
}
.student-event h1,
.student-event h2,
.student-event h3,
.student-event p {
  margin: 0;
}
.student-event button {
  min-height: var(--skin-target, 44px);
  font-size: var(--skin-button-text, 16px);
}
.event-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.event-eyebrow {
  font-size: var(--skin-text-small, 14px);
  font-weight: 800;
  letter-spacing: 0.04em;
  color: var(--app-muted);
}
.student-event[data-event-layout='lista'] .event-eyebrow {
  text-transform: uppercase;
}
.event-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.event-days {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: var(--skin-text, 18px);
  font-weight: 800;
}
.event-days b {
  font-size: calc(var(--skin-title, 28px) * 1.4);
}
.event-board {
  display: grid;
  gap: 10px;
  padding: 16px 20px;
  background: var(--app-card);
  border: var(--skin-border, 1px) solid var(--skin-card-line, var(--app-border));
  border-radius: var(--skin-card-radius, 12px);
  box-shadow: var(--skin-card-shadow, none);
}
.event-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.event-board ol {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.event-board li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  font-size: var(--skin-text, 18px);
  background: var(--app-soft);
  border-radius: var(--skin-radius, 12px);
}
.event-board li.event-me {
  font-weight: 800;
  background: color-mix(in srgb, var(--app-primary) 14%, var(--app-card));
  outline: var(--skin-border, 2px) solid var(--app-primary);
}
.event-rank {
  min-width: 2em;
}
.event-name {
  flex: 1;
}
.event-mine {
  font-size: var(--skin-text-small, 14px);
  color: var(--app-primary);
}
.event-points {
  font-weight: 800;
}
.event-gap,
.event-intro,
.event-allwin,
.event-helped {
  font-size: var(--skin-text, 18px);
}
.event-champion {
  font-size: var(--skin-title, 28px);
  font-weight: 800;
}
.event-helped b {
  font-size: calc(var(--skin-title, 28px) * 1.6);
}
.event-activities {
  display: grid;
  gap: 10px;
}
.event-activities ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.event-item {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  padding: 12px 16px;
  background: var(--app-card);
  border: var(--skin-border, 1px) solid var(--skin-card-line, var(--app-border));
  border-radius: var(--skin-card-radius, 12px);
}
.event-item-text {
  flex: 1;
  min-width: 160px;
}
.event-item-text p {
  color: var(--app-muted);
  font-size: var(--skin-text-small, 14px);
}
.event-notice:empty {
  display: none;
}