/* pot-003 내 판결문 카드 */
.judgment-card {
  background: var(--paper); border: 3px solid var(--line); border-radius: 26px; padding: 20px; margin: 16px 0;
  box-shadow: var(--shadow); text-align: center; position: relative; animation: card-in .45s cubic-bezier(.2, 1.3, .4, 1);
}
@keyframes card-in { from { transform: translateY(24px) rotate(-2deg); opacity: 0; } }
.jc-head { display: flex; justify-content: space-between; font-family: var(--font); color: var(--bean-2); font-size: 15px; }
.jc-title { font-family: var(--font); font-size: 22px; margin: 10px 0 4px; word-break: keep-all; }
.jc-stamp {
  display: inline-block; font-family: var(--font); font-size: 42px; padding: 0 18px; border: 5px solid; border-radius: 14px;
  transform: rotate(-8deg); margin: 8px 0; animation: jc-thud .45s cubic-bezier(.3, 1.6, .5, 1);
}
.is-guilty .jc-stamp { color: var(--guilty); border-color: var(--guilty); }
.is-innocent .jc-stamp { color: var(--innocent); border-color: var(--innocent); }
.jc-item { font-family: var(--font); font-size: 22px; display: flex; align-items: center; justify-content: center; gap: 8px; }
.jc-item-emoji { font-size: 44px; }
.jc-sentence { margin: 8px 0 14px; color: var(--ink-2); word-break: keep-all; }
.jc-type {
  display: flex; gap: 12px; align-items: center; text-align: left; background: var(--butter-2); border-radius: 18px; padding: 14px;
}
.jc-type.rare { background: linear-gradient(120deg, #ffe29a, #ffd1e8, #d6ecff); animation: shine 3s linear infinite; background-size: 200% 200%; }
@keyframes shine { 50% { background-position: 100% 100%; } }
.jc-type-emoji { font-size: 44px; }
.jc-type-label { font-size: 13px; color: var(--bean-2); }
.jc-type-name { font-family: var(--font); font-size: 22px; line-height: 1.25; word-break: keep-all; }
.jc-type-reason { font-size: 14px; color: var(--ink-2); margin-top: 4px; word-break: keep-all; }
.jc-actions { justify-content: center; margin-top: 14px; flex-wrap: wrap; }
.jc-note { font-size: 13px; margin-top: 8px; }
@keyframes jc-thud {
  0% { transform: scale(1.6) rotate(-20deg); opacity: 0; }
  100% { transform: rotate(-8deg); }
}
