/* 比赛页的在线对局核验记录。叠在画布和列表之上,不改赛程布局。
 * 默认 hidden,只有能管这届的进化对决比赛才显示。 */
.sve-check-log {
  position: absolute;
  left: 0.75rem;
  bottom: 0.75rem;
  z-index: 28;
  width: min(420px, calc(100% - 1.5rem));
  max-height: 42vh;
  overflow: auto;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
  border-radius: 12px;
  background: var(--surface, Canvas);
  color: var(--text, CanvasText);
  box-shadow: 0 8px 24px rgb(0 0 0 / 0.12);
}
.sve-check-log[hidden] {
  display: none !important;
}
.sve-check-log h2 {
  margin: 0 0 6px;
  font-size: 16px;
}
.sve-check-log-note,
#sve-check-log-empty {
  margin: 0 0 8px;
  font-size: 13px;
  opacity: 0.75;
}
.sve-check-log > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sve-check-item {
  padding: 8px 10px;
  border-radius: 8px;
  background: color-mix(in srgb, currentColor 6%, transparent);
}
.sve-check-head {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: baseline;
  font-size: 13px;
}
.sve-check-summary {
  margin: 4px 0 0;
}
.sve-check-item[data-status="match"] .sve-check-summary {
  color: #1a7f4b;
}
.sve-check-item[data-status="diff"] .sve-check-summary {
  color: #b42318;
}
.sve-check-item ul {
  margin: 4px 0 0;
  padding-left: 1.2em;
  font-size: 13px;
}