.work .number-text { white-space: nowrap; }
.work .number-glyph { display: inline-block; }
.work .print.matched { box-shadow: 0 14px 26px rgb(0 0 0 / 18%), inset 0 1px rgb(255 255 255 / 46%); }
.work .number.matched {
  visibility: visible;
  z-index: 3;
  pointer-events: none;
  padding: 3px 5px;
  font-size: clamp(13.2px, 1.155vw, 15.4px);
  font-weight: 500;
  line-height: 1;
  color: #192219;
  background: rgb(239 246 232 / 67%);
  border: 1px solid rgb(193 239 159 / 72%);
  border-radius: 6px;
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
  box-shadow: 0 3px 14px rgb(0 0 0 / 16%), inset 0 1px rgb(255 255 255 / 55%);
  text-shadow: none;
  transform: rotate(var(--match-angle));
  transform-origin: top right;
}
.work .number.matched small {
  display: inline;
  margin: 0 0 0 3px;
  font-size: 8.8px;
  color: #314c2a;
}
.work .number.dealer-number.matched {
  font-size: clamp(13.2px, 1.155vw, 15.4px);
  font-weight: 600;
}
.work .number.matched.settling {
  animation: match-settle 760ms cubic-bezier(.18,.75,.25,1) both;
}
.work .number.matched .number-glyph {
  animation: glyph-bloom 760ms cubic-bezier(.22,.8,.3,1) both;
  animation-delay: calc(680ms + var(--glyph-order) * 55ms);
}
@keyframes match-settle {
  from { transform: translate(var(--match-from-x), var(--match-from-y)) scale(var(--match-from-scale)) rotate(var(--match-angle)); opacity: .78; }
  to { transform: rotate(var(--match-angle)); opacity: 1; }
}
@keyframes glyph-bloom {
  0%, 100% { transform: translateY(0) scale(1); text-shadow: none; }
  20% { transform: translateY(-2px) scale(1.06); text-shadow: 0 0 4px #caffab; }
  42% { transform: translateY(-5px) scale(1.13); text-shadow: 0 0 10px #a8ff76; }
  68% { transform: translateY(1px) scale(.99); text-shadow: 0 0 2px #a8ff76; }
  84% { transform: translateY(-1px) scale(1.02); text-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
  .work .number.matched.settling,
  .work .number.matched .number-glyph { animation: none; }
}