<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Updated Headtracking Panel</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            font-family: 'Arial', sans-serif;
            background-color: black;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .container {
            background-color: black;
            border-radius: 15px;
            width: 300px;
            padding: 20px;
            box-shadow: 0 0 10px rgba(255, 255, 255, 0.7);
            text-align: center;
            color: white;
        }

        .title {
            font-size: 1.5rem;
            font-weight: bold;
            color: magenta;
            margin-bottom: 15px;
        }

        .subtitle {
            color: lightgreen;
            font-size: 1rem;
            margin-bottom: 20px;
        }

        .options {
            text-align: left;
        }

        .option {
            margin-bottom: 10px;
        }

        .option span {
            font-size: 1rem;
            display: block;
            margin-bottom: 5px;
        }

        .option input {
            width: 100%;
            padding: 10px;
            background-color: rgba(255, 255, 255, 0.1);
            border: none;
            border-radius: 5px;
            color: white;
        }

        .footer {
            margin-top: 20px;
            font-size: 0.8rem;
            color: gray;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="title">HEADTRACKING 😍</div>
        <div class="subtitle">YouTube ~ Hipe Xiers 💚</div>
        <div class="options">
            <div class="option">
                <span>AIMBOT 20% 😍</span>
                <input type="checkbox">
            </div>
            <div class="option">
                <span>RECOIL REDUCE ✅</span>
                <input type="checkbox">
            </div>
            <div class="option">
                <span>HEADTRICK ✅</span>
                <input type="checkbox">
            </div>
            <div class="option">
                <span>AIMTRICK 🍓</span>
                <input type="checkbox">
            </div>
            <div class="option">
                <span>BYPASS/ANTBAN ✅</span>
                <input type="checkbox">
            </div>
        </div>
        <div class="footer">HEADTRICK HTML 100% WORKING. DO NOT EDIT OR SHARE WITHOUT PERMISSION.<br>© Hipe Xiter</div>
    </div>

    <script>
        const config = {
            "AimAssist": 1100,
            "AimSmooth": 999,
            "AimReaction": 984,
            "AimLockFocus": 1010,
            "AimSnap": 997,
            "AimGravity": 1001,
            "AimHitbox": 1004,
            "AimHeadshotRate": 1024,
            "AutoTarget": 1001,
            "AutoFire": 986,
            "TriggerBot": 1003,
            "Beep": "No",
            "Beep2": "No",
            "DoubleTapAim": 672,
            "DoubleTapSpeed": 3,
            "FovAutoAim": 1049600,
            "FovPrecision": 982,
            "HeadshotRate": 1049601,
            "TouchDPI": 1380,
            "MouseTracking": 264,
            "MouseAimSpeed": 114,
            "MouseAimOffset": 5,
            "iOS_SensMultiplier": 133,
            "iOS_AimStability": 110,
            "iOS_AutoCorrection": 196,
            "iOS_AimLockPower": 243,
            "CameraSpeed": 2,
            "ConfigLoaded": 1,
            "StopBackgroundApps": 0,
            "SyncType": 2,
            "FrontendOptimization": 0,
            "GoogleSigninBypass": 1,
            "LegacyMode": 1,
            "VolumeLevel": 16,
            "SetupComplete": 1,
            "AimLockStrength": 208,
            "AimAssistSmoothing": 139,
            // Include all other game-related configurations here
        };

        console.log("Configuración cargada"); // No visible para el usuario
    </script>
</body>
</html>