<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>SNEEDCORP™ CRYPTOTRADING | WHERE YOU LOSE BIGGER</title>
    <style>
        body {
            background-color: #0f0f0f;
            color: #00ff00;
            font-family: 'Courier New', Courier, monospace;
            text-align: center;
            margin: 0;
            padding: 0;
            cursor: none;
        }
        #border {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border: 20px dashed #ff00ff;
            pointer-events: none;
            z-index: 9999;
        }
        h1 {
            font-size: 3em;
            color: #ff00ff;
            margin-top: 50px;
        }
        h2 {
            color: #ffcc00;
        }
        .warning {
            color: #ff3300;
            font-size: 1.2em;
            animation: blink 1s infinite alternate;
        }
        @keyframes blink {
            from { opacity: 1; }
            to { opacity: 0; }
        }
        .btn {
            padding: 15px;
            background-color: #ff3300;
            border: 3px solid #00ff00;
            color: #00ff00;
            font-size: 1em;
            cursor: none;
            margin-top: 30px;
            transition: background-color 0.5s, transform 0.3s;
        }
        .btn:hover {
            background-color: #ff6600;
            transform: scale(1.1);
        }
        #cursor {
            position: fixed;
            pointer-events: none;
            z-index: 10000;
        }
        #threeCanvas {
            width: 400px;
            height: 300px;
            margin: 20px auto;
            background: url('https://developer.valvesoftware.com/w/images/thumb/b/ba/CSGOErrorTextures.png/1280px-CSGOErrorTextures.png'); /* Missing texture pattern */
            background-size: cover;
        }
        /* Goblin Banker */
        #goblinBanker {
            position: fixed;
            bottom: 50px;
            right: 50px;
            width: 100px;
            cursor: pointer;
            z-index: 1000;
            transform: scaleX(-1); /* Flip image horizontally */
        }
    </style>
</head>
<body>
    <div id="border"></div>
    <img id="cursor" src="https://media.tenor.com/BEd8XvEMCeYAAAAi/cruelty-squad.gif" alt="Custom Cursor" width="32" height="32">
    <h1>WELCOME TO SNEEDCORP™ CRYPTOTRADING</h1>
    <h2>RIDE THE CHAOS</h2>
    <p>Feeling lucky? You've entered the darkest corner of crypto-finance. Welcome to a world where reality is optional, and the only certainty is the void. Prepare for financial obliteration.</p>
    
    <p class="warning">DANGER: SneedCoin trading may result in psychological breakdowns</p>
    
    <canvas id="threeCanvas"></canvas>
    
    <h2>Features</h2>
    <ul style="list-style:none;">
        <li>NO transaction fees – because there are no transactions</li>
        <li>RNG-based market – Win, lose, or transcend reality</li>
        <li>Anti-SneedSnipe protection – Stay in or forever regret it</li>
        <li>Hyperinflation Simulation – Trade through the end of days</li>
    </ul>
    <p>"Nothing is real. Everything is Sneed." – CEO of SneedCorp™</p>
    <button class="btn" onclick="alert('Download not available – because why would it be?')">Download SneedCoin Trader</button>
    <h2>TROUBLESHOOTING</h2>
    <p>If the SneedCoins won't transfer, then you've already lost. Reboot your life.</p>
    <p>Graphs showing impossible values? Congratulations, you broke through to Sneedverse.</p>
    
    <footer style="margin-top: 100px; color: #888;">
        ©202X SneedCorp™ | Unauthorized trading may result in extreme mental peril.<br>
        Not actual financial advice. Sneed responsibly.
    </footer>

    <!-- Goblin Banker Image -->
    <img id="goblinBanker" src="https://i.ibb.co/7jHPLZn/ezgif-2-e52f3f6f7f.gif" alt="Goblin Banker">

    <!-- Three.js Library -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
    
    <script>
        // Custom cursor
        const cursor = document.getElementById('cursor');
        document.addEventListener('mousemove', (e) => {
            cursor.style.left = e.clientX - 16 + 'px';
            cursor.style.top = e.clientY - 16 + 'px';
        });

        // Goblin Banker interaction
        const goblinBanker = document.getElementById('goblinBanker');
        goblinBanker.addEventListener('click', () => {
            alert('The goblin banker chuckles ominously...');
        });

        // Three.js 3D Object with missing texture
        const scene = new THREE.Scene();
        const camera = new THREE.PerspectiveCamera(75, 400 / 300, 0.1, 1000);
        const renderer = new THREE.WebGLRenderer({ canvas: document.getElementById('threeCanvas'), alpha: true });
        renderer.setSize(400, 300);

        // Missing texture
        const missingTexture = new THREE.TextureLoader().load('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTcFGIbBCX1VZlegxz53ldRXKvnURK5awA_QA&s');

        // Create Bitcoin symbol
        const fontLoader = new THREE.FontLoader();
        fontLoader.load('https://threejs.org/examples/fonts/helvetiker_bold.typeface.json', function(font) {
            const geometry = new THREE.TextGeometry('$', {
                font: font,
                size: 5,
                height: 1,
            });
            const material = new THREE.MeshBasicMaterial({ map: missingTexture });
            const mesh = new THREE.Mesh(geometry, material);
            mesh.position.set(-2.5, -2.5, 0);
            scene.add(mesh);

            // Add mouse interaction
            let rotationSpeed = 0.01;

            document.addEventListener('mousemove', (event) => {
                rotationSpeed = (event.clientX / window.innerWidth) * 0.1;
            });

            function animate() {
                requestAnimationFrame(animate);
                mesh.rotation.y += rotationSpeed;
                renderer.render(scene, camera);
            }
            animate();
        });

        camera.position.z = 10;
    </script>
</body>


add more mouse interaction. add ominous sounds. add more 3d elements (more money signs, more 3d complexiy)