/* pot-004 선고 연출 */
.gavel-stage { text-align: center; padding: 30px 0 10px; transition: all .4s ease; }
.gavel-stage.done { padding: 0; max-height: 0; opacity: 0; overflow: hidden; }
.gavel-mascot .mascot-gavel { animation: bang .6s ease-in-out 3; }
@keyframes bang {
  0%, 100% { transform: translate(92px, 66px) rotate(-30deg); }
  45% { transform: translate(92px, 66px) rotate(-70deg); }
  60% { transform: translate(92px, 66px) rotate(10deg); }
}
.gavel-words { display: flex; justify-content: center; gap: 12px; font-family: var(--font); font-size: 34px; color: var(--bean); height: 46px; }
.gavel-words span { opacity: 0; animation: word-in .3s ease forwards; }
.gavel-words span:nth-child(1) { animation-delay: .35s; }
.gavel-words span:nth-child(2) { animation-delay: .95s; }
.gavel-words span:nth-child(3) { animation-delay: 1.55s; }
@keyframes word-in { from { transform: scale(2); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.hidden-until { display: none; }

.verdict-card {
  background: var(--paper); border: 3px solid var(--line); border-radius: 26px; padding: 22px 18px; margin: 16px 0;
  box-shadow: var(--shadow); text-align: center; animation: unfold .5s cubic-bezier(.2, 1.2, .4, 1);
}
@keyframes unfold { from { transform: scaleY(.3) translateY(-30px); opacity: 0; } }
.vc-no { font-family: var(--font); color: var(--bean-2); font-size: 15px; }
.vc-title { font-size: 26px; margin: 8px 0; word-break: keep-all; }
.vc-stamp {
  display: inline-block; font-family: var(--font); font-size: 54px; padding: 0 22px; border: 6px solid; border-radius: 16px;
  transform: rotate(-8deg); margin: 6px 0 10px; animation: vc-thud .5s cubic-bezier(.3, 1.6, .5, 1);
}
@keyframes vc-thud { from { transform: scale(2) rotate(-25deg); opacity: 0; } to { transform: rotate(-8deg); } }
.majority-guilty .vc-stamp { color: var(--guilty); }
.majority-innocent .vc-stamp { color: var(--innocent); }
.majority-tie .vc-stamp, .majority-none .vc-stamp { color: var(--bean-2); }
.vc-penalty { margin: 4px 0; }
.vc-item-emoji { font-size: 72px; line-height: 1.1; }
.vc-amount { font-family: var(--font); font-size: 36px; color: var(--guilty); }
.vc-item-label { font-family: var(--font); font-size: 22px; color: var(--bean-2); }
.vc-sentence { background: var(--cream-2); border-radius: 16px; padding: 12px 14px; margin: 14px 0; word-break: keep-all; text-align: left; }
.vc-meter { margin: 12px 0; text-align: left; }
.vc-meter-head { display: flex; justify-content: space-between; font-size: 14px; font-family: var(--font); }
.vc-bar { height: 16px; border-radius: 999px; background: var(--innocent-soft); overflow: hidden; border: 2px solid var(--line); margin-top: 4px; }
.vc-bar-guilty { height: 100%; background: var(--guilty); border-radius: 999px; transition: width 1s ease; }
.vc-meter-foot { font-size: 13px; margin-top: 2px; }
.vc-max { font-family: var(--font); color: var(--guilty); margin-top: 8px; }
.vc-mine { margin-top: 14px; background: var(--butter-2); border-radius: 16px; padding: 12px; text-align: left; }
.prev-teaser {
  width: 100%; border: 2px dashed var(--line); background: var(--paper); border-radius: 16px; padding: 12px 14px; cursor: pointer;
  text-align: left; font-family: var(--font-body); font-size: 15px; color: var(--ink); margin: 12px 0;
}
.prev-arrow { color: var(--bean-2); font-weight: bold; }