<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>ANIKESH VIP MOD</title>
<style>
body {
margin: 0;
padding: 0;
background-color: #000;
color: #fff;
font-family: 'Arial', sans-serif;
overflow: hidden;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.animation-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 0;
}
.diamond {
position: absolute;
width: 20px;
height: 20px;
background: red;
transform: rotate(45deg);
box-shadow: 0 0 10px red, 0 0 20px red;
animation: float 4s infinite ease-in-out;
}
@keyframes float {
0% { transform: translateY(0) rotate(45deg); }
50% { transform: translateY(-20px) rotate(45deg); }
100% { transform: translateY(0) rotate(45deg); }
}
.linear2 {
font-size: 2em;
color: red;
text-shadow: 0 0 10px red, 0 0 20px red;
z-index: 1;
margin-bottom: 20px;
}
.linear3 {
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
margin-bottom: 10px;
}
.linear4, .linear5 {
border: 2px solid red;
padding: 20px;
border-radius: 15px;
box-shadow: 0 0 20px red;
text-align: center;
margin: 10px;
}
#textview1 {
font-size: 1.5em;
color: lime;
margin-top: 10px;
text-shadow: 0 0 10px lime;
}
#button1 {
margin-top: 20px;
padding: 15px 30px;
font-size: 1em;
color: white;
background: linear-gradient(to right, red, darkred);
border: none;
border-radius: 30px;
cursor: pointer;
box-shadow: 0 0 10px red;
transition: all 0.3s ease;
}
#button1:hover {
box-shadow: 0 0 20px red;
transform: scale(1.05);
}
#result {
font-size: 1.8em;
margin-top: 20px;
color: yellow;
text-shadow: 0 0 10px yellow;
}
</style>
</head>
<body>
<div class="container">
<div class="animation-container" id="animationContainer"></div>
<div class="linear2">🔴 ANIKESH VIP MOD 🔴</div>
<div class="linear3">
<div class="linear4">
<div class="linear5">
<h2>AI PREDICTOR</h2>
<div id="result">TAP ATTACK THEN SHOW RESULT</div>
<div id="textview1">--:--:--</div>
<button id="button1">ATTACK</button>
</div>
</div>
</div>
</div>
<script>
// CLOCK
function updateTime() {
const now = new Date();
document.getElementById("textview1").innerText = now.toLocaleTimeString();
}
setInterval(updateTime, 1000);
updateTime();
// DIAMOND ANIMATION
const container = document.getElementById("animationContainer");
for (let i = 0; i < 20; i++) {
const diamond = document.createElement("div");
diamond.className = "diamond";
diamond.style.top = Math.random() * 100 + "vh";
diamond.style.left = Math.random() * 100 + "vw";
diamond.style.animationDuration = (2 + Math.random() * 3) + "s";
container.appendChild(diamond);
}
// PREDICT BUTTON
const button = document.getElementById("button1");
const result = document.getElementById("result");
button.addEventListener("click", () => {
button.style.display = "none";
result.innerText = "𝐀𝐓𝐓𝐀𝐂𝐊𝐈𝐍𝐆...";
navigator.vibrate?.(200);
setTimeout(() => {
const outcome = Math.random() < 0.5 ? "❄️
BIG " : "❄️
SMALL ";
result.innerText = outcome;
}, 3500);
setTimeout(() => {
button.style.display = "inline-block";
}, 35000);
});
</script>
</body>
</html>
