ok, I got a simpller and better idea here. let's just continously spawn a random emojicons in each slot before original random emojicon appears. now try to implement this concept. and output your variant wrapped in codeblocks in this chat.: <html>
<head>
  <title>Riddle Slots</title>
  <style>
    .container {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      padding: 0px;
      margin-bottom: 0;
      position: relative;
    }
    #emoji-container {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      background-color: PaleGoldenrod;
      padding: 0px 0;
    }
    #reset-button {
      margin-left: 10px;
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>Riddle Slots</h1>
    <div id="difficulty-container">
      <span id="difficulty">Current difficulty: Secret&nbsp;</span>|&nbsp;
      <span id="change-difficulty">options</span>
      <div id="difficulty-panel" style="display: none">: Difficulty: 
        <span class="difficulty-level">Secret</span>,
        <span class="difficulty-level">Enigma</span>,
        <span class="difficulty-level">Wonderland</span>.
      </div>
      <div id="score"></div><button id="reset-button">Reset</button>
    </div>
    <div id="emoji-container" class="emoji-container-circle" data-spin-count="2">
      <button class="emoji-btn">🍔</button>
      <button class="emoji-btn">🌮</button>
      <button class="emoji-btn">🥨</button>
    </div>
    <div id="riddle-container"></div>
    <div id="notification"></div>
    
  </div>
  <script>
    (() => {
      const emojiButtons = document.querySelectorAll(".emoji-btn");
      const riddleContainer = document.querySelector("#riddle-container");
      const notification = document.querySelector("#notification");
      const scoreField = document.querySelector("#score");
      const changeDifficultyButton = document.querySelector("#change-difficulty");
      const resetButton = document.querySelector("#reset-button");
      const difficultyPanel = document.querySelector("#difficulty-panel");
      const difficultyLevels = document.querySelectorAll(".difficulty-level");

      let score = 0;
      let riddles = {
        secret: [
          {
            emoji: "🍔",
            question: "I am a popular fast food item. What am I?",
          },
        ],
        enigma: [
          {
            emoji: "🌮",
            question: "I am a folded tortilla with various fillings. What am I?",
          },
        ],
        wonderland: [
          {
            emoji: "🥨",
            question: "I am a knot-shaped bread product. What am I?",
          },
        ],
      };
      let difficulty = "secret";

      displayRiddle();
      emojiButtons.forEach(btn => {
        btn.addEventListener("click", checkAnswer);
      });
      changeDifficultyButton.addEventListener("click", toggleDifficultyPanel);
      resetButton.addEventListener("click", resetGame);
      difficultyLevels.forEach(level => {
        level.addEventListener("click", changeDifficulty);
      });

      function toggleDifficultyPanel() {
        difficultyPanel.style.display = (difficultyPanel.style.display === "none") ? "block" : "none";
      }

      function changeDifficulty() {
        difficulty = this.textContent.toLowerCase();
        toggleDifficultyPanel();
        document.getElementById("difficulty").textContent = "Current difficulty: " + difficulty.charAt(0).toUpperCase() + difficulty.slice(1) + "\u00A0";
        displayRiddle();
      }

      function resetGame() {
        showDifficultyPanel();
        score = 0;
        scoreField.textContent = "\u00A0 Score: " + score;
        displayRiddle();
      }

      function displayRiddle() {
        const riddle = getRandomRiddle();
        riddleContainer.textContent = riddle.question;
        riddleContainer.dataset.emoji = riddle.emoji;
        spinEmojiContainer();
        disableButtons();
        setTimeout(enableButtons, 2000);
      }

      function getRandomRiddle() {
        const riddleArray = riddles[difficulty];
        return riddleArray[Math.floor(Math.random() * riddleArray.length)];
      }

      function spinEmojiContainer() {
        const emojiContainer = document.querySelector("#emoji-container");
        const spinCount = emojiContainer.dataset.spinCount;
        const emojis = Array.from(emojiContainer.children);

        emojis.forEach(emojiBtn => {
          emojiBtn.style.transitionDuration = "0s";
        });

        for (let i = 0; i < spinCount; i++) {
          setTimeout(() => {
            emojis.forEach(emojiBtn => {
              emojiBtn.style.transform = "rotate(-180deg)";
            });

            setTimeout(() => {
              emojis.forEach(emojiBtn => {
                emojiBtn.style.transform = "rotate(0deg)";
              });
            }, 500);
          }, i * 1000);
        }
      }

      function showNotification(isCorrect) {
        notification.textContent = isCorrect ? "Correct!" : "Wrong answer!";
        notification.style.color = isCorrect ? "darkgreen" : "magenta";
        setTimeout(() => {
          notification.textContent = "";
          notification.style.color = "red";
        }, 600);
      }

      function checkAnswer() {
        if (this.disabled) return;
        const selectedEmoji = this.textContent;
        const selectedRiddle = riddleContainer.dataset.emoji;
        const isCorrect = selectedEmoji === selectedRiddle;
        score = isCorrect ? score + 1 : score - 1;
        showNotification(isCorrect);
        scoreField.textContent = "\u00A0 Score: " + score;
        disableButtons();
        setTimeout(() => {
          enableButtons();
          displayRiddle();
        }, 1200);
      }