<html lang="en">
<head>
<meta charset="UTF-8">
<title>Gib Airdrop</title>
<style>
* { margin: 0; padding: 0; overflow: hidden; box-sizing: border-box; background: #000; }
canvas { display: block; }
</style>
</head>
<body>
<canvas id="canvas"></canvas>
<script>
const canvas = document.getElementById('canvas'), ctx = canvas.getContext('2d');
const width = canvas.width = window.innerWidth, height = canvas.height = window.innerHeight;
const fontSize = 14, columns = Math.floor(width / (fontSize * 0.5)), drops = Array(columns).fill(0);
const emojis = ["🦄", "⭐", "🌟", "✨", "🎵", "🎶", "🎼"];
const colors = ["#FF69B4", "#FFFF00", "#1E90FF"];
function draw() {
ctx.fillStyle = "rgba(0, 0, 0, 0.1)";
ctx.fillRect(0, 0, width, height);
drops.forEach((y, x) => {
const emoji = emojis[Math.floor(Math.random() * emojis.length)];
const color = colors[Math.floor(Math.random() * colors.length)];
ctx.fillStyle = color;
ctx.font = `${fontSize}px serif`;
ctx.fillText(emoji, x * fontSize * 0.5, y * fontSize);
drops[x] = y * fontSize > height || Math.random() > 0.95 ? 0 : y + 1;
});
}
setInterval(draw, 50);
</script>
</body>
</html>