/** * TAMTAP Page Preloader * Shows walking mascot animation during page transitions */ /* * Instant screen cover — applied via * Prevents content flash before JS preloader element is injected. * This pseudo-element renders immediately from CSS (no JS body dependency). */ html.preloading::after { content: ''; position: fixed; inset: 0; z-index: 9998; background: #fbfcfc; pointer-events: none; } /* Preloader Overlay */ .tamtap-preloader { position: fixed; inset: 0; z-index: 9999; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fbfcfc; transform: translateY(0); transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1); } .tamtap-preloader.hidden { pointer-events: none; visibility: hidden; } /* Slide-up exit */ .tamtap-preloader.slide-up { transform: translateY(-100%); } .tamtap-preloader-content { text-align: center; animation: preloaderBounce 0.5s ease-in-out; } @keyframes preloaderBounce { 0% { transform: scale(0.8); opacity: 0; } 50% { transform: scale(1.05); } 100% { transform: scale(1); opacity: 1; } } .tamtap-preloader-gif { width: 100px; height: 100px; margin-bottom: 12px; } @media (min-width: 640px) { .tamtap-preloader-gif { width: 130px; height: 130px; margin-bottom: 16px; } } .tamtap-preloader-text { font-size: 1.125rem; font-weight: 600; color: #0a8249; } .tamtap-preloader-text span { color: #FFD700; } .tamtap-preloader-subtext { font-size: 0.75rem; color: #6b7280; margin-top: 4px; }