```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>💰プレーヤー減少で賞金増加ゲーム🎉</title>
    <style>
        @keyframes bounce {
            0% { transform: scale(1); }
            25% { transform: scale(1.2); }
            50% { transform: scale(0.9); }
            75% { transform: scale(1.1); }
            100% { transform: scale(1); }
        }
        @keyframes sparkle {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
        }
        .animate-bounce {
            animation: bounce 0.5s;
        }
        .animate-sparkle {
            animation: sparkle 1s infinite;
        }
    </style>
</head>
<body>
    <div style="width: 400px; height: 400px; margin: 0 auto; text-align: center; position: relative; background: linear-gradient(135deg, #f6d365 0%, #fda085 100%); border: 2px solid #fff; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.3);">
        <div style="position: absolute; top: 20px; width: 100%;">
            <span style="font-size: 24px;">🏆 プレーヤー人数: <span id="playerCount">456</span>人</span>
        </div>
        <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" id="prizeContainer">
            <span style="font-size: 32px; display: block;">💴 賞金: <span id="prize">0</span>億円</span>
            <span style="font-size: 20px;">🎁 1人あたり: <span id="perPerson">0</span>億円</span>
        </div>
        <div style="position: absolute; bottom: 20px; width: 100%;">
            <button id="decreaseBtn" style="font-size: 18px; padding: 10px 20px; margin: 5px; border: none; border-radius: 10px; background-color: #ff7675; color: #fff; cursor: pointer;">➖ プレーヤー減少</button>
            <button id="resetBtn" style="font-size: 18px; padding: 10px 20px; margin: 5px; border: none; border-radius: 10px; background-color: #55efc4; color: #fff; cursor: pointer;">🔄 リセット</button>
            <button id="rewindBtn" style="font-size: 18px; padding: 10px 20px; margin: 5px; border: none; border-radius: 10px; background-color: #74b9ff; color: #fff; cursor: pointer;">⏪ 巻き戻し</button>
        </div>
        <div id="emojiContainer" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;">
            <span style="font-size: 24px; position: absolute; top: 10%; left: 20%;" class="animate-sparkle">✨😊</span>
            <span style="font-size: 24px; position: absolute; top: 70%; left: 50%;" class="animate-sparkle">🎉🎈</span>
            <span style="font-size: 24px; position: absolute; top: 40%; left: 80%;" class="animate-sparkle">🚀🌟</span>
            <span style="font-size: 24px; position: absolute; top: 60%; left: 30%;" class="animate-sparkle">🍀💖</span>
        </div>
    </div>

    <script>
        const decreaseBtn = document.getElementById('decreaseBtn');
        const resetBtn = document.getElementById('resetBtn');
        const rewindBtn = document.getElementById('rewindBtn');
        const playerCountElem = document.getElementById('playerCount');
        const prizeElem = document.getElementById('prize');
        const perPersonElem = document.getElementById('perPerson');
        const prizeContainer = document.getElementById('prizeContainer');

        let players = 456;
        let prize = 0;
        let history = [];

        function updateDisplay() {
            playerCountElem.textContent = players;
            prizeElem.textContent = prize;
            perPersonElem.textContent = players > 0 ? (prize / players).toFixed(2) : 0;
        }

        decreaseBtn.addEventListener('click', () => {
            if (players > 1 && prize < 456) {
                history.push({players, prize});
                players -= 1;
                prize += 1;
                updateDisplay();
                animateClick();
            }
        });

        resetBtn.addEventListener('click', () => {
            history.push({players, prize});
            players = 456;
            prize = 0;
            updateDisplay();
            animateClick();
        });

        rewindBtn.addEventListener('click', () => {
            if (history.length > 0) {
                const lastState = history.pop();
                players = lastState.players;
                prize = lastState.prize;
                updateDisplay();
                animateClick();
            }
        });

        function animateClick() {
            prizeContainer.classList.add('animate-bounce');
            setTimeout(() => {
                prizeContainer.classList.remove('animate-bounce');
            }, 500);
        }

        // Initial display
        updateDisplay();
    </script>
</body>
</html>
```