/* Container pour l'emoji */
.book-emoji-container {
    position: absolute; /* Changé de fixed à absolute pour spawn libre */
    z-index: 1000;
}

/* Lien contenant l'emoji */
#draggable-emoji-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

/* Emoji déplaçable */
.book-emoji {
    font-size: 20px; /* Plus grand pour être bien visible */
    cursor: move;
    user-select: none;
    position: relative; /* Relatif au lien */
    text-shadow: 0 0 10px #ff00ff, 0 0 15px #00ffff, 0 0 20px #ff4500;
    animation: rainbow-pulse 2s infinite;
    transition: transform 0.2s;
}

/* Effet au survol */
#draggable-emoji-link:hover .book-emoji {
    transform: scale(1.2);
    text-shadow: 0 0 15px #ff00ff, 0 0 20px #00ffff, 0 0 25px #ff4500;
}

/* Animation rainbow pulsée */
@keyframes rainbow-pulse {
    0% { text-shadow: 0 0 10px #ff00ff, 0 0 15px #00ffff, 0 0 20px #ff4500; }
    25% { text-shadow: 0 0 15px #00ff00, 0 0 20px #ff0000, 0 0 25px #ff69b4; }
    50% { text-shadow: 0 0 20px #ff8c00, 0 0 25px #00cc00, 0 0 30px #ff4500; }
    75% { text-shadow: 0 0 15px #ff69b4, 0 0 20px #00ffff, 0 0 25px #ff00ff; }
    100% { text-shadow: 0 0 10px #ff00ff, 0 0 15px #00ffff, 0 0 20px #ff4500; }
}

/* Responsive */
@media (max-width: 600px) {
    .book-emoji { font-size: 2.5em; }
}