<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404 - SUPERPOSITION UNSTABLE</title>
    <style>
        body { background-color: #000; color: #eee; font-family: 'Courier New', monospace; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; text-align: center; }
        #error-output { border: 1px solid #333; padding: 30px; max-width: 600px; }
        a { color: #e0115f; text-decoration: none; border-bottom: 1px dashed #e0115f; }
        .dim { color: #555; }
    </style>
</head>
<body>
    <div id="error-output">
        <span class="dim">[DIAGNOSING COLLAPSE...]</span>
    </div>
    <script>
        const errors = ["404 Failure to Materialize", "Error 137: Light/Matter coupling error", "Suspected Infohazard: Page Redacted for User Safety", "KNOWN INFOHAZARD: DO *NOT* REMEMBER CLICKING THIS LINK", "DEVIATION SHRINE: Page was not, is not, and has not yet come to pass.", "Webmaster Error: human defect", "User Error: Skill Issue", "Error n%: Almost Found (Mild Conflixtion)", "Major Conflixion Issue: https://khazars.wiki/orange/conflixion.md", "Future Page: Unripe Timeline", "Containment Failure: Page Not Supposed To Exist", "777 Error: User Unpure"];
        const output = document.getElementById('error-output');
        const sel = errors[Math.floor(Math.random() * errors.length)];
        if (sel.includes('https://')) {
            const url = sel.match(/https:\/\/\S+/)[0];
            output.innerHTML = sel.replace(url, `<a href="${url}">${url}</a>`);
        } else { output.innerText = sel; }
    </script>
</body>
</html>

