{"id":348,"date":"2026-03-14T12:15:56","date_gmt":"2026-03-14T12:15:56","guid":{"rendered":"https:\/\/opalium-multiverse.com\/?page_id=348"},"modified":"2026-05-10T10:06:28","modified_gmt":"2026-05-10T10:06:28","slug":"nft-spin","status":"publish","type":"page","link":"https:\/\/opalium-multiverse.com\/?page_id=348","title":{"rendered":"NFT Spin"},"content":{"rendered":"\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ru\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\n    <title>\ud83d\udd2e NFT SPIN &#8211; Opalium Multiverse<\/title>\n    \n    <!-- \u0421\u0442\u0438\u043b\u0438 -->\n    <link rel=\"stylesheet\" href=\"\/php-bot\/spin-style.css?v=12\">\n    <link rel=\"stylesheet\" href=\"\/php-bot\/spin-luck-bar.css?v=2\">\n    \n    <style>\n        \/* \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u044b\u0445 \u043e\u043a\u043e\u043d *\/\n        .modal {\n            display: none;\n            position: fixed;\n            z-index: 1000;\n            left: 0;\n            top: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.8);\n            animation: fadeIn 0.3s;\n        }\n        \n        .modal.show {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        \n        .modal-content {\n            background: linear-gradient(135deg, #1a1a2e, #16213e);\n            border: 1px solid rgba(255, 215, 0, 0.3);\n            border-radius: 20px;\n            padding: 25px;\n            max-width: 400px;\n            width: 90%;\n            color: white;\n            position: relative;\n        }\n        \n        .close-modal {\n            position: absolute;\n            right: 15px;\n            top: 10px;\n            font-size: 28px;\n            cursor: pointer;\n            color: #888;\n        }\n        \n        .close-modal:hover {\n            color: white;\n        }\n        \n        .amount-buttons {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 10px;\n            margin: 15px 0;\n        }\n        \n        .amount-btn {\n            padding: 12px;\n            background: rgba(255, 255, 255, 0.1);\n            border: 1px solid rgba(255, 215, 0, 0.3);\n            border-radius: 10px;\n            color: white;\n            font-size: 16px;\n            cursor: pointer;\n            transition: all 0.2s;\n        }\n        \n        .amount-btn:hover {\n            background: rgba(255, 215, 0, 0.2);\n        }\n        \n        .amount-btn.selected {\n            background: rgba(255, 215, 0, 0.3);\n            border-color: gold;\n        }\n        \n        .custom-amount {\n            margin: 15px 0;\n        }\n        \n        .custom-amount input {\n            width: 100%;\n            padding: 12px;\n            background: rgba(255, 255, 255, 0.1);\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            border-radius: 10px;\n            color: white;\n            font-size: 16px;\n            box-sizing: border-box;\n        }\n        \n        .withdraw-input {\n            width: 100%;\n            padding: 12px;\n            background: rgba(255, 255, 255, 0.1);\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            border-radius: 10px;\n            color: white;\n            font-size: 16px;\n            margin: 10px 0;\n            box-sizing: border-box;\n        }\n        \n        .withdraw-amount {\n            margin: 15px 0;\n        }\n        \n        .withdraw-amount label {\n            display: block;\n            margin-bottom: 8px;\n        }\n        \n        .amount-input-group {\n            display: flex;\n            gap: 10px;\n            align-items: center;\n        }\n        \n        .amount-input-group input {\n            flex: 1;\n            padding: 12px;\n            background: rgba(255, 255, 255, 0.1);\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            border-radius: 10px;\n            color: white;\n            font-size: 16px;\n        }\n        \n        .amount-input-group span {\n            color: #ffd700;\n            font-weight: bold;\n        }\n        \n        .current-balance-display {\n            background: rgba(255, 215, 0, 0.1);\n            padding: 10px;\n            border-radius: 8px;\n            margin: 10px 0;\n            text-align: center;\n        }\n        \n        .info-text {\n            font-size: 12px;\n            color: #888;\n            margin-top: 10px;\n            text-align: center;\n        }\n        \n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n        \n        .hidden {\n            display: none !important;\n        }\n        \n        \/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0441\u0442\u0430\u0442\u0443\u0441\u0430 \u0432\u044b\u0432\u043e\u0434\u0430 *\/\n        .withdraw-pending {\n            background: rgba(255, 152, 0, 0.2);\n            border: 1px solid rgba(255, 152, 0, 0.5);\n            color: #ff9800;\n        }\n        \n        .withdraw-success {\n            background: rgba(76, 175, 80, 0.2);\n            border: 1px solid rgba(76, 175, 80, 0.5);\n            color: #4caf50;\n        }\n        \n        .withdraw-rejected {\n            background: rgba(244, 67, 54, 0.2);\n            border: 1px solid rgba(244, 67, 54, 0.5);\n            color: #f44336;\n        }\n\/* ===== \u041a\u0410\u0420\u0422\u041e\u0427\u041a\u0410 \u041f\u0420\u041e\u0424\u0418\u041b\u042f ===== *\/\n.profile-card {\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 16px;\n    padding: 15px;\n    margin-bottom: 12px;\n}\n\n.profile-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 10px;\n}\n\n.profile-info {\n    flex: 1;\n}\n\n.profile-nickname {\n    font-size: 18px;\n    font-weight: bold;\n    color: #fff;\n    margin-bottom: 4px;\n    letter-spacing: 0.5px;\n}\n\n.level-badge {\n    display: inline-block;\n    padding: 2px 10px;\n    border-radius: 10px;\n    font-size: 11px;\n    font-weight: bold;\n    letter-spacing: 0.5px;\n}\n\n.level-badge.bronze {\n    background: rgba(205, 127, 50, 0.2);\n    color: #cd7f32;\n    border: 1px solid rgba(205, 127, 50, 0.3);\n}\n\n.level-badge.silver {\n    background: rgba(192, 192, 192, 0.2);\n    color: #c0c0c0;\n    border: 1px solid rgba(192, 192, 192, 0.3);\n}\n\n.level-badge.gold {\n    background: rgba(255, 215, 0, 0.2);\n    color: #ffd700;\n    border: 1px solid rgba(255, 215, 0, 0.3);\n}\n\n.level-badge.obsidian {\n    background: rgba(138, 43, 226, 0.2);\n    color: #c084fc;\n    border: 1px solid rgba(138, 43, 226, 0.3);\n}\n\n\/* \u0426\u0432\u0435\u0442 \u0440\u0430\u043c\u043a\u0438 \u043d\u0438\u043a\u0430 \u043f\u043e \u0443\u0440\u043e\u0432\u043d\u044e *\/\n.profile-nickname.rank-bronze { text-shadow: 0 0 8px rgba(205, 127, 50, 0.4); }\n.profile-nickname.rank-silver { text-shadow: 0 0 8px rgba(192, 192, 192, 0.4); }\n.profile-nickname.rank-gold { text-shadow: 0 0 8px rgba(255, 215, 0, 0.4); }\n.profile-nickname.rank-obsidian { text-shadow: 0 0 10px rgba(138, 43, 226, 0.5); }\n\n\/* ===== XP \u0411\u0410\u0420 ===== *\/\n.xp-progress {\n    margin: 8px 0 12px;\n}\n\n.xp-labels {\n    display: flex;\n    justify-content: space-between;\n    font-size: 10px;\n    color: rgba(255, 255, 255, 0.5);\n    margin-bottom: 4px;\n}\n\n.xp-current-lvl {\n    font-weight: bold;\n}\n\n.xp-next-lvl {\n    opacity: 0.6;\n}\n\n.xp-bar {\n    height: 4px;\n    background: rgba(255, 255, 255, 0.08);\n    border-radius: 2px;\n    overflow: hidden;\n}\n\n.xp-fill {\n    height: 100%;\n    background: linear-gradient(90deg, #cd7f32, #ffd700, #c084fc);\n    border-radius: 2px;\n    transition: width 0.5s ease;\n}\n\n.xp-text {\n    text-align: center;\n    font-size: 10px;\n    color: rgba(255, 255, 255, 0.4);\n    margin-top: 3px;\n}\n\n\/* ===== \u0421\u0422\u0410\u0422\u0418\u0421\u0422\u0418\u041a\u0410 \u041f\u0420\u041e\u0424\u0418\u041b\u042f ===== *\/\n.profile-stats {\n    display: flex;\n    justify-content: space-around;\n    gap: 8px;\n}\n\n.profile-stat {\n    text-align: center;\n    flex: 1;\n}\n\n.profile-stat .stat-icon {\n    font-size: 16px;\n    display: block;\n    margin-bottom: 2px;\n}\n\n.profile-stat .stat-value {\n    font-size: 14px;\n    font-weight: bold;\n    color: #ffd700;\n    display: block;\n}\n\n.profile-stat .stat-label {\n    font-size: 9px;\n    color: rgba(255, 255, 255, 0.4);\n    text-transform: uppercase;\n}\n\n\/* ===== \u0421\u0422\u0420\u0418\u041a \u0418 \u041d\u0410\u0413\u0420\u0410\u0414\u042b ===== *\/\n.streak-section {\n    margin-top: 12px;\n    padding: 10px;\n    background: rgba(255, 255, 255, 0.02);\n    border-radius: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.05);\n}\n\n.streak-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 8px;\n}\n\n.streak-fire {\n    font-size: 22px;\n    animation: firePulse 1s ease-in-out infinite;\n}\n\n@keyframes firePulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.2); }\n}\n\n.streak-info {\n    display: flex;\n    flex-direction: column;\n    gap: 1px;\n}\n\n#profileStreak {\n    font-size: 14px;\n    font-weight: bold;\n    color: #ffd700;\n}\n\n.streak-next {\n    font-size: 10px;\n    color: rgba(255, 255, 255, 0.5);\n}\n\n.streak-rewards {\n    display: flex;\n    gap: 6px;\n    overflow: hidden;\n}\n\n.reward-day {\n    flex: 1;\n    text-align: center;\n    font-size: 10px;\n    padding: 5px 4px;\n    border-radius: 8px;\n    background: rgba(255, 255, 255, 0.05);\n    color: rgba(255, 255, 255, 0.3);\n    border: 1px solid rgba(255, 255, 255, 0.05);\n    transition: all 0.3s;\n    min-width: 55px;\n}\n\n.reward-day.claimed {\n    background: rgba(255, 215, 0, 0.1);\n    border-color: rgba(255, 215, 0, 0.3);\n    color: #ffd700;\n}\n\n.reward-day.active {\n    background: rgba(255, 215, 0, 0.2);\n    border-color: gold;\n    color: #ffd700;\n    animation: glowPulse 1.5s ease-in-out infinite;\n}\n\n@keyframes glowPulse {\n    0%, 100% { box-shadow: 0 0 5px rgba(255, 215, 0, 0.3); }\n    50% { box-shadow: 0 0 15px rgba(255, 215, 0, 0.6); }\n}\n    <\/style>\n<\/head>\n<body>\n    \n    <!-- \u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043e\u0431 \u043e\u0448\u0438\u0431\u043a\u0435 -->\n    <div id=\"errorMessage\" style=\"display: none; background: #ff4444; color: white; padding: 10px; border-radius: 5px; margin: 10px auto; max-width: 400px; text-align: center;\"><\/div>\n    \n    <div class=\"container\">\n        <h1>\ud83d\udd2e NFT SPIN<\/h1>\n        <p class=\"subtitle\">\n            \u041a\u0440\u0443\u0442\u0438 \u0431\u0430\u0440\u0430\u0431\u0430\u043d \u0438 \u0432\u044b\u0438\u0433\u0440\u044b\u0432\u0430\u0439 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0435 NFT \u0438\u043b\u0438 TON! \n            <span class=\"price-badge\">1 TON \u0437\u0430 \u043f\u0440\u043e\u043a\u0440\u0443\u0442<\/span>\n        <\/p>\n        \n<!-- Live Feed \u0432\u044b\u0438\u0433\u0440\u044b\u0448\u0435\u0439 -->\n<div class=\"live-feed\" id=\"liveFeed\">\n    <div class=\"live-feed-container\" id=\"liveFeedContainer\">\n        <!-- \u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0431\u0443\u0434\u0443\u0442 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438 -->\n    <\/div>\n<\/div>\n        <!-- TON Connect \u043a\u043d\u043e\u043f\u043a\u0430 -->\n        <div id=\"ton-connect-btn\" style=\"margin: 20px 0;\"><\/div>\n\n        <!-- \u041f\u0410\u041d\u0415\u041b\u042c \u041f\u0420\u041e\u0424\u0418\u041b\u042f -->\n        <div class=\"balance-section\" id=\"balanceSection\" style=\"display: none;\">\n            \n            <!-- \u041f\u0440\u043e\u0444\u0438\u043b\u044c -->\n            <div class=\"profile-card\">\n                <div class=\"profile-header\">\n                    <div class=\"profile-info\">\n                        <div class=\"profile-nickname\" id=\"profileNickname\">0:9166&#8230;68fb<\/div>\n                        <div class=\"profile-level\">\n                            <span class=\"level-badge bronze\" id=\"levelBadge\">\ud83d\udfe4 Bronze<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n<!-- \u041f\u0440\u043e\u0433\u0440\u0435\u0441\u0441-\u0431\u0430\u0440 \u0443\u0440\u043e\u0432\u043d\u044f -->\n                <div class=\"xp-progress\">\n                    <div class=\"xp-labels\">\n                        <span class=\"xp-current-lvl\" id=\"xpCurrentLvl\">Bronze<\/span>\n                        <span class=\"xp-next-lvl\" id=\"xpNextLvl\">\u2192 Silver<\/span>\n                    <\/div>\n                    <div class=\"xp-bar\">\n                        <div class=\"xp-fill\" id=\"xpFill\" style=\"width: 0%\"><\/div>\n                    <\/div>\n                    <div class=\"xp-text\" id=\"xpText\">0 \/ 100 XP<\/div>\n                <\/div>\n\n\n                \n                \n                <!-- \u0421\u0442\u0440\u0438\u043a \u0438 \u043d\u0430\u0433\u0440\u0430\u0434\u044b -->\n                <div class=\"streak-section\">\n                    <div class=\"streak-header\">\n                        <span class=\"streak-fire\">\ud83d\udd25<\/span>\n                        <span class=\"streak-info\">\n                            <span id=\"profileStreak\">0 \u0434\u043d<\/span>\n                            <span class=\"streak-next\" id=\"streakNext\">\u2014 \u0437\u0430\u0432\u0442\u0440\u0430: +5% XP<\/span>\n                        <\/span>\n                    <\/div>\n                    <div class=\"streak-rewards\" id=\"streakRewards\">\n                        <div class=\"reward-day claimed\">+5% XP<\/div>\n                        <div class=\"reward-day\">+10% \u0443\u0434\u0430\u0447\u0430<\/div>\n                        <div class=\"reward-day\">+5% XP<\/div>\n                        <div class=\"reward-day\">+1 \u0421\u041f\u0418\u041d<\/div>\n                    <\/div>\n                <\/div>\n\n\n        <!-- \u0411\u0430\u043b\u0430\u043d\u0441 -->\n            <div class=\"balance-card\">\n                <div class=\"balance-info\">\n                    <span class=\"balance-label\">\ud83d\udcb0 \u0411\u0430\u043b\u0430\u043d\u0441:<\/span>\n                    <span class=\"balance-amount\" id=\"userBalance\">0 TON<\/span>\n                    <span class=\"balance-spins\" id=\"userSpins\" style=\"display: inline; color: #ffffff; font-size: 24px; margin-left: 15px;\">\n                        \ud83c\udfb0 <span id=\"spinsCount\" style=\"color: #ffd700;\">0<\/span> SPINS\n                    <\/span>\n                <\/div>\n                <div class=\"balance-actions\">\n                    <button class=\"balance-btn deposit-btn\" id=\"depositBtn\">\n                        <span>\u2795<\/span> \u041f\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u044c\n                    <\/button>\n                    <button class=\"balance-btn withdraw-btn\" id=\"withdrawBtn\">\n                        <span>\ud83d\udcb8<\/span> \u0412\u044b\u0432\u0435\u0441\u0442\u0438\n                    <\/button>\n                <\/div>\n            <\/div>\n            \n                                    <!-- \u0421\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u0430 -->\n            <div class=\"win-stats\">\n                <div class=\"stat-item\">\n                    <span class=\"stat-label\">\ud83d\udd04 \u0412\u0441\u0435\u0433\u043e \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043e\u0432<\/span>\n                    <span class=\"stat-value\" id=\"profileSpins\">0<\/span>\n                <\/div>\n                <div class=\"stat-item\">\n                    <span class=\"stat-label\">\ud83c\udfa8 NFT \u0432\u044b\u0438\u0433\u0440\u0430\u043d\u043e<\/span>\n                    <span class=\"stat-value\" id=\"profileNFT\">0<\/span>\n                <\/div>\n                <div class=\"stat-item\">\n                    <span class=\"stat-label\">\ud83d\udcb0 TON \u0432\u044b\u0438\u0433\u0440\u0430\u043d\u043e<\/span>\n                    <span class=\"stat-value\" id=\"profileTonWon\">0<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n            \n        \n        <!-- \u041c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e \u043f\u043e\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f -->\n        <div class=\"modal\" id=\"depositModal\">\n            <div class=\"modal-content\">\n                <span class=\"close-modal\" onclick=\"closeModal('depositModal')\">&times;<\/span>\n                <h3>\ud83d\udcb0 \u041f\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0431\u0430\u043b\u0430\u043d\u0441<\/h3>\n                <p>\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u0443\u043c\u043c\u0443 \u0434\u043b\u044f \u043f\u043e\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f:<\/p>\n                \n                <div class=\"amount-buttons\">\n                    <button class=\"amount-btn\" data-amount=\"1\">1 TON<\/button>\n                    <button class=\"amount-btn\" data-amount=\"5\">5 TON<\/button>\n                    <button class=\"amount-btn\" data-amount=\"10\">10 TON<\/button>\n                    <button class=\"amount-btn\" data-amount=\"25\">25 TON<\/button>\n                    <button class=\"amount-btn\" data-amount=\"50\">50 TON<\/button>\n                    <button class=\"amount-btn\" data-amount=\"100\">100 TON<\/button>\n                <\/div>\n                \n                <div class=\"custom-amount\">\n                    <input type=\"number\" id=\"customAmount\" placeholder=\"\u0421\u0432\u043e\u044f \u0441\u0443\u043c\u043c\u0430\" min=\"1\" step=\"0.1\">\n                <\/div>\n                \n                <button class=\"spin-button\" id=\"confirmDepositBtn\" style=\"width: 100%; margin-top: 20px;\">\n                    \u2795 \u041f\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u044c TON\n                <\/button>\n                \n                <p class=\"info-text\">\u041c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0435 \u043f\u043e\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435: 1 TON. \u041a\u043e\u043c\u0438\u0441\u0441\u0438\u044f \u0441\u0435\u0442\u0438: 0.003 TON<\/p>\n            <\/div>\n        <\/div>\n        \n        <!-- \u041c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e \u0432\u044b\u0432\u043e\u0434\u0430 -->\n        <div class=\"modal\" id=\"withdrawModal\">\n            <div class=\"modal-content\">\n                <span class=\"close-modal\" onclick=\"closeModal('withdrawModal')\">&times;<\/span>\n                <h3>\ud83d\udcb8 \u0412\u044b\u0432\u0435\u0441\u0442\u0438 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430<\/h3>\n                \n                <div class=\"current-balance-display\">\n                    \u0414\u043e\u0441\u0442\u0443\u043f\u043d\u043e: <span id=\"withdrawableBalance\">0<\/span> TON\n                <\/div>\n                \n                <input type=\"text\" id=\"withdrawAddress\" placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u043a\u043e\u0448\u0435\u043b\u044c\u043a\u0430 \u0434\u043b\u044f \u0432\u044b\u0432\u043e\u0434\u0430\" class=\"withdraw-input\">\n                \n                <div class=\"withdraw-amount\">\n                    <label>\u0421\u0443\u043c\u043c\u0430 \u0432\u044b\u0432\u043e\u0434\u0430 (\u043c\u0438\u043d. 3 TON):<\/label>\n                    <div class=\"amount-input-group\">\n                        <input type=\"number\" id=\"withdrawAmount\" min=\"3\" step=\"0.1\" placeholder=\"0\">\n                        <span>TON<\/span>\n                    <\/div>\n                <\/div>\n                \n                <button class=\"spin-button\" id=\"confirmWithdrawBtn\" style=\"width: 100%; margin-top: 20px;\">\n                    \ud83d\udcb8 \u0412\u044b\u0432\u0435\u0441\u0442\u0438\n                <\/button>\n                \n                <div id=\"withdrawStatusMessage\" style=\"display: none; margin-top: 10px; padding: 10px; border-radius: 8px; font-size: 16px; text-align: center;\"><\/div>\n                \n                <p class=\"info-text\">\u0412\u044b\u0432\u043e\u0434 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 60 \u043c\u0438\u043d\u0443\u0442<\/p>\n            <\/div>\n        <\/div>\n        \n\n        \n        <!-- \u041f\u0420\u041e\u0413\u0420\u0415\u0421\u0421-\u0411\u0410\u0420 \u0423\u0414\u0410\u0427\u0418 -->\n        <div class=\"luck-progress-container\" id=\"luckProgressContainer\">\n            <div class=\"luck-progress-label\">\ud83c\udf40 \u0428\u043a\u0430\u043b\u0430 \u0443\u0434\u0430\u0447\u0438<\/div>\n            <div class=\"luck-progress-bar\">\n                <div class=\"luck-progress-fill\" id=\"luckFill\"><\/div>\n            <\/div>\n            <div class=\"luck-progress-text\" id=\"luckText\">0%<\/div>\n        <\/div>\n        <div class=\"luck-info-text\">\n            \u0427\u0435\u043c \u0432\u044b\u0448\u0435 \u0448\u043a\u0430\u043b\u0430 \u2014 \u0442\u0435\u043c \u0432\u044b\u0448\u0435 \u0448\u0430\u043d\u0441 \u043d\u0430 \u0440\u0435\u0434\u043a\u0438\u0435 \u043f\u0440\u0438\u0437\u044b \u0438 NFT \u2728<br>\n            +20% \u0448\u043a\u0430\u043b\u044b \u0437\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 spin \ud83d\udd04\n        <\/div>\n        <!-- \u0421\u043b\u043e\u0442-\u043c\u0430\u0448\u0438\u043d\u0430 -->\n        <div class=\"case-container\">\n            <div class=\"case-header\">\n                <span class=\"case-title\">\ud83c\udfb0 \u0411\u0415\u0421\u041a\u041e\u041d\u0415\u0427\u041d\u041e\u0415 \u041a\u041e\u041b\u0415\u0421\u041e<\/span>\n                <span class=\"case-indicator\" id=\"spinIndicator\">\u0413\u041e\u0422\u041e\u0412<\/span>\n            <\/div>\n            \n            <div class=\"slot-machine\" id=\"slotMachine\">\n                <div class=\"prize-track-wrapper\">\n                    <div class=\"prize-track\" id=\"prizeTrack\"><\/div>\n                <\/div>\n                <div class=\"marker\"><\/div>\n            <\/div>\n            \n            <button class=\"spin-button\" id=\"spinButton\" disabled>\n                \ud83c\udfb2 \u041a\u0440\u0443\u0442\u0438\u0442\u044c \u0437\u0430 1 TON\n            <\/button>\n        <\/div>\n        \n        <!-- \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 -->\n        <div class=\"result-card\" id=\"resultCard\">\n            <h2 id=\"resultTitle\">\ud83c\udf89 \u041f\u041e\u0411\u0415\u0414\u0410!<\/h2>\n            <div id=\"winningImageContainer\">\n                <div class=\"winning-prize\" id=\"winningEmoji\">\ud83c\udfa8<\/div>\n            <\/div>\n            <h3 id=\"winningName\"><\/h3>\n            <div class=\"prize-value\" id=\"prizeValue\"><\/div>\n            <p id=\"winningMessage\"><\/p>\n            <button class=\"spin-button\" style=\"margin-top: 20px; padding: 10px;\" onclick=\"hideResult()\">\n                \u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u044c\n            <\/button>\n        <\/div>\n        \n        <!-- \u0420\u0435\u0439\u0442\u0438\u043d\u0433 \u043f\u043e\u0431\u0435\u0434\u0438\u0442\u0435\u043b\u0435\u0439 -->\n        <div class=\"ranking\">\n            <h3>\ud83c\udfc6 \u0420\u0435\u0439\u0442\u0438\u043d\u0433 \u043f\u043e\u0431\u0435\u0434\u0438\u0442\u0435\u043b\u0435\u0439<\/h3>\n            <table class=\"ranking-table\">\n                <thead>\n                    <tr>\n                        <th>#<\/th>\n                        <th>\u041a\u043e\u0448\u0435\u043b\u0435\u043a<\/th>\n                        <th>\u0412\u044b\u0438\u0433\u0440\u0430\u043d\u043e TON<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody id=\"rankingBody\">\n                    <tr><td colspan=\"3\" class=\"loading\">\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0440\u0435\u0439\u0442\u0438\u043d\u0433\u0430&#8230;<\/td><\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n        \n        \n        \n        <!-- \u0414\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0435 NFT -->\n        <h3>\ud83d\udce6 \u0414\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0435 NFT (<span id=\"availableCount\">3<\/span> \u0438\u0437 30)<\/h3>\n        <div class=\"nft-grid\" id=\"nftGrid\">\n            <div class=\"loading\">\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 NFT&#8230;<\/div>\n        <\/div>\n\n\n                <!-- \u0421\u043f\u0438\u0441\u043e\u043a \u0432\u0441\u0435\u0445 \u043f\u0440\u0438\u0437\u043e\u0432 -->\n        <div class=\"prizes-section\">\n            <h3 style=\"margin-bottom: 15px;\">\ud83c\udf81 \u0428\u0430\u043d\u0441\u044b \u0432\u044b\u043f\u0430\u0434\u0435\u043d\u0438\u044f \u043f\u0440\u0438\u0437\u043e\u0432<\/h3>\n            <div class=\"prizes-grid\">\n                <div class=\"prize-category\">\n                    <h3>\ud83d\udcb0 \u0412\u0435\u0440\u043e\u044f\u0442\u043d\u043e\u0441\u0442\u0438<\/h3>\n                    <div class=\"prize-list\" id=\"tonPrizesList\">\n                        <div class=\"loading\">\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0432\u0435\u0440\u043e\u044f\u0442\u043d\u043e\u0441\u0442\u0435\u0439&#8230;<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n                <!-- \u0421\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u0430 -->\n        <div class=\"stats-grid\">\n            <div class=\"stat-card\">\n                <div>\u0412\u0441\u0435\u0433\u043e \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043e\u0432<\/div>\n                <div class=\"stat-value\" id=\"totalSpins\">0<\/div>\n            <\/div>\n            <div class=\"stat-card\">\n                <div>\u0412\u044b\u0438\u0433\u0440\u0430\u043d\u043e NFT<\/div>\n                <div class=\"stat-value\" id=\"totalNftWins\">0<\/div>\n            <\/div>\n            <div class=\"stat-card\">\n                <div>\u0412\u044b\u0438\u0433\u0440\u0430\u043d\u043e TON<\/div>\n                <div class=\"stat-value\" id=\"totalTonWins\">0 TON<\/div>\n            <\/div>\n        <\/div>  <!-- \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u0435 stats-grid -->\n\n        <!-- \u0421\u0415\u041b\u0415\u041a\u0422\u041e\u0420 \u041a\u0415\u0419\u0421\u041e\u0412 -->\n<div class=\"case-selector\" id=\"caseSelector\">\n    <!-- \u0417\u0430\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 JS -->\n<\/div>\n\n        <!-- \u041a\u043d\u043e\u043f\u043a\u0430 Telegram -->\n        <div style=\"text-align: center; margin: 10px 0;\">\n            <button onclick=\"openTelegramBot()\" \n                    style=\"background: linear-gradient(135deg, #0088cc, #006699); color: white; border: none; \n                           padding: 12px 24px; border-radius: 12px; font-size: 14px; font-weight: bold; cursor: pointer;\">\n                \ud83d\udd35 \u041f\u0440\u0438\u0432\u044f\u0437\u0430\u0442\u044c Telegram (+1 \u0441\u043f\u0438\u043d)\n            <\/button>\n            <div id=\"telegramStatus\" style=\"color: #4caf50; font-size: 13px; margin-top: 5px;\"><\/div>\n        <\/div>\n        \n        <!-- \u0420\u0435\u0444\u0435\u0440\u0430\u043b\u044c\u043d\u044b\u0439 \u0431\u043b\u043e\u043a -->\n        <div class=\"referral-block\" id=\"referralBlock\" style=\"display: none;\">\n            <div class=\"referral-header\">\n                <span class=\"referral-icon\">\ud83d\udc65<\/span>\n                <span>\u0420\u0435\u0444\u0435\u0440\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430<\/span>\n            <\/div>\n            <div class=\"referral-content\">\n                <div class=\"referral-info-text\">\n                    \u041f\u0440\u0438\u0433\u043b\u0430\u0441\u0438 \u0434\u0440\u0443\u0433\u0430 \u2192 \u043f\u043e\u043b\u0443\u0447\u0438 +1 SPINS<br>\n                    \u043a\u043e\u0433\u0434\u0430 \u043e\u043d \u0441\u0434\u0435\u043b\u0430\u0435\u0442 4 \u0441\u043f\u0438\u043d\u0430!\n                <\/div>\n                <div class=\"referral-stats\" id=\"referralStats\">\n                    <div class=\"stat-row\">\n                        <span>\u041f\u0440\u0438\u0433\u043b\u0430\u0448\u0435\u043d\u043e:<\/span>\n                        <span class=\"stat-value\">0 \u0447\u0435\u043b.<\/span>\n                    <\/div>\n                    <div class=\"stat-row\">\n                        <span>\u041f\u043e\u043b\u0443\u0447\u0435\u043d\u043e \u0431\u043e\u043d\u0443\u0441\u043e\u0432:<\/span>\n                        <span class=\"stat-value\">0 SPINS<\/span>\n                    <\/div>\n                <\/div>\n                <button class=\"referral-copy-btn\" onclick=\"copyReferralLink()\">\n                    \ud83d\udccb \u041a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0440\u0435\u0444\u0435\u0440\u0430\u043b\u044c\u043d\u0443\u044e \u0441\u0441\u044b\u043b\u043a\u0443\n                <\/button>\n            <\/div>\n        <\/div>\n        \n        <!-- \u041f\u0440\u043e\u043c\u043e\u043a\u043e\u0434\u044b -->\n        <div class=\"promo-section\" style=\"margin-top: 15px; padding: 15px; background: #16213e; border-radius: 10px;\">\n            <h3 style=\"margin: 0 0 10px 0; font-size: 16px;\">\ud83c\udf81 \u041f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u043d\u0430 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u043f\u0440\u043e\u043a\u0440\u0443\u0442<\/h3>\n            <div style=\"display: flex; gap: 10px;\">\n                <input type=\"text\" id=\"promoCodeInput\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434\" \n                       style=\"flex: 1; padding: 12px; border-radius: 8px; border: 1px solid rgba(255,215,0,0.3); background: #0f3460; color: white; font-size: 14px;\">\n                <button id=\"activatePromoBtn\" class=\"spin-button\" style=\"margin: 0; padding: 12px 20px; white-space: nowrap;\">\n                    \ud83c\udf81 \u0410\u043a\u0442\u0438\u0432\u0438\u0440\u043e\u0432\u0430\u0442\u044c\n                <\/button>\n            <\/div>\n            <div id=\"promoMessage\" style=\"margin-top: 8px; font-size: 14px;\"><\/div>\n        <\/div>\n        \n    <\/div>  <!-- \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u0435 container -->\n    \n    <!-- \u0421\u043a\u0440\u0438\u043f\u0442\u044b -->\n    <script src=\"https:\/\/unpkg.com\/@tonconnect\/ui@latest\/dist\/tonconnect-ui.min.js\"><\/script>\n    <script src=\"\/php-bot\/spin-all.js?v=97\"><\/script>\n    <script src=\"\/php-bot\/cases.js?v=3\"><\/script>\n    <script src=\"\/php-bot\/spin-luck-bar.js?v=2\"><\/script>\n    <script src=\"\/php-bot\/spin-referral-ui.js?v=5\"><\/script>\n    \n    <script>\n        function closeModal(modalId) {\n            document.getElementById(modalId).classList.remove('show');\n        }\n        \n        window.onclick = function(event) {\n            if (event.target.classList.contains('modal')) {\n                event.target.classList.remove('show');\n            }\n        }\n    <\/script>\n    <script>\n        function openTelegramBot() {\n            window.open('https:\/\/t.me\/icons_opalium_bot?start=spin', '_blank');\n        }\n\n        (function() {\n            const params = new URLSearchParams(window.location.search);\n            const tgId = params.get('tg_id');\n            \n            if (tgId) {\n                localStorage.setItem('telegramUserId', tgId);\n                const status = document.getElementById('telegramStatus');\n                if (status) {\n                    status.style.display = 'block';\n                    status.textContent = '\u2705 Telegram \u043f\u0440\u0438\u0432\u044f\u0437\u0430\u043d! ID: ' + tgId;\n                }\n                window.history.replaceState({}, document.title, window.location.pathname);\n            } else {\n                const saved = localStorage.getItem('telegramUserId');\n                if (saved) {\n                    const status = document.getElementById('telegramStatus');\n                    if (status) {\n                        status.style.display = 'block';\n                        status.textContent = '\u2705 Telegram: ' + saved;\n                    }\n                }\n            }\n        })();\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd2e NFT SPIN &#8211; Opalium Multiverse \ud83d\udd2e NFT SPIN \u041a\u0440\u0443\u0442\u0438 \u0431\u0430\u0440\u0430\u0431\u0430\u043d \u0438 \u0432\u044b\u0438\u0433\u0440\u044b\u0432\u0430\u0439 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0435 NFT \u0438\u043b\u0438 TON! 1 TON \u0437\u0430 \u043f\u0440\u043e\u043a\u0440\u0443\u0442 0:9166&#8230;68fb \ud83d\udfe4 Bronze Bronze \u2192 Silver 0 \/ 100 XP \ud83d\udd25 0 \u0434\u043d \u2014 \u0437\u0430\u0432\u0442\u0440\u0430: +5% XP +5% XP +10% \u0443\u0434\u0430\u0447\u0430 +5% XP +1 \u0421\u041f\u0418\u041d \ud83d\udcb0 \u0411\u0430\u043b\u0430\u043d\u0441: 0 TON \ud83c\udfb0 0 SPINS \u2795 \u041f\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u044c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-348","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/opalium-multiverse.com\/index.php?rest_route=\/wp\/v2\/pages\/348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/opalium-multiverse.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/opalium-multiverse.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/opalium-multiverse.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/opalium-multiverse.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=348"}],"version-history":[{"count":167,"href":"https:\/\/opalium-multiverse.com\/index.php?rest_route=\/wp\/v2\/pages\/348\/revisions"}],"predecessor-version":[{"id":574,"href":"https:\/\/opalium-multiverse.com\/index.php?rest_route=\/wp\/v2\/pages\/348\/revisions\/574"}],"wp:attachment":[{"href":"https:\/\/opalium-multiverse.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}