.wha-hearts-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
}

.wha-heart {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    z-index: 9999;
    will-change: transform, opacity;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    /* Reduce heart creation on mobile for performance */
    .wha-hearts-container {
        pointer-events: none;
    }
    
    /* Less frequent hearts on mobile */
    .wha-heart {
        animation-duration: 1.5s !important;
    }
}