#analysing.loading-judge {
  padding: clamp(32px, 7vh, 72px) 0 64px;
}

.loading-judge-visual {
  width: min(78vw, 430px);
  aspect-ratio: 1;
  margin: 0 auto 10px;
  display: grid;
  place-items: center;
}

.loading-judge-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 18px 28px #0007);
  animation: judge-float 3.8s ease-in-out infinite;
}

.loading-judge-status {
  max-width: 720px;
  min-height: 1.9em;
  margin: 8px auto 0;
  font-size: clamp(28px, 5vw, 48px);
  overflow-wrap: anywhere;
}

@keyframes judge-float {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-5px) scale(1.005); }
}

@media (max-width: 720px) {
  #analysing.loading-judge { padding-top: 20px; }
  .loading-judge-visual { width: min(64vw, 250px); }
  .loading-judge-status { min-height: 2.2em; font-size: clamp(26px, 7.6vw, 34px); }
}

/* Real case phases (no fake progress): evidence → confirm heroes → verdict. */
.judge-steps {
  list-style: none;
  margin: 18px auto 0;
  padding: 0;
  display: grid;
  gap: 12px;
  width: min(100%, 320px);
  text-align: left;
}

.judge-steps li {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 12px;
  align-items: center;
  font-size: 16px;
  color: var(--muted);
}

.judge-steps i {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid var(--line-2);
  background: var(--surface-2);
}

.judge-steps .is-done { color: var(--ink-2); }
.judge-steps .is-done i {
  border-color: var(--innocent);
  background: var(--innocent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%2306140E' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5l2.6 2.5L11 4.5'/%3E%3C/svg%3E") center/14px no-repeat;
}

.judge-steps .is-now { color: var(--ink); font-weight: 700; }
.judge-steps .is-now i {
  border-color: var(--brand);
  border-right-color: transparent;
  background: transparent;
  animation: judge-step-spin .9s linear infinite;
}

#analysing[data-phase=evidence] [data-step=evidence],
#analysing[data-phase=verdict] [data-step=verdict] { color: var(--ink); font-weight: 700; }
#analysing[data-phase=evidence] [data-step=evidence] i,
#analysing[data-phase=verdict] [data-step=verdict] i {
  border-color: var(--brand);
  border-right-color: transparent;
  background: transparent;
  animation: judge-step-spin .9s linear infinite;
}
#analysing[data-phase=verdict] [data-step=evidence],
#analysing[data-phase=verdict] [data-step=confirm] { color: var(--ink-2); }
#analysing[data-phase=verdict] [data-step=evidence] i,
#analysing[data-phase=verdict] [data-step=confirm] i {
  border-color: var(--innocent);
  background: var(--innocent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%2306140E' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5l2.6 2.5L11 4.5'/%3E%3C/svg%3E") center/14px no-repeat;
}
#analysing[aria-busy=false] [data-step] i { animation: none; }

.judge-steps-note {
  margin: 16px auto 0;
  color: var(--muted);
  font-size: 14px;
  text-align: center;
}

@keyframes judge-step-spin { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
  .loading-judge-image {
    animation: none;
    transform: none;
  }
  .judge-steps i { animation: none !important; }
}