Media

@media only screen and (min-width: 400px) {
    .popup {
      display: none;} 

    }

 @media only screen and (min-height: 700px) {
        .popup2 {
          display: none;} 
    
        }

@media only screen and (max-width: 400px) {
    
        video {display: none;}
        #text {display: none;}
        .btn {display: none}
        #darkmodebtn {display: none}
}

@media only screen and (max-height: 700px) {
    
    video {display: none;}
    #text {display: none;}
    .btn {display: none}
    #darkmodebtn {display: none} 
}

Timer

let currentCountdown = null;
function countdown(time, targetNode) {
    currentCountdown = setTimeout(() => {
        showTextNode(targetNode);
    }, time * 1000);
};

function timestop() {
    clearTimeout(currentCountdown);
}

if (textNode.hasOwnProperty("stop")) {
        timestop(textNode.stop);
    }

Display

document.getElementById("video").style.backgroundColor = textNode.colors

arr1.sort(() => (Math.random() > .5) ? 1 : -1);

function myFunction() {
  points.sort(function(){return 0.5 - Math.random()});
  document.getElementById("demo").innerHTML = points;
}

Pop Up

<div class="popup">

Das Spielerlebnis ist besser bei einer größeren Bilschirmbreite!

</div>

<div class="popup2">

    Das Spielerlebnis ist besser bei einer größeren Bilschirmhöhe
    
    </div>

Edge glow

box-shadow: 0 0 10px 0px white;
clip-path: inset(0px -15px 0px -15px);