/* Landingpage-CSS (Reveal, Carousel, Pulse) - statischer Teil aus pages/club_public.php (F3).
   Die Theme-Regeln mit PHP-Farbwerten (tf-theme-*, tf-stat-number) bleiben inline. */

/* Scroll-Reveal */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity 700ms cubic-bezier(.2,.7,.3,1), transform 700ms cubic-bezier(.2,.7,.3,1); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
    .reveal { opacity: 1; transform: none; transition: none; }
}



/* Spiel-Hero Countdown Pulse */
@keyframes tf-pulse-soft { 0%,100% { opacity: 1 } 50% { opacity: .75 } }
.tf-pulse { animation: tf-pulse-soft 2.5s ease-in-out infinite; }

/* Carousel */
.tf-carousel { scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }
.tf-carousel::-webkit-scrollbar { display: none; }
.tf-carousel { scrollbar-width: none; }
.tf-slide { scroll-snap-align: start; scroll-snap-stop: always; }
.tf-dot { transition: all 200ms ease; }
.tf-dot[aria-current="true"] { width: 24px; background: rgba(255,255,255,0.95); }