BAD GAME

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<title>BAD GAME</title>
<style>
*{box-sizing:border-box}
body{
background:#ff00ff;color:lime;
font-family:Comic Sans MS;
text-align:center;margin:0;
animation:ugly .2s infinite;
}
@keyframes ugly{
0%{background:#ff00ff}
50%{background:#00ff00}
100%{background:#0000ff}
}
h1{font-size:35px;text-shadow:5px 5px red}
#game{
height:65vh;margin:5px;
border:15px dotted yellow;
background:repeating-linear-gradient(45deg,red 0 10px,blue 10px 20px);
position:relative;overflow:hidden;
}
#player{
position:absolute;left:45%;top:40%;
font-size:60px;
filter:blur(3px);
transform:rotate(20deg);
}
#message{
position:absolute;bottom:10px;width:100%;
font-size:22px;color:white;
}
button{
background:orange;color:red;
border:7px dashed purple;
font-size:19px;padding:15px;
border-radius:0;
margin:5px;
}
#stats{font-size:20px}
</style>
</head>
<body>
<h1>💩 BAD GAME 3000 💩</h1>
<div id="stats">FPS: 2 | QUALITY: -1846273</div>
<div id="game">
<div id="player">🗿</div>
<div id="message">LOADING NOTHING...</div>
</div>
<button onclick="lie()">WIN GAME</button>
<button onclick="lie()">DO SOMETHING</button>
<button onclick="lie()">UPGRADE GRAPHICS</button>
<button onclick="lie()">DELETE REALITY</button>
<script>
let score=0;
let count=0;
let messages=[
"YOU DID SOMETHING. BAD IDEA.",
"ERROR: FUN NOT FOUND",
"GRAPHICS DOWNGRADED.",
"YOU LOST. YOU ALSO WON.",
"THE POTATO IS WATCHING.",
"YOUR PHONE IS DISAPPOINTED.",
"LOADING... 0%",
"LOADING... 0.0001%",
"CONGRATULATIONS YOU DID NOTHING."
];
let player=document.getElementById("player");
let game=document.getElementById("game");
let message=document.getElementById("message");

function lie(){
count++;
score+=Math.random()*999;
message.innerText=messages[Math.floor(Math.random()*messages.length)];
player.style.left=Math.random()*90+"%";
player.style.top=Math.random()*80+"%";
player.style.transform="rotate("+Math.random()*999+"deg)";
player.style.fontSize=Math.random()*100+"px";
document.getElementById("stats").innerText=
"FPS: "+Math.floor(Math.random()*-50)+
" | QUALITY: -1846273 | SCORE: "+Math.floor(score);
if(count%3===0)document.body.style.transform="rotate(1deg)";
}
setInterval(()=>{
message.innerText=messages[Math.floor(Math.random()*messages.length)];
if(Math.random()<.3){
game.style.transform="rotate("+Math.random()*4+"deg)";
}
},800);

// SECRET WIN: DO NOTHING FOR 10 SECONDS
setTimeout(()=>{
if(count===0){
message.innerText="🏆 YOU WON BY DOING NOTHING!";
player.innerText="👑";
}
},10000);
</script>
</body>
</html>