How to Add the Konami Code in Webflow

(function() {
  var KONAMI = ['ArrowUp','ArrowUp','ArrowDown','ArrowDown',
    'ArrowLeft','ArrowRight','ArrowLeft','ArrowRight','b','a'];
  var idx = 0;

  document.addEventListener('keydown', function(e) {
    if (e.key === KONAMI[idx]) {
      idx++;
      if (idx === KONAMI.length) {
        idx = 0;
        triggerEasterEgg();
      }
    } else {
      idx = e.key === KONAMI[0] ? 1 : 0;
    }
  });

  function triggerEasterEgg() {
    // Confetti if canvas-confetti is loaded
    if (typeof confetti === 'function') {
      confetti({ particleCount: 200, spread: 90, origin: { y: 0.5 } });
    }
    // Toast message
    var toast = document.createElement('div');
    toast.textContent = '🎉 Konami Code activated! +30 lives';
    toast.style.cssText = 'position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);' +
      'background:#111;color:#fff;padding:20px 32px;border-radius:16px;font-size:18px;' +
      'font-weight:500;z-index:99999;animation:konamiFade 3s forwards;';
    var style = document.createElement('style');
    style.textContent = '@keyframes konamiFade{0%{opacity:0;transform:translate(-50%,-60%)}' +
      '15%{opacity:1;transform:translate(-50%,-50%)}85%{opacity:1}100%{opacity:0}}';
    document.head.appendChild(style);
    document.body.appendChild(toast);
    setTimeout(function() { toast.remove(); }, 3000);
  }
})();

// In the  of your page :
// <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1/dist/confetti.browser.min.js"></script>