.text-show-layer {
  position: fixed;
  inset: 0;
  z-index: 26;
  pointer-events: none;
  overflow: hidden;
  contain: layout paint;
}
.text-show-item {
  position: absolute;
  display: grid;
  justify-items: center;
  width: max-content;
  max-width: min(86vw, 680px);
  color: #fffbdc;
  font: 1000 var(--text-show-size, 36px)/.92 Impact, "Arial Black", sans-serif;
  letter-spacing: -.025em;
  text-align: center;
  text-shadow: 0 3px 0 #74266e, 0 0 15px #ff6cc8, 0 0 28px #fff1a7;
  opacity: 0;
  filter: blur(0);
  transform-origin: 50% 50%;
  will-change: transform, opacity, clip-path, filter;
}
.text-show-item strong { display: block; max-width: inherit; }
.text-show-item small { display: block; margin-top: .18em; font: 900 .3em/1 sans-serif; letter-spacing: .05em; }
.text-show-item[data-kind="record"] { padding: .18em .48em .22em; border: 2px solid #fff6cf; border-radius: 999px; background: linear-gradient(110deg, #ef3c96, #7635da 52%, #ffb52d); box-shadow: 0 4px 0 #70245e, 0 0 22px #ff9ad8; }
.text-show-item.is-static { opacity: 1; animation: none !important; transform: none; filter: none; }
.text-show-item.is-entering[data-motion="scroll"] { animation: text-show-scroll var(--text-show-duration) cubic-bezier(.16,1,.3,1) var(--text-show-delay) both; }
.text-show-item.is-entering[data-motion="dissolve"] { animation: text-show-dissolve var(--text-show-duration) ease-out var(--text-show-delay) both; }
.text-show-item.is-entering[data-motion="wipe"] { animation: text-show-wipe var(--text-show-duration) cubic-bezier(.2,1,.35,1) var(--text-show-delay) both; }
.text-show-item.is-entering[data-motion="hop"] { animation: text-show-hop var(--text-show-duration) cubic-bezier(.14,1,.3,1) var(--text-show-delay) both; }
@keyframes text-show-static { from { opacity: 0; } to { opacity: 1; } }
@keyframes text-show-scroll { 0% { opacity: 0; transform: translate(calc(var(--text-show-travel-x) * -1), var(--text-show-travel-y)) rotate(var(--text-show-angle)) scale(.72); } 18% { opacity: 1; } 72% { opacity: 1; transform: translate(3px, calc(var(--text-show-travel-y) * -.3)) rotate(0) scale(1.04); } 100% { opacity: 0; transform: translate(var(--text-show-travel-x), calc(var(--text-show-travel-y) * -1)) rotate(calc(var(--text-show-angle) * -1)) scale(.96); } }
@keyframes text-show-dissolve { 0% { opacity: 0; filter: blur(12px); transform: scale(.72) rotate(var(--text-show-angle)); } 25% { opacity: 1; filter: blur(0); } 68% { opacity: 1; transform: scale(1.08) rotate(0); } 100% { opacity: 0; filter: blur(10px); transform: scale(1.2) rotate(calc(var(--text-show-angle) * -1)); } }
@keyframes text-show-wipe { 0% { opacity: 0; clip-path: inset(0 100% 0 0); transform: translateX(calc(var(--text-show-travel-x) * -1)) rotate(var(--text-show-angle)) scale(.9); } 22% { opacity: 1; clip-path: inset(0 0 0 0); } 72% { opacity: 1; clip-path: inset(0 0 0 0); transform: translateX(12px) rotate(0) scale(1.04); } 100% { opacity: 0; clip-path: inset(0 0 0 100%); transform: translateX(var(--text-show-travel-x)) rotate(calc(var(--text-show-angle) * -1)) scale(.92); } }
@keyframes text-show-hop { 0% { opacity: 0; transform: translateY(var(--text-show-travel-y)) rotate(var(--text-show-angle)) scale(.64); } 18% { opacity: 1; transform: translateY(calc(var(--text-show-travel-y) * -.65)) rotate(calc(var(--text-show-angle) * -.6)) scale(1.16); } 38% { transform: translateY(3px) rotate(0) scale(.98); } 72% { opacity: 1; transform: translateY(calc(var(--text-show-travel-y) * -.25)) rotate(calc(var(--text-show-angle) * .3)) scale(1.04); } 100% { opacity: 0; transform: translateY(calc(var(--text-show-travel-y) * -1.4)) rotate(calc(var(--text-show-angle) * -1)) scale(.9); } }
@media (prefers-reduced-motion: reduce) { .text-show-item.is-entering { animation: none !important; opacity: 1; transform: none; filter: none; } }
.manual-reduced-motion .text-show-item.is-entering { animation: none !important; opacity: 1; transform: none; filter: none; }