```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>🎉 Fun Emoji App 🎉</title>
    <style>
        @keyframes bounce {
            0% { transform: translateY(0); }
            50% { transform: translateY(-20px); }
            100% { transform: translateY(0); }
        }
        @keyframes rotate {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }
        @keyframes jiggle {
            0%, 100% { transform: rotate(0deg); }
            25% { transform: rotate(5deg); }
            75% { transform: rotate(-5deg); }
        }
    </style>
</head>
<body>
    <div style="width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column; overflow: hidden; background-color: #f0f8ff;">
        <div id="emoji-container" style="width: 400px; height: 400px; position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #fffacd; border: 2px solid #ffd700; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1);">
            <span style="font-size: 2rem; animation: bounce 2s infinite;">😁</span>
            <span style="font-size: 2rem; animation: rotate 5s linear infinite;">🎈</span>
            <span style="font-size: 2rem; animation: jiggle 1s infinite;">🎉</span>
            <span style="font-size: 2rem; animation: bounce 3s infinite;">🚀</span>
            <span style="font-size: 2rem; animation: rotate 4s linear infinite;">✨</span>
            <span style="font-size: 2rem; animation: jiggle 1.5s infinite;">🐱‍🏍</span>
            <span style="font-size: 2rem; animation: bounce 2.5s infinite;">🎶</span>
            <span style="font-size: 2rem; animation: rotate 6s linear infinite;">🍀</span>
            <span style="font-size: 2rem; animation: jiggle 2s infinite;">🥳</span>
            <span style="font-size: 3rem; cursor: pointer;">🖕</span>
        </div>
        <button id="action-button" style="margin-top: 20px; padding: 10px 20px; font-size: 1rem; border: none; border-radius: 5px; background-color: #ff69b4; color: white; cursor: pointer; box-shadow: 0 4px #c71585;">🎮 Play</button>
    </div>
    <script>
        const button = document.getElementById('action-button');
        const emoji = document.querySelector('#emoji-container span:last-child');

        button.addEventListener('click', () => {
            emoji.style.animation = 'jiggle 0.5s';
            setTimeout(() => {
                emoji.style.animation = '';
            }, 500);
        });

        emoji.addEventListener('click', () => {
            emoji.style.transform = 'scale(1.5)';
            emoji.style.transition = 'transform 0.3s';
            setTimeout(() => {
                emoji.style.transform = 'scale(1)';
            }, 300);
        });
    </script>
</body>
</html>
```