.tap-indicator {
    display: none; /* Hidden by default */
    text-align: center;
    padding: 5px;
    color: var(--gracie-red);
    font-size: 1rem;
    font-weight: 505;
    border-radius: 4px 4px 0 0;
    margin-bottom: 3px;
    opacity: 0.8;
    animation: pulse 1.5s ease-in-out infinite;
    transform-origin: center;
}

@keyframes pulse {
    0% { opacity: 0.7; transform: translateY(0); }
    50% { opacity: 1; transform: translateY(-2px); }
    100% { opacity: 0.7; transform: translateY(0); }
}

/* Only show on mobile devices where the collapsible functionality is active */
@media (max-width: 1024px) {
    .tap-indicator {
        display: block;
    }
}