.slides-page .slide:has(.joke-layer) { position: relative; overflow: hidden; }
.slides-page .joke-layer { position: absolute; inset: 0; pointer-events: none; z-index: 5; }
.slides-page .agent-popup {
  position: absolute; width: 43%; background: #f5f5f0; color: #171717;
  border: 3px solid #171717; box-shadow: 8px 8px 0 #17171766;
  font: 24px/1.3 monospace;
  animation: agent-popup 10s both;
  animation-delay: calc(var(--effect-elapsed) + 2s + var(--i) * .8s);
}
.slides-page .agent-popup > div { background: #3534ad; color: white; padding: 8px 14px; font-size: 18px; }
.slides-page .agent-popup span { float: right; }
.slides-page .agent-popup p { padding: 20px; margin: 0; font-size: 24px; }
.slides-page .agents-enough {
  position: absolute; inset: 35% 20% auto; text-align: center; background: #ff443b;
  color: white; border: 5px solid #171717; padding: 25px; font: 900 80px/1 monospace;
  transform: rotate(-6deg); animation: agents-enough 3s both;
  animation-delay: calc(var(--effect-elapsed) + 8s);
}
@keyframes agent-popup { 0% { opacity: 0; transform: scale(.8); } 3%, 65% { opacity: 1; transform: scale(1); } 70%, 100% { opacity: 0; transform: scale(.95); } }
@keyframes agents-enough { 0% { opacity: 0; scale: 1.4; } 10%, 60% { opacity: 1; scale: 1; } 100% { opacity: 0; } }
.slides-page .token-meter {
  position: absolute; top: 5%; right: 5%; background: #151515; color: #a7ff83;
  padding: 14px 24px; border: 2px solid #a7ff83; box-shadow: 5px 5px 0 #0003;
  font-family: monospace; transform: rotate(3deg); text-align: right;
}
.slides-page .token-meter span, .slides-page .token-meter small { display: block; font-size: 14px; }
.slides-page .token-meter strong { display: block; color: #a7ff83; font-size: 42px; font-variant-numeric: tabular-nums; }
.slides-page .effect-overloadedHorse > img {
  animation: horse-sag 9s both; animation-delay: var(--effect-elapsed); transform-origin: bottom center;
}
.slides-page .extra-pdf {
  position: absolute; left: 40%; top: 8%; background: #fff; color: #222;
  border: 3px solid #222; padding: 20px; font: 24px monospace; box-shadow: 5px 5px 0 #0004;
  animation: extra-pdf 9s both; animation-delay: var(--effect-elapsed);
}
@keyframes horse-sag { 0%, 15% { transform: none; } 55% { transform: translateY(40px) rotate(2deg); } 75% { transform: translateY(70px) rotate(4deg); } 100% { transform: translateY(110%) rotate(9deg); } }
@keyframes extra-pdf { 0%, 55% { opacity: 0; transform: translateY(-180px) rotate(-12deg); } 65%, 75% { opacity: 1; transform: translateY(160px) rotate(-8deg); } 100% { opacity: 0; transform: translateY(650px) rotate(12deg); } }
.slides-page .effect-decayLeft .column:first-child {
  animation: column-decay 5s both; animation-delay: calc(var(--effect-elapsed) + 3s);
}
.slides-page .decay-dust {
  position: absolute; left: 8%; top: 45%; width: 40%; font-size: 65px; letter-spacing: 12px;
  animation: decay-dust 5s both; animation-delay: calc(var(--effect-elapsed) + 3s);
}
@keyframes column-decay { 0%, 10% { opacity: 1; filter: none; transform: none; } 45% { opacity: .6; filter: blur(2px); } 100% { opacity: 0; filter: blur(8px); transform: translateY(45px); } }
@keyframes decay-dust { 0%, 10% { opacity: 0; transform: none; } 35% { opacity: .7; } 100% { opacity: 0; transform: translate(30px, 160px) rotate(8deg); } }
.slides-page .slide:has(.slide-video-overlay) { position: relative; }
.slides-page .slide-video-overlay {
  position: absolute; right: 3%; top: 3%; height: 44%; width: auto;
  max-width: 24%; object-fit: contain; z-index: 5; pointer-events: none;
  border: 2px solid #171717; border-radius: 8px; box-shadow: 3px 3px 0 #0003;
}
@media (prefers-reduced-motion: reduce) {
  .slides-page .slide-video-overlay { display: none; }
  .slides-page .joke-layer { display: none; }
  .slides-page .effect-overloadedHorse > img, .slides-page .effect-decayLeft .column:first-child { animation: none; }
}
@media print { .slides-page .joke-layer, .slides-page .slide-video-overlay { display: none; } }