@font-face {
  font-family: 'JCC Handwriting';
  src: url('./fonts/handwriting/ShadowsIntoLight.ttf') format('truetype');
  font-display: swap;
  font-weight: 400;
}
#lineupCount {
  font-family: 'JCC Handwriting', cursive;
  font-weight: 400;
  font-size: 3.5rem;
  line-height: 1.2;
  letter-spacing: 0;
  min-height: 1.2em;
  position: relative;
}
.handwriting-count-svg { display: block; max-width: 100%; height: 1.2em; overflow: visible; }
.has-handwriting .handwriting-count-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.handwriting-count-stroke { stroke-dasharray: 1; stroke-dashoffset: 1; animation: handwriting-count-draw 1s ease-out forwards; }
.handwriting-count-fill { opacity: 0; animation: handwriting-count-ink .45s ease-out 1.13s forwards; }
@keyframes handwriting-count-draw { to { stroke-dashoffset: 0; } }
@keyframes handwriting-count-ink { to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .handwriting-count-stroke { animation: none; stroke-dashoffset: 0; }
  .handwriting-count-fill { animation: none; opacity: 1; }
}