/* Judging: no dead time — a big tomato button under the show. */

.judging-dock {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 26px 16px calc(18px + var(--safe-b));
  /* Opaque by the time the title starts: it must read over whatever the judge shot puts behind it. */
  background: linear-gradient(180deg, rgba(6, 6, 15, 0) 0, rgba(6, 6, 15, 0.8) 24px, rgba(6, 6, 15, 0.9) 100%);
  text-align: center;
}
.judging-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(0.9rem, 4.4vw, 1.3rem);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--c-pink);
  text-shadow: 0 0 22px rgba(255, 0, 110, 0.7);
}
.judging-hint { font-size: 0.8rem; color: var(--c-dim); }

.btn-tomato {
  --btn-shade: #7c0f1d;
  --btn-glow: rgba(255, 51, 85, 0.7);
  min-height: 64px;
  padding: 0 26px 0 18px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ff6b7f 0%, #e3223f 100%);
  color: #fff;
  font-size: 0.9rem;
}
.btn-tomato-icon { font-size: 1.9rem; line-height: 1; filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.3)); }
.btn-tomato-count {
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.28);
  font-size: 0.72rem;
}
.btn-tomato.is-bump .btn-tomato-icon { animation: tomato-bump 0.25s ease-out; }
@keyframes tomato-bump { 0% { transform: translateY(-12px) rotate(-25deg) scale(1.25); } 100% { transform: none; } }