diff --git a/AGENTS.md b/AGENTS.md
index b814f43..8fe20bd 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -7,3 +7,7 @@ H5 通用主题放在 common/theme.css，新页面默认引用该文件。
 页面样式不要硬编码主色，优先消费 common/theme.css 里的 CSS 变量；只有 Figma 强制要求 100% 还原时才允许局部覆盖。
 
 H5 多语言能力放在 common/i18n.js 和 common/locales/\*.json，当前面向英语 en、阿拉伯语 ar、土耳其语 tr、西班牙语 es。页面文案使用 data-i18n / data-i18n-placeholder / data-i18n-aria 绑定语言包 key；新增页面必须优先复用 common 的语言包机制，不在页面脚本里硬编码多语言字典。
+
+所有逻辑功能配置默认打开；只有密钥、地址、三方账号等必须由环境提供的敏感值使用占位符或环境配置，不在默认配置里伪造可用凭证。
+
+所有业务逻辑、状态流转、权限判断、支付链路、异步流程都保持高密度逻辑注释，注释解释为什么这样处理和失败分支，不复述语法。
diff --git a/common/api.js b/common/api.js
index 65c2fb8..a65cd5a 100644
--- a/common/api.js
+++ b/common/api.js
@@ -6,6 +6,7 @@ var default_api = 'https://api.global-interaction.com/';
     var API_ENV_KEY = 'hyapp_h5_env';
     var ACCESS_TOKEN_KEY = 'hyapp_access_token';
     var APP_CODE_KEY = 'hyapp_app_code';
+    var RENEWED_ACCESS_TOKEN_HEADER = 'X-Hyapp-Access-Token';
     var memoryEnv = '';
     var memoryAccessToken = '';
     var memoryAppCode = '';
@@ -14,6 +15,36 @@ var default_api = 'https://api.global-interaction.com/';
         return new URLSearchParams(window.location.search).get(name);
     }
 
+    function normalizeToken(value) {
+        var token = String(value || '').trim();
+        if (!token) return '';
+        if (/^Bearer\s+/i.test(token)) token = token.replace(/^Bearer\s+/i, '');
+        var match = token.match(
+            /[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+/
+        );
+        return match ? match[0] : token;
+    }
+
+    function decodeBase64URLJSON(value) {
+        try {
+            var normalized = String(value || '').replace(/-/g, '+').replace(/_/g, '/');
+            while (normalized.length % 4) normalized += '=';
+            return JSON.parse(window.atob(normalized));
+        } catch (_) {
+            return null;
+        }
+    }
+
+    function isExpiredToken(token) {
+        var parts = String(token || '').split('.');
+        if (parts.length < 2) return false;
+        var payload = decodeBase64URLJSON(parts[1]);
+        if (!payload || !payload.exp) return false;
+        // JWT exp 是秒级时间戳；本地 H5 不能只凭 query 有 token 就进入 token 模式，过期 token 会被 gateway 当成未登录。
+        // 这里预留 5 秒偏移，避免页面发请求时刚好跨过过期点，导致 H5 隐藏账号输入但服务端收到空 display_user_id。
+        return Number(payload.exp) * 1000 <= Date.now() + 5000;
+    }
+
     function normalizeBaseURL(value) {
         return String(value || '').replace(/\/+$/, '') + '/';
     }
@@ -85,19 +116,36 @@ var default_api = 'https://api.global-interaction.com/';
     }
 
     function getAccessToken() {
+        if (memoryAccessToken && !isExpiredToken(memoryAccessToken))
+            return memoryAccessToken;
+        if (memoryAccessToken && isExpiredToken(memoryAccessToken)) {
+            memoryAccessToken = '';
+            if (shouldPersist()) window.localStorage.removeItem(ACCESS_TOKEN_KEY);
+        }
         var queryToken =
-            readQuery('token') ||
-            readQuery('access_token') ||
-            readQuery('accessToken');
+            normalizeToken(readQuery('token')) ||
+            normalizeToken(readQuery('access_token')) ||
+            normalizeToken(readQuery('accessToken'));
         if (queryToken) {
+            if (isExpiredToken(queryToken)) {
+                if (shouldPersist())
+                    window.localStorage.removeItem(ACCESS_TOKEN_KEY);
+                return '';
+            }
             memoryAccessToken = queryToken;
             if (shouldPersist())
                 window.localStorage.setItem(ACCESS_TOKEN_KEY, queryToken);
             return queryToken;
         }
-        if (memoryAccessToken) return memoryAccessToken;
         if (!shouldPersist()) return '';
-        return window.localStorage.getItem(ACCESS_TOKEN_KEY) || '';
+        var storedToken = normalizeToken(
+            window.localStorage.getItem(ACCESS_TOKEN_KEY) || ''
+        );
+        if (storedToken && isExpiredToken(storedToken)) {
+            window.localStorage.removeItem(ACCESS_TOKEN_KEY);
+            return '';
+        }
+        return storedToken;
     }
 
     function getAppCode() {
@@ -114,6 +162,8 @@ var default_api = 'https://api.global-interaction.com/';
     }
 
     function setAccessToken(token) {
+        token = normalizeToken(token);
+        if (token && isExpiredToken(token)) token = '';
         memoryAccessToken = token || '';
         if (token) {
             if (shouldPersist())
@@ -184,6 +234,14 @@ var default_api = 'https://api.global-interaction.com/';
         });
     }
 
+    function persistRenewedAccessToken(response) {
+        var renewedToken =
+            response && response.headers
+                ? response.headers.get(RENEWED_ACCESS_TOKEN_HEADER)
+                : '';
+        if (renewedToken) setAccessToken(renewedToken);
+    }
+
     function request(path, options) {
         var opts = options || {};
         var headers = Object.assign({}, opts.headers || {});
@@ -210,7 +268,10 @@ var default_api = 'https://api.global-interaction.com/';
                 cache: shouldPersist() ? 'default' : 'no-store',
                 credentials: opts.credentials || 'omit',
             })
-            .then(parseResponse);
+            .then(function (response) {
+                persistRenewedAccessToken(response);
+                return parseResponse(response);
+            });
     }
 
     var vipAPI = {
@@ -235,6 +296,9 @@ var default_api = 'https://api.global-interaction.com/';
         overview: function () {
             return request('/api/v1/users/me/overview', { method: 'GET' });
         },
+        appearance: function () {
+            return request('/api/v1/users/me/appearance', { method: 'GET' });
+        },
         hostIdentity: function () {
             return request('/api/v1/users/me/host-identity', {
                 method: 'GET',
@@ -280,6 +344,50 @@ var default_api = 'https://api.global-interaction.com/';
         },
     };
 
+    // H5 充值 API 只做路径和参数名封装；token、app_code、env、错误 envelope 仍由 request 统一处理。
+    // 金额、金币数、普通/币商钱包、MiFaPay 参数和 USDT 链上校验都以后端订单快照为准。
+    var rechargeAPI = {
+        context: function (displayUserID) {
+            return request('/api/v1/recharge/h5/context', {
+                method: 'GET',
+                query: { display_user_id: displayUserID || '' },
+            });
+        },
+        options: function (displayUserID) {
+            return request('/api/v1/recharge/h5/options', {
+                method: 'GET',
+                query: { display_user_id: displayUserID || '' },
+            });
+        },
+        createOrder: function (payload) {
+            return request('/api/v1/recharge/h5/orders', {
+                method: 'POST',
+                body: payload || {},
+            });
+        },
+        submitTx: function (orderID, payload) {
+            return request(
+                '/api/v1/recharge/h5/orders/' +
+                    encodeURIComponent(orderID || '') +
+                    '/tx',
+                {
+                    method: 'POST',
+                    body: payload || {},
+                }
+            );
+        },
+        getOrder: function (orderID, displayUserID) {
+            return request(
+                '/api/v1/recharge/h5/orders/' +
+                    encodeURIComponent(orderID || ''),
+                {
+                    method: 'GET',
+                    query: { display_user_id: displayUserID || '' },
+                }
+            );
+        },
+    };
+
     var salaryWalletAPI = {
         overview: function (identity) {
             return request('/api/v1/salary-wallet/overview', {
@@ -548,6 +656,48 @@ var default_api = 'https://api.global-interaction.com/';
         },
     };
 
+    var diceGameAPI = {
+        config: function (gameID) {
+            return request('/api/v1/games/dice/config', {
+                method: 'GET',
+                query: { game_id: gameID || 'dice' },
+            });
+        },
+        match: function (payload) {
+            return request('/api/v1/games/dice/match', {
+                method: 'POST',
+                body: payload || {},
+            });
+        },
+        getMatch: function (matchID) {
+            return request(
+                '/api/v1/games/dice/matches/' +
+                    encodeURIComponent(matchID || ''),
+                { method: 'GET' }
+            );
+        },
+        roll: function (matchID) {
+            return request(
+                '/api/v1/games/dice/matches/' +
+                    encodeURIComponent(matchID || '') +
+                    '/roll',
+                { method: 'POST', body: {} }
+            );
+        },
+        cancel: function (matchID) {
+            return request(
+                '/api/v1/games/dice/matches/' +
+                    encodeURIComponent(matchID || '') +
+                    '/cancel',
+                { method: 'POST', body: {} }
+            );
+        },
+    };
+
+    var gameAPI = {
+        dice: diceGameAPI,
+    };
+
     window.HyAppAPI = {
         baseURL: resolveBaseURL,
         buildURL: buildURL,
@@ -574,6 +724,7 @@ var default_api = 'https://api.global-interaction.com/';
         vip: vipAPI,
         user: userAPI,
         wallet: walletAPI,
+        recharge: rechargeAPI,
         salaryWallet: salaryWalletAPI,
         host: hostAPI,
         hostCenter: hostCenterAPI,
@@ -584,6 +735,7 @@ var default_api = 'https://api.global-interaction.com/';
         superadminCenter: superadminCenterAPI,
         level: levelAPI,
         weeklyStar: weeklyStarAPI,
+        game: gameAPI,
     };
     clearLocalDevCache();
 })();
diff --git a/common/i18n.js b/common/i18n.js
index 8387de4..b0937c8 100644
--- a/common/i18n.js
+++ b/common/i18n.js
@@ -10,6 +10,28 @@
     var messages = {};
     var currentLang = '';
 
+    function scopedSupported() {
+        var scoped =
+            window.HyAppI18nSupported || window.HyAppSupportedLanguages || null;
+        if (!Array.isArray(scoped)) return SUPPORTED;
+        var normalized = [];
+        scoped.forEach(function (value) {
+            var lang = String(value || '')
+                .trim()
+                .toLowerCase()
+                .replace('_', '-');
+            if (lang.indexOf('ar') === 0) lang = 'ar';
+            else if (lang.indexOf('tr') === 0) lang = 'tr';
+            else if (lang.indexOf('es') === 0) lang = 'es';
+            else if (lang.indexOf('zh') === 0) lang = 'zh';
+            else if (lang.indexOf('id') === 0) lang = 'id';
+            if (SUPPORTED.indexOf(lang) >= 0 && normalized.indexOf(lang) < 0) {
+                normalized.push(lang);
+            }
+        });
+        return normalized.length ? normalized : SUPPORTED;
+    }
+
     function storageGet(key) {
         try {
             return window.localStorage ? window.localStorage.getItem(key) : '';
@@ -28,8 +50,34 @@
         }
     }
 
+    function currentParams() {
+        var parsed =
+            window.HyAppParams &&
+            window.HyAppParams.current &&
+            window.HyAppParams.current.raw;
+        if (parsed && parsed.get) return parsed;
+        var params = new URLSearchParams(window.location.search);
+        var hash = window.location.hash || '';
+        if (hash.indexOf('?') >= 0) {
+            new URLSearchParams(hash.split('?').slice(1).join('?')).forEach(
+                function (value, key) {
+                    if (!params.has(key)) params.set(key, value);
+                }
+            );
+        }
+        return params;
+    }
+
     function queryLang() {
-        return new URLSearchParams(window.location.search).get('lang') || '';
+        var params = currentParams();
+        return (
+            params.get('lang') ||
+            params.get('language') ||
+            params.get('locale') ||
+            params.get('app_lang') ||
+            params.get('appLanguage') ||
+            ''
+        );
     }
 
     function normalizeLang(value) {
@@ -38,12 +86,12 @@
             .toLowerCase()
             .replace('_', '-');
         if (!lang) return '';
-        if (lang.indexOf('ar') === 0) return 'ar';
-        if (lang.indexOf('tr') === 0) return 'tr';
-        if (lang.indexOf('es') === 0) return 'es';
-        if (lang.indexOf('zh') === 0) return 'zh';
-        if (lang.indexOf('id') === 0) return 'id';
-        return SUPPORTED.indexOf(lang) >= 0 ? lang : '';
+        if (lang.indexOf('ar') === 0) lang = 'ar';
+        else if (lang.indexOf('tr') === 0) lang = 'tr';
+        else if (lang.indexOf('es') === 0) lang = 'es';
+        else if (lang.indexOf('zh') === 0) lang = 'zh';
+        else if (lang.indexOf('id') === 0) lang = 'id';
+        return scopedSupported().indexOf(lang) >= 0 ? lang : '';
     }
 
     function resolveLang() {
@@ -182,7 +230,7 @@
         lang: function () {
             return currentLang || DEFAULT_LANG;
         },
-        supported: SUPPORTED.slice(),
+        supported: scopedSupported(),
     };
 
     function init() {
diff --git a/common/locales/ar.json b/common/locales/ar.json
index bade7f0..96211f3 100644
--- a/common/locales/ar.json
+++ b/common/locales/ar.json
@@ -8,6 +8,17 @@
     "diceMatch.unknownOpponent": "?",
     "diceMatch.win": "فوز",
     "diceMatch.coins": "عملات",
+    "diceMatch.changeLanguage": "تغيير اللغة",
+    "diceMatch.loading": "جار التحميل",
+    "diceMatch.roll": "ارمِ",
+    "diceMatch.rolling": "جار الرمي...",
+    "diceMatch.ready": "جاهز",
+    "diceMatch.draw": "تعادل",
+    "diceMatch.compare": "مقارنة",
+    "diceMatch.apiUnavailable": "واجهة لعبة النرد غير متاحة",
+    "diceMatch.selectStake": "اختر قيمة الرهان",
+    "diceMatch.requestFailed": "فشل الطلب",
+    "diceMatch.configFeeNote": "الرسوم {fee}% · المجمع {pool}%",
     "roomReward.pageTitle": "فعالية مكافآت الغرفة",
     "roomReward.pageLabel": "فعالية مكافآت الغرفة",
     "roomReward.currentTarget": "هدف المكافأة الحالي",
@@ -397,5 +408,55 @@
     "cp.rewardMarquis7": "ماركيز*7 أيام",
     "cp.rewardCoins10000": "عملات*10000",
     "cp.rewardCount7": "عدّاد*7 أيام",
-    "cp.copyright": "حقوق هذا النشاط تعود إلى Shila"
+    "cp.copyright": "حقوق هذا النشاط تعود إلى Shila",
+    "recharge.pageTitle": "الشحن",
+    "recharge.pageSubtitle": "اختر باقة عملات وادفع عبر USDT-TRC20 أو طريقة دفع محلية مدعومة.",
+    "recharge.changeLanguage": "تغيير اللغة",
+    "recharge.accountTitle": "الحساب",
+    "recharge.accountHint": "أكد الحساب قبل اختيار الباقة.",
+    "recharge.userIdPlaceholder": "أدخل معرف المستخدم",
+    "recharge.searchAccount": "تأكيد",
+    "recharge.loading": "جار التحميل...",
+    "recharge.accountConfirmed": "تم تأكيد الحساب",
+    "recharge.ordinaryUser": "مستخدم",
+    "recharge.coinSeller": "بائع عملات",
+    "recharge.productTitle": "الباقة",
+    "recharge.productEmpty": "لا توجد باقة متاحة لهذا الحساب.",
+    "recharge.paymentTitle": "الدفع",
+    "recharge.backToPackages": "العودة إلى الباقات",
+    "recharge.selectedPackage": "الباقة المحددة",
+    "recharge.selectProductFirst": "اختر باقة أولا.",
+    "recharge.noPaymentMethods": "لا توجد طريقة دفع متاحة.",
+    "recharge.usdtTrc20": "USDT-TRC20",
+    "recharge.usdtNetwork": "شبكة TRON",
+    "recharge.thirdPartyPayment": "دفع محلي",
+    "recharge.createOrder": "إنشاء الطلب",
+    "recharge.creating": "جار الإنشاء...",
+    "recharge.orderTitle": "الطلب",
+    "recharge.paymentOperation": "عملية الدفع",
+    "recharge.close": "إغلاق",
+    "recharge.orderId": "رقم الطلب",
+    "recharge.orderStatus": "الحالة",
+    "recharge.payRedirecting": "جار فتح صفحة الدفع...",
+    "recharge.payOpenHint": "افتح صفحة الدفع وأكمل الدفع.",
+    "recharge.openPayment": "فتح الدفع",
+    "recharge.usdtAddress": "عنوان USDT-TRC20",
+    "recharge.usdtHint": "حوّل USDT ثم أرسل TXID.",
+    "recharge.copy": "نسخ",
+    "recharge.txHashPlaceholder": "أدخل TXID بعد الدفع",
+    "recharge.submitTx": "إرسال TXID",
+    "recharge.submitted": "جار الإرسال...",
+    "recharge.txSubmitted": "تم إرسال TXID",
+    "recharge.paidSuccess": "اكتمل الدفع",
+    "recharge.orderFailed": "فشل الطلب",
+    "recharge.accountRequired": "أدخل معرف المستخدم",
+    "recharge.orderCreateFailed": "فشل إنشاء الطلب",
+    "recharge.loadFailed": "فشل التحميل",
+    "recharge.copied": "تم النسخ",
+    "recharge.copyFailed": "فشل النسخ",
+    "recharge.coins": "عملات",
+    "recharge.status.pending": "قيد الانتظار",
+    "recharge.status.redirected": "بانتظار الدفع",
+    "recharge.status.credited": "تمت الإضافة",
+    "recharge.status.failed": "فشل"
 }
diff --git a/common/locales/en.json b/common/locales/en.json
index d1d868c..d28306d 100644
--- a/common/locales/en.json
+++ b/common/locales/en.json
@@ -8,6 +8,17 @@
     "diceMatch.unknownOpponent": "?",
     "diceMatch.win": "Win",
     "diceMatch.coins": "Coins",
+    "diceMatch.changeLanguage": "Change language",
+    "diceMatch.loading": "Loading",
+    "diceMatch.roll": "Roll",
+    "diceMatch.rolling": "Rolling...",
+    "diceMatch.ready": "Ready",
+    "diceMatch.draw": "Draw",
+    "diceMatch.compare": "Compare",
+    "diceMatch.apiUnavailable": "Dice API unavailable",
+    "diceMatch.selectStake": "Select a stake",
+    "diceMatch.requestFailed": "Request failed",
+    "diceMatch.configFeeNote": "Fee {fee}% · Pool {pool}%",
     "roomReward.pageTitle": "Room Reward Event",
     "roomReward.pageLabel": "Room Reward Event",
     "roomReward.currentTarget": "Current reward target",
@@ -403,5 +414,55 @@
     "cp.rewardMarquis7": "Marquis*7days",
     "cp.rewardCoins10000": "Coins*10000",
     "cp.rewardCount7": "Count*7days",
-    "cp.copyright": "The copyright of this activity belongs to Shila"
+    "cp.copyright": "The copyright of this activity belongs to Shila",
+    "recharge.pageTitle": "Recharge",
+    "recharge.pageSubtitle": "Choose a coin package and pay with USDT-TRC20 or a supported local payment method.",
+    "recharge.changeLanguage": "Change language",
+    "recharge.accountTitle": "Account",
+    "recharge.accountHint": "Confirm the account before selecting a package.",
+    "recharge.userIdPlaceholder": "Enter user ID",
+    "recharge.searchAccount": "Confirm",
+    "recharge.loading": "Loading...",
+    "recharge.accountConfirmed": "Account confirmed",
+    "recharge.ordinaryUser": "User",
+    "recharge.coinSeller": "Coin seller",
+    "recharge.productTitle": "Package",
+    "recharge.productEmpty": "No package is available for this account.",
+    "recharge.paymentTitle": "Payment",
+    "recharge.backToPackages": "Back to packages",
+    "recharge.selectedPackage": "Selected package",
+    "recharge.selectProductFirst": "Select a package first.",
+    "recharge.noPaymentMethods": "No payment method is available.",
+    "recharge.usdtTrc20": "USDT-TRC20",
+    "recharge.usdtNetwork": "TRON network",
+    "recharge.thirdPartyPayment": "Local payment",
+    "recharge.createOrder": "Create order",
+    "recharge.creating": "Creating...",
+    "recharge.orderTitle": "Order",
+    "recharge.paymentOperation": "Payment operation",
+    "recharge.close": "Close",
+    "recharge.orderId": "Order ID",
+    "recharge.orderStatus": "Status",
+    "recharge.payRedirecting": "Opening payment page...",
+    "recharge.payOpenHint": "Open the payment page and finish the payment.",
+    "recharge.openPayment": "Open payment",
+    "recharge.usdtAddress": "USDT-TRC20 address",
+    "recharge.usdtHint": "Transfer USDT and submit the TXID.",
+    "recharge.copy": "Copy",
+    "recharge.txHashPlaceholder": "Enter TXID after payment",
+    "recharge.submitTx": "Submit TXID",
+    "recharge.submitted": "Submitting...",
+    "recharge.txSubmitted": "TXID submitted",
+    "recharge.paidSuccess": "Payment completed",
+    "recharge.orderFailed": "Order failed",
+    "recharge.accountRequired": "Enter user ID",
+    "recharge.orderCreateFailed": "Create order failed",
+    "recharge.loadFailed": "Load failed",
+    "recharge.copied": "Copied",
+    "recharge.copyFailed": "Copy failed",
+    "recharge.coins": "coins",
+    "recharge.status.pending": "Pending",
+    "recharge.status.redirected": "Waiting for payment",
+    "recharge.status.credited": "Credited",
+    "recharge.status.failed": "Failed"
 }
diff --git a/common/locales/es.json b/common/locales/es.json
index b1900cf..f28b61b 100644
--- a/common/locales/es.json
+++ b/common/locales/es.json
@@ -8,6 +8,17 @@
     "diceMatch.unknownOpponent": "?",
     "diceMatch.win": "Victoria",
     "diceMatch.coins": "Monedas",
+    "diceMatch.changeLanguage": "Cambiar idioma",
+    "diceMatch.loading": "Cargando",
+    "diceMatch.roll": "Tirar",
+    "diceMatch.rolling": "Tirando...",
+    "diceMatch.ready": "Listo",
+    "diceMatch.draw": "Empate",
+    "diceMatch.compare": "Comparar",
+    "diceMatch.apiUnavailable": "API del juego de dados no disponible",
+    "diceMatch.selectStake": "Selecciona una apuesta",
+    "diceMatch.requestFailed": "Error de solicitud",
+    "diceMatch.configFeeNote": "Comisión {fee}% · Bolsa {pool}%",
     "roomReward.pageTitle": "Evento de recompensas de sala",
     "roomReward.pageLabel": "Evento de recompensas de sala",
     "roomReward.currentTarget": "Objetivo de recompensa actual",
@@ -397,5 +408,55 @@
     "cp.rewardMarquis7": "Marqués*7 días",
     "cp.rewardCoins10000": "Monedas*10000",
     "cp.rewardCount7": "Contador*7 días",
-    "cp.copyright": "Los derechos de esta actividad pertenecen a Shila"
+    "cp.copyright": "Los derechos de esta actividad pertenecen a Shila",
+    "recharge.pageTitle": "Recarga",
+    "recharge.pageSubtitle": "Elige un paquete de monedas y paga con USDT-TRC20 o un método local compatible.",
+    "recharge.changeLanguage": "Cambiar idioma",
+    "recharge.accountTitle": "Cuenta",
+    "recharge.accountHint": "Confirma la cuenta antes de elegir un paquete.",
+    "recharge.userIdPlaceholder": "Ingresa el ID de usuario",
+    "recharge.searchAccount": "Confirmar",
+    "recharge.loading": "Cargando...",
+    "recharge.accountConfirmed": "Cuenta confirmada",
+    "recharge.ordinaryUser": "Usuario",
+    "recharge.coinSeller": "Vendedor de monedas",
+    "recharge.productTitle": "Paquete",
+    "recharge.productEmpty": "No hay paquetes disponibles para esta cuenta.",
+    "recharge.paymentTitle": "Pago",
+    "recharge.backToPackages": "Volver a paquetes",
+    "recharge.selectedPackage": "Paquete seleccionado",
+    "recharge.selectProductFirst": "Elige un paquete primero.",
+    "recharge.noPaymentMethods": "No hay métodos de pago disponibles.",
+    "recharge.usdtTrc20": "USDT-TRC20",
+    "recharge.usdtNetwork": "Red TRON",
+    "recharge.thirdPartyPayment": "Pago local",
+    "recharge.createOrder": "Crear pedido",
+    "recharge.creating": "Creando...",
+    "recharge.orderTitle": "Pedido",
+    "recharge.paymentOperation": "Operación de pago",
+    "recharge.close": "Cerrar",
+    "recharge.orderId": "ID de pedido",
+    "recharge.orderStatus": "Estado",
+    "recharge.payRedirecting": "Abriendo página de pago...",
+    "recharge.payOpenHint": "Abre la página de pago y completa el pago.",
+    "recharge.openPayment": "Abrir pago",
+    "recharge.usdtAddress": "Dirección USDT-TRC20",
+    "recharge.usdtHint": "Transfiere USDT y envía el TXID.",
+    "recharge.copy": "Copiar",
+    "recharge.txHashPlaceholder": "Ingresa el TXID después del pago",
+    "recharge.submitTx": "Enviar TXID",
+    "recharge.submitted": "Enviando...",
+    "recharge.txSubmitted": "TXID enviado",
+    "recharge.paidSuccess": "Pago completado",
+    "recharge.orderFailed": "Pedido fallido",
+    "recharge.accountRequired": "Ingresa el ID de usuario",
+    "recharge.orderCreateFailed": "No se pudo crear el pedido",
+    "recharge.loadFailed": "Error al cargar",
+    "recharge.copied": "Copiado",
+    "recharge.copyFailed": "Error al copiar",
+    "recharge.coins": "monedas",
+    "recharge.status.pending": "Pendiente",
+    "recharge.status.redirected": "Esperando pago",
+    "recharge.status.credited": "Acreditado",
+    "recharge.status.failed": "Fallido"
 }
diff --git a/common/locales/id.json b/common/locales/id.json
index 9a323bb..5f390e1 100644
--- a/common/locales/id.json
+++ b/common/locales/id.json
@@ -397,5 +397,55 @@
     "cp.rewardMarquis7": "Marquis*7 hari",
     "cp.rewardCoins10000": "Koin*10000",
     "cp.rewardCount7": "Hitungan*7 hari",
-    "cp.copyright": "Hak cipta aktivitas ini milik Shila"
+    "cp.copyright": "Hak cipta aktivitas ini milik Shila",
+    "recharge.pageTitle": "Top up",
+    "recharge.pageSubtitle": "Pilih paket coin dan bayar dengan USDT-TRC20 atau metode lokal yang didukung.",
+    "recharge.changeLanguage": "Ganti bahasa",
+    "recharge.accountTitle": "Akun",
+    "recharge.accountHint": "Konfirmasi akun sebelum memilih paket.",
+    "recharge.userIdPlaceholder": "Masukkan ID pengguna",
+    "recharge.searchAccount": "Konfirmasi",
+    "recharge.loading": "Memuat...",
+    "recharge.accountConfirmed": "Akun dikonfirmasi",
+    "recharge.ordinaryUser": "Pengguna",
+    "recharge.coinSeller": "Coin seller",
+    "recharge.productTitle": "Paket",
+    "recharge.productEmpty": "Tidak ada paket untuk akun ini.",
+    "recharge.paymentTitle": "Pembayaran",
+    "recharge.backToPackages": "Kembali ke paket",
+    "recharge.selectedPackage": "Paket dipilih",
+    "recharge.selectProductFirst": "Pilih paket terlebih dahulu.",
+    "recharge.noPaymentMethods": "Tidak ada metode pembayaran.",
+    "recharge.usdtTrc20": "USDT-TRC20",
+    "recharge.usdtNetwork": "Jaringan TRON",
+    "recharge.thirdPartyPayment": "Pembayaran lokal",
+    "recharge.createOrder": "Buat pesanan",
+    "recharge.creating": "Membuat...",
+    "recharge.orderTitle": "Pesanan",
+    "recharge.paymentOperation": "Operasi pembayaran",
+    "recharge.close": "Tutup",
+    "recharge.orderId": "ID pesanan",
+    "recharge.orderStatus": "Status",
+    "recharge.payRedirecting": "Membuka halaman pembayaran...",
+    "recharge.payOpenHint": "Buka halaman pembayaran dan selesaikan pembayaran.",
+    "recharge.openPayment": "Buka pembayaran",
+    "recharge.usdtAddress": "Alamat USDT-TRC20",
+    "recharge.usdtHint": "Transfer USDT lalu kirim TXID.",
+    "recharge.copy": "Salin",
+    "recharge.txHashPlaceholder": "Masukkan TXID setelah bayar",
+    "recharge.submitTx": "Kirim TXID",
+    "recharge.submitted": "Mengirim...",
+    "recharge.txSubmitted": "TXID terkirim",
+    "recharge.paidSuccess": "Pembayaran selesai",
+    "recharge.orderFailed": "Pesanan gagal",
+    "recharge.accountRequired": "Masukkan ID pengguna",
+    "recharge.orderCreateFailed": "Gagal membuat pesanan",
+    "recharge.loadFailed": "Gagal memuat",
+    "recharge.copied": "Disalin",
+    "recharge.copyFailed": "Gagal menyalin",
+    "recharge.coins": "coin",
+    "recharge.status.pending": "Menunggu",
+    "recharge.status.redirected": "Menunggu pembayaran",
+    "recharge.status.credited": "Masuk",
+    "recharge.status.failed": "Gagal"
 }
diff --git a/common/locales/tr.json b/common/locales/tr.json
index 694250a..683eba2 100644
--- a/common/locales/tr.json
+++ b/common/locales/tr.json
@@ -397,5 +397,55 @@
     "cp.rewardMarquis7": "Marki*7 gün",
     "cp.rewardCoins10000": "Coin*10000",
     "cp.rewardCount7": "Sayaç*7 gün",
-    "cp.copyright": "Bu etkinliğin telif hakkı Shila'ya aittir"
+    "cp.copyright": "Bu etkinliğin telif hakkı Shila'ya aittir",
+    "recharge.pageTitle": "Yükleme",
+    "recharge.pageSubtitle": "Coin paketi seçin ve USDT-TRC20 ya da desteklenen yerel ödeme yöntemiyle ödeyin.",
+    "recharge.changeLanguage": "Dili değiştir",
+    "recharge.accountTitle": "Hesap",
+    "recharge.accountHint": "Paket seçmeden önce hesabı onaylayın.",
+    "recharge.userIdPlaceholder": "Kullanıcı ID girin",
+    "recharge.searchAccount": "Onayla",
+    "recharge.loading": "Yükleniyor...",
+    "recharge.accountConfirmed": "Hesap onaylandı",
+    "recharge.ordinaryUser": "Kullanıcı",
+    "recharge.coinSeller": "Coin seller",
+    "recharge.productTitle": "Paket",
+    "recharge.productEmpty": "Bu hesap için paket yok.",
+    "recharge.paymentTitle": "Ödeme",
+    "recharge.backToPackages": "Paketlere dön",
+    "recharge.selectedPackage": "Seçilen paket",
+    "recharge.selectProductFirst": "Önce paket seçin.",
+    "recharge.noPaymentMethods": "Kullanılabilir ödeme yöntemi yok.",
+    "recharge.usdtTrc20": "USDT-TRC20",
+    "recharge.usdtNetwork": "TRON ağı",
+    "recharge.thirdPartyPayment": "Yerel ödeme",
+    "recharge.createOrder": "Sipariş oluştur",
+    "recharge.creating": "Oluşturuluyor...",
+    "recharge.orderTitle": "Sipariş",
+    "recharge.paymentOperation": "Ödeme işlemi",
+    "recharge.close": "Kapat",
+    "recharge.orderId": "Sipariş ID",
+    "recharge.orderStatus": "Durum",
+    "recharge.payRedirecting": "Ödeme sayfası açılıyor...",
+    "recharge.payOpenHint": "Ödeme sayfasını açın ve ödemeyi tamamlayın.",
+    "recharge.openPayment": "Ödemeyi aç",
+    "recharge.usdtAddress": "USDT-TRC20 adresi",
+    "recharge.usdtHint": "USDT gönderin ve TXID girin.",
+    "recharge.copy": "Kopyala",
+    "recharge.txHashPlaceholder": "Ödemeden sonra TXID girin",
+    "recharge.submitTx": "TXID gönder",
+    "recharge.submitted": "Gönderiliyor...",
+    "recharge.txSubmitted": "TXID gönderildi",
+    "recharge.paidSuccess": "Ödeme tamamlandı",
+    "recharge.orderFailed": "Sipariş başarısız",
+    "recharge.accountRequired": "Kullanıcı ID girin",
+    "recharge.orderCreateFailed": "Sipariş oluşturulamadı",
+    "recharge.loadFailed": "Yükleme başarısız",
+    "recharge.copied": "Kopyalandı",
+    "recharge.copyFailed": "Kopyalama başarısız",
+    "recharge.coins": "coin",
+    "recharge.status.pending": "Bekliyor",
+    "recharge.status.redirected": "Ödeme bekleniyor",
+    "recharge.status.credited": "Yüklendi",
+    "recharge.status.failed": "Başarısız"
 }
diff --git a/common/locales/zh.json b/common/locales/zh.json
index 56b2797..bc2c983 100644
--- a/common/locales/zh.json
+++ b/common/locales/zh.json
@@ -403,5 +403,55 @@
     "cp.rewardMarquis7": "侯爵*7天",
     "cp.rewardCoins10000": "金币*10000",
     "cp.rewardCount7": "计数*7天",
-    "cp.copyright": "本活动版权归 Shila 所有"
+    "cp.copyright": "本活动版权归 Shila 所有",
+    "recharge.pageTitle": "充值",
+    "recharge.pageSubtitle": "选择金币档位，使用 USDT-TRC20 或支持的本地支付方式付款。",
+    "recharge.changeLanguage": "切换语言",
+    "recharge.accountTitle": "账号",
+    "recharge.accountHint": "确认账号后再选择充值档位。",
+    "recharge.userIdPlaceholder": "输入用户 ID",
+    "recharge.searchAccount": "确认",
+    "recharge.loading": "加载中...",
+    "recharge.accountConfirmed": "账号已确认",
+    "recharge.ordinaryUser": "普通用户",
+    "recharge.coinSeller": "币商",
+    "recharge.productTitle": "充值档位",
+    "recharge.productEmpty": "当前账号暂无可用档位。",
+    "recharge.paymentTitle": "支付方式",
+    "recharge.backToPackages": "返回充值档位",
+    "recharge.selectedPackage": "已选档位",
+    "recharge.selectProductFirst": "请先选择充值档位。",
+    "recharge.noPaymentMethods": "当前暂无可用支付方式。",
+    "recharge.usdtTrc20": "USDT-TRC20",
+    "recharge.usdtNetwork": "TRON 网络",
+    "recharge.thirdPartyPayment": "本地支付",
+    "recharge.createOrder": "创建订单",
+    "recharge.creating": "创建中...",
+    "recharge.orderTitle": "订单",
+    "recharge.paymentOperation": "支付操作",
+    "recharge.close": "关闭",
+    "recharge.orderId": "订单号",
+    "recharge.orderStatus": "状态",
+    "recharge.payRedirecting": "正在打开支付页面...",
+    "recharge.payOpenHint": "打开支付页面并完成付款。",
+    "recharge.openPayment": "打开支付",
+    "recharge.usdtAddress": "USDT-TRC20 收款地址",
+    "recharge.usdtHint": "转账 USDT 后提交 TXID。",
+    "recharge.copy": "复制",
+    "recharge.txHashPlaceholder": "付款后输入 TXID",
+    "recharge.submitTx": "提交 TXID",
+    "recharge.submitted": "提交中...",
+    "recharge.txSubmitted": "TXID 已提交",
+    "recharge.paidSuccess": "支付已完成",
+    "recharge.orderFailed": "订单失败",
+    "recharge.accountRequired": "请输入用户 ID",
+    "recharge.orderCreateFailed": "创建订单失败",
+    "recharge.loadFailed": "加载失败",
+    "recharge.copied": "已复制",
+    "recharge.copyFailed": "复制失败",
+    "recharge.coins": "金币",
+    "recharge.status.pending": "待支付",
+    "recharge.status.redirected": "等待支付",
+    "recharge.status.credited": "已到账",
+    "recharge.status.failed": "失败"
 }
diff --git a/common/params.js b/common/params.js
index 7a9b35c..605e8a0 100644
--- a/common/params.js
+++ b/common/params.js
@@ -28,10 +28,31 @@
     function normalizeToken(value) {
         var token = String(value || '').trim();
         if (!token) return '';
+        if (/^Bearer\s+/i.test(token)) token = token.replace(/^Bearer\s+/i, '');
         var match = token.match(
             /[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+/
         );
-        return match ? match[0] : token;
+        token = match ? match[0] : token;
+        return isExpiredToken(token) ? '' : token;
+    }
+
+    function decodeBase64URLJSON(value) {
+        try {
+            var normalized = String(value || '').replace(/-/g, '+').replace(/_/g, '/');
+            while (normalized.length % 4) normalized += '=';
+            return JSON.parse(window.atob(normalized));
+        } catch (_) {
+            return null;
+        }
+    }
+
+    function isExpiredToken(token) {
+        var parts = String(token || '').split('.');
+        if (parts.length < 2) return false;
+        var payload = decodeBase64URLJSON(parts[1]);
+        if (!payload || !payload.exp) return false;
+        // params 是页面入口模式的判定来源；过期 JWT 必须当作无 token，否则充值页会隐藏用户 ID 输入并触发 INVALID_ARGUMENT。
+        return Number(payload.exp) * 1000 <= Date.now() + 5000;
     }
 
     function parse() {
diff --git a/common/vendor/svga.min.js b/common/vendor/svga.min.js
new file mode 100644
index 0000000..fb60df4
--- /dev/null
+++ b/common/vendor/svga.min.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.SVGA=t():e.SVGA=t()}(window,(function(){return function(e){function t(i){if(r[i])return r[i].exports;var n=r[i]={i:i,l:!1,exports:{}};return e[i].call(n.exports,n,n.exports,t),n.l=!0,n.exports}var r={};return t.m=e,t.c=r,t.d=function(e,r,i){t.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:i})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,r){if(1&r&&(e=t(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(t.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)t.d(i,n,function(t){return e[t]}.bind(null,n));return i},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=64)}([function(e,t,r){"use strict";var i,n,o=e.exports=r(1),s=r(20);o.codegen=r(47),o.fetch=r(48),o.path=r(49),o.fs=o.inquire("fs"),o.toArray=function(e){if(e){for(var t=Object.keys(e),r=new Array(t.length),i=0;i<t.length;)r[i]=e[t[i++]];return r}return[]},o.toObject=function(e){for(var t={},r=0;r<e.length;){var i=e[r++],n=e[r++];void 0!==n&&(t[i]=n)}return t};var a=/\\/g,f=/"/g;o.isReserved=function(e){return/^(?:do|if|in|for|let|new|try|var|case|else|enum|eval|false|null|this|true|void|with|break|catch|class|const|super|throw|while|yield|delete|export|import|public|return|static|switch|typeof|default|extends|finally|package|private|continue|debugger|function|arguments|interface|protected|implements|instanceof)$/.test(e)},o.safeProp=function(e){return!/^[$\w_]+$/.test(e)||o.isReserved(e)?'["'+e.replace(a,"\\\\").replace(f,'\\"')+'"]':"."+e},o.ucFirst=function(e){return e.charAt(0).toUpperCase()+e.substring(1)};var l=/_([a-z])/g;o.camelCase=function(e){return e.substring(0,1)+e.substring(1).replace(l,(function(e,t){return t.toUpperCase()}))},o.compareFieldsById=function(e,t){return e.id-t.id},o.decorateType=function(e,t){if(e.$type)return t&&e.$type.name!==t&&(o.decorateRoot.remove(e.$type),e.$type.name=t,o.decorateRoot.add(e.$type)),e.$type;i||(i=r(22));var n=new i(t||e.name);return o.decorateRoot.add(n),n.ctor=e,Object.defineProperty(e,"$type",{value:n,enumerable:!1}),Object.defineProperty(e.prototype,"$type",{value:n,enumerable:!1}),n};var u=0;o.decorateEnum=function(e){if(e.$type)return e.$type;n||(n=r(2));var t=new n("Enum"+u++,e);return o.decorateRoot.add(t),Object.defineProperty(e,"$type",{value:t,enumerable:!1}),t},o.setProperty=function(e,t,r){if("object"!=typeof e)throw TypeError("dst must be an object");if(!t)throw TypeError("path must be specified");return function e(t,r,i){var n=r.shift();if(r.length>0)t[n]=e(t[n]||{},r,i);else{var o=t[n];o&&(i=[].concat(o).concat(i)),t[n]=i}return t}(e,t=t.split("."),r)},Object.defineProperty(o,"decorateRoot",{get:function(){return s.decorated||(s.decorated=new(r(30)))}})},function(e,t,r){"use strict";(function(e){function i(e,t,r){for(var i=Object.keys(t),n=0;n<i.length;++n)void 0!==e[i[n]]&&r||(e[i[n]]=t[i[n]]);return e}function n(e){function t(e,r){if(!(this instanceof t))return new t(e,r);Object.defineProperty(this,"message",{get:function(){return e}}),Error.captureStackTrace?Error.captureStackTrace(this,t):Object.defineProperty(this,"stack",{value:(new Error).stack||""}),r&&i(this,r)}return(t.prototype=Object.create(Error.prototype)).constructor=t,Object.defineProperty(t.prototype,"name",{get:function(){return e}}),t.prototype.toString=function(){return this.name+": "+this.message},t}var o=t;o.asPromise=r(17),o.base64=r(38),o.EventEmitter=r(39),o.float=r(40),o.inquire=r(18),o.utf8=r(41),o.pool=r(42),o.LongBits=r(43),o.isNode=Boolean(void 0!==e&&e&&e.process&&e.process.versions&&e.process.versions.node),o.global=o.isNode&&e||"undefined"!=typeof window&&window||"undefined"!=typeof self&&self||this,o.emptyArray=Object.freeze?Object.freeze([]):[],o.emptyObject=Object.freeze?Object.freeze({}):{},o.isInteger=Number.isInteger||function(e){return"number"==typeof e&&isFinite(e)&&Math.floor(e)===e},o.isString=function(e){return"string"==typeof e||e instanceof String},o.isObject=function(e){return e&&"object"==typeof e},o.isset=o.isSet=function(e,t){var r=e[t];return!(null==r||!e.hasOwnProperty(t))&&("object"!=typeof r||(Array.isArray(r)?r.length:Object.keys(r).length)>0)},o.Buffer=function(){try{var e=o.inquire("buffer").Buffer;return e.prototype.utf8Write?e:null}catch(e){return null}}(),o._Buffer_from=null,o._Buffer_allocUnsafe=null,o.newBuffer=function(e){return"number"==typeof e?o.Buffer?o._Buffer_allocUnsafe(e):new o.Array(e):o.Buffer?o._Buffer_from(e):"undefined"==typeof Uint8Array?e:new Uint8Array(e)},o.Array="undefined"!=typeof Uint8Array?Uint8Array:Array,o.Long=o.global.dcodeIO&&o.global.dcodeIO.Long||o.global.Long||o.inquire("long"),o.key2Re=/^true|false|0|1$/,o.key32Re=/^-?(?:0|[1-9][0-9]*)$/,o.key64Re=/^(?:[\\x00-\\xff]{8}|-?(?:0|[1-9][0-9]*))$/,o.longToHash=function(e){return e?o.LongBits.from(e).toHash():o.LongBits.zeroHash},o.longFromHash=function(e,t){var r=o.LongBits.fromHash(e);return o.Long?o.Long.fromBits(r.lo,r.hi,t):r.toNumber(Boolean(t))},o.merge=i,o.lcFirst=function(e){return e.charAt(0).toLowerCase()+e.substring(1)},o.newError=n,o.ProtocolError=n("ProtocolError"),o.oneOfGetter=function(e){for(var t={},r=0;r<e.length;++r)t[e[r]]=1;return function(){for(var e=Object.keys(this),r=e.length-1;r>-1;--r)if(1===t[e[r]]&&void 0!==this[e[r]]&&null!==this[e[r]])return e[r]}},o.oneOfSetter=function(e){return function(t){for(var r=0;r<e.length;++r)e[r]!==t&&delete this[e[r]]}},o.toJSONOptions={longs:String,enums:String,bytes:String,json:!0},o._configure=function(){var e=o.Buffer;e?(o._Buffer_from=e.from!==Uint8Array.from&&e.from||function(t,r){return new e(t,r)},o._Buffer_allocUnsafe=e.allocUnsafe||function(t){return new e(t)}):o._Buffer_from=o._Buffer_allocUnsafe=null}}).call(this,r(37))},function(e,t,r){"use strict";function i(e,t,r,i,o){if(n.call(this,e,r),t&&"object"!=typeof t)throw TypeError("values must be an object");if(this.valuesById={},this.values=Object.create(this.valuesById),this.comment=i,this.comments=o||{},this.reserved=void 0,t)for(var s=Object.keys(t),a=0;a<s.length;++a)"number"==typeof t[s[a]]&&(this.valuesById[this.values[s[a]]=t[s[a]]]=s[a])}e.exports=i;var n=r(3);((i.prototype=Object.create(n.prototype)).constructor=i).className="Enum";var o=r(6),s=r(0);i.fromJSON=function(e,t){var r=new i(e,t.values,t.options,t.comment,t.comments);return r.reserved=t.reserved,r},i.prototype.toJSON=function(e){var t=!!e&&Boolean(e.keepComments);return s.toObject(["options",this.options,"values",this.values,"reserved",this.reserved&&this.reserved.length?this.reserved:void 0,"comment",t?this.comment:void 0,"comments",t?this.comments:void 0])},i.prototype.add=function(e,t,r){if(!s.isString(e))throw TypeError("name must be a string");if(!s.isInteger(t))throw TypeError("id must be an integer");if(void 0!==this.values[e])throw Error("duplicate name '"+e+"' in "+this);if(this.isReservedId(t))throw Error("id "+t+" is reserved in "+this);if(this.isReservedName(e))throw Error("name '"+e+"' is reserved in "+this);if(void 0!==this.valuesById[t]){if(!this.options||!this.options.allow_alias)throw Error("duplicate id "+t+" in "+this);this.values[e]=t}else this.valuesById[this.values[e]=t]=e;return this.comments[e]=r||null,this},i.prototype.remove=function(e){if(!s.isString(e))throw TypeError("name must be a string");var t=this.values[e];if(null==t)throw Error("name '"+e+"' does not exist in "+this);return delete this.valuesById[t],delete this.values[e],delete this.comments[e],this},i.prototype.isReservedId=function(e){return o.isReservedId(this.reserved,e)},i.prototype.isReservedName=function(e){return o.isReservedName(this.reserved,e)}},function(e,t,r){"use strict";function i(e,t){if(!o.isString(e))throw TypeError("name must be a string");if(t&&!o.isObject(t))throw TypeError("options must be an object");this.options=t,this.parsedOptions=null,this.name=e,this.parent=null,this.resolved=!1,this.comment=null,this.filename=null}e.exports=i,i.className="ReflectionObject";var n,o=r(0);Object.defineProperties(i.prototype,{root:{get:function(){for(var e=this;null!==e.parent;)e=e.parent;return e}},fullName:{get:function(){for(var e=[this.name],t=this.parent;t;)e.unshift(t.name),t=t.parent;return e.join(".")}}}),i.prototype.toJSON=function(){throw Error()},i.prototype.onAdd=function(e){this.parent&&this.parent!==e&&this.parent.remove(this),this.parent=e,this.resolved=!1;var t=e.root;t instanceof n&&t._handleAdd(this)},i.prototype.onRemove=function(e){var t=e.root;t instanceof n&&t._handleRemove(this),this.parent=null,this.resolved=!1},i.prototype.resolve=function(){return this.resolved?this:(this.root instanceof n&&(this.resolved=!0),this)},i.prototype.getOption=function(e){if(this.options)return this.options[e]},i.prototype.setOption=function(e,t,r){return r&&this.options&&void 0!==this.options[e]||((this.options||(this.options={}))[e]=t),this},i.prototype.setParsedOption=function(e,t,r){this.parsedOptions||(this.parsedOptions=[]);var i=this.parsedOptions;if(r){var n=i.find((function(t){return Object.prototype.hasOwnProperty.call(t,e)}));if(n){var s=n[e];o.setProperty(s,r,t)}else(n={})[e]=o.setProperty({},r,t),i.push(n)}else{var a={};a[e]=t,i.push(a)}return this},i.prototype.setOptions=function(e,t){if(e)for(var r=Object.keys(e),i=0;i<r.length;++i)this.setOption(r[i],e[r[i]],t);return this},i.prototype.toString=function(){var e=this.constructor.className,t=this.fullName;return t.length?e+" "+t:e},i._configure=function(e){n=e}},function(e,t,r){"use strict";function i(e,t,r,i,o,s,u){if(f.isObject(i)?(u=o,s=i,i=o=void 0):f.isObject(o)&&(u=s,s=o,o=void 0),n.call(this,e,s),!f.isInteger(t)||t<0)throw TypeError("id must be a non-negative integer");if(!f.isString(r))throw TypeError("type must be a string");if(void 0!==i&&!l.test(i=i.toString().toLowerCase()))throw TypeError("rule must be a string rule");if(void 0!==o&&!f.isString(o))throw TypeError("extend must be a string");this.rule=i&&"optional"!==i?i:void 0,this.type=r,this.id=t,this.extend=o||void 0,this.required="required"===i,this.optional=!this.required,this.repeated="repeated"===i,this.map=!1,this.message=null,this.partOf=null,this.typeDefault=null,this.defaultValue=null,this.long=!!f.Long&&void 0!==a.long[r],this.bytes="bytes"===r,this.resolvedType=null,this.extensionField=null,this.declaringField=null,this._packed=null,this.comment=u}e.exports=i;var n=r(3);((i.prototype=Object.create(n.prototype)).constructor=i).className="Field";var o,s=r(2),a=r(7),f=r(0),l=/^required|optional|repeated$/;i.fromJSON=function(e,t){return new i(e,t.id,t.type,t.rule,t.extend,t.options,t.comment)},Object.defineProperty(i.prototype,"packed",{get:function(){return null===this._packed&&(this._packed=!1!==this.getOption("packed")),this._packed}}),i.prototype.setOption=function(e,t,r){return"packed"===e&&(this._packed=null),n.prototype.setOption.call(this,e,t,r)},i.prototype.toJSON=function(e){var t=!!e&&Boolean(e.keepComments);return f.toObject(["rule","optional"!==this.rule&&this.rule||void 0,"type",this.type,"id",this.id,"extend",this.extend,"options",this.options,"comment",t?this.comment:void 0])},i.prototype.resolve=function(){if(this.resolved)return this;if(void 0===(this.typeDefault=a.defaults[this.type])&&(this.resolvedType=(this.declaringField?this.declaringField.parent:this.parent).lookupTypeOrEnum(this.type),this.resolvedType instanceof o?this.typeDefault=null:this.typeDefault=this.resolvedType.values[Object.keys(this.resolvedType.values)[0]]),this.options&&null!=this.options.default&&(this.typeDefault=this.options.default,this.resolvedType instanceof s&&"string"==typeof this.typeDefault&&(this.typeDefault=this.resolvedType.values[this.typeDefault])),this.options&&(!0!==this.options.packed&&(void 0===this.options.packed||!this.resolvedType||this.resolvedType instanceof s)||delete this.options.packed,Object.keys(this.options).length||(this.options=void 0)),this.long)this.typeDefault=f.Long.fromNumber(this.typeDefault,"u"===this.type.charAt(0)),Object.freeze&&Object.freeze(this.typeDefault);else if(this.bytes&&"string"==typeof this.typeDefault){var e;f.base64.test(this.typeDefault)?f.base64.decode(this.typeDefault,e=f.newBuffer(f.base64.length(this.typeDefault)),0):f.utf8.write(this.typeDefault,e=f.newBuffer(f.utf8.length(this.typeDefault)),0),this.typeDefault=e}return this.map?this.defaultValue=f.emptyObject:this.repeated?this.defaultValue=f.emptyArray:this.defaultValue=this.typeDefault,this.parent instanceof o&&(this.parent.ctor.prototype[this.name]=this.defaultValue),n.prototype.resolve.call(this)},i.d=function(e,t,r,n){return"function"==typeof t?t=f.decorateType(t).name:t&&"object"==typeof t&&(t=f.decorateEnum(t).name),function(o,s){f.decorateType(o.constructor).add(new i(s,e,t,r,{default:n}))}},i._configure=function(e){o=e}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.BezierPath=function e(t,r,i){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this._d=t,this._transform=r,this._styles=i}},function(e,t,r){"use strict";function i(e,t){if(e&&e.length){for(var r={},i=0;i<e.length;++i)r[e[i].name]=e[i].toJSON(t);return r}}function n(e,t){s.call(this,e,t),this.nested=void 0,this._nestedArray=null}function o(e){return e._nestedArray=null,e}e.exports=n;var s=r(3);((n.prototype=Object.create(s.prototype)).constructor=n).className="Namespace";var a,f,l,u=r(4),h=r(0);n.fromJSON=function(e,t){return new n(e,t.options).addJSON(t.nested)},n.arrayToJSON=i,n.isReservedId=function(e,t){if(e)for(var r=0;r<e.length;++r)if("string"!=typeof e[r]&&e[r][0]<=t&&e[r][1]>t)return!0;return!1},n.isReservedName=function(e,t){if(e)for(var r=0;r<e.length;++r)if(e[r]===t)return!0;return!1},Object.defineProperty(n.prototype,"nestedArray",{get:function(){return this._nestedArray||(this._nestedArray=h.toArray(this.nested))}}),n.prototype.toJSON=function(e){return h.toObject(["options",this.options,"nested",i(this.nestedArray,e)])},n.prototype.addJSON=function(e){if(e)for(var t,r=Object.keys(e),i=0;i<r.length;++i)t=e[r[i]],this.add((void 0!==t.fields?a.fromJSON:void 0!==t.values?l.fromJSON:void 0!==t.methods?f.fromJSON:void 0!==t.id?u.fromJSON:n.fromJSON)(r[i],t));return this},n.prototype.get=function(e){return this.nested&&this.nested[e]||null},n.prototype.getEnum=function(e){if(this.nested&&this.nested[e]instanceof l)return this.nested[e].values;throw Error("no such enum: "+e)},n.prototype.add=function(e){if(!(e instanceof u&&void 0!==e.extend||e instanceof a||e instanceof l||e instanceof f||e instanceof n))throw TypeError("object must be a valid nested object");if(this.nested){var t=this.get(e.name);if(t){if(!(t instanceof n&&e instanceof n)||t instanceof a||t instanceof f)throw Error("duplicate name '"+e.name+"' in "+this);for(var r=t.nestedArray,i=0;i<r.length;++i)e.add(r[i]);this.remove(t),this.nested||(this.nested={}),e.setOptions(t.options,!0)}}else this.nested={};return this.nested[e.name]=e,e.onAdd(this),o(this)},n.prototype.remove=function(e){if(!(e instanceof s))throw TypeError("object must be a ReflectionObject");if(e.parent!==this)throw Error(e+" is not a member of "+this);return delete this.nested[e.name],Object.keys(this.nested).length||(this.nested=void 0),e.onRemove(this),o(this)},n.prototype.define=function(e,t){if(h.isString(e))e=e.split(".");else if(!Array.isArray(e))throw TypeError("illegal path");if(e&&e.length&&""===e[0])throw Error("path must be relative");for(var r=this;e.length>0;){var i=e.shift();if(r.nested&&r.nested[i]){if(!((r=r.nested[i])instanceof n))throw Error("path conflicts with non-namespace objects")}else r.add(r=new n(i))}return t&&r.addJSON(t),r},n.prototype.resolveAll=function(){for(var e=this.nestedArray,t=0;t<e.length;)e[t]instanceof n?e[t++].resolveAll():e[t++].resolve();return this.resolve()},n.prototype.lookup=function(e,t,r){if("boolean"==typeof t?(r=t,t=void 0):t&&!Array.isArray(t)&&(t=[t]),h.isString(e)&&e.length){if("."===e)return this.root;e=e.split(".")}else if(!e.length)return this;if(""===e[0])return this.root.lookup(e.slice(1),t);var i=this.get(e[0]);if(i){if(1===e.length){if(!t||t.indexOf(i.constructor)>-1)return i}else if(i instanceof n&&(i=i.lookup(e.slice(1),t,!0)))return i}else for(var o=0;o<this.nestedArray.length;++o)if(this._nestedArray[o]instanceof n&&(i=this._nestedArray[o].lookup(e,t,!0)))return i;return null===this.parent||r?null:this.parent.lookup(e,t)},n.prototype.lookupType=function(e){var t=this.lookup(e,[a]);if(!t)throw Error("no such type: "+e);return t},n.prototype.lookupEnum=function(e){var t=this.lookup(e,[l]);if(!t)throw Error("no such Enum '"+e+"' in "+this);return t},n.prototype.lookupTypeOrEnum=function(e){var t=this.lookup(e,[a,l]);if(!t)throw Error("no such Type or Enum '"+e+"' in "+this);return t},n.prototype.lookupService=function(e){var t=this.lookup(e,[f]);if(!t)throw Error("no such Service '"+e+"' in "+this);return t},n._configure=function(e,t,r){a=e,f=t,l=r}},function(e,t,r){"use strict";function i(e,t){var r=0,i={};for(t|=0;r<e.length;)i[s[r+t]]=e[r++];return i}var n=t,o=r(0),s=["double","float","int32","uint32","sint32","fixed32","sfixed32","int64","uint64","sint64","fixed64","sfixed64","bool","string","bytes"];n.basic=i([1,5,0,0,0,5,5,0,0,0,1,1,0,2,2]),n.defaults=i([0,0,0,0,0,0,0,0,0,0,0,0,!1,"",o.emptyArray,null]),n.long=i([0,0,0,1,1],7),n.mapKey=i([0,0,0,5,5,0,0,0,1,1,0,2],2),n.packed=i([1,5,0,0,0,5,5,0,0,0,1,1,0])},function(e,t,r){"use strict";function i(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var n="undefined"!=typeof Uint8Array&&"undefined"!=typeof Uint16Array&&"undefined"!=typeof Int32Array;t.assign=function(e){for(var t=Array.prototype.slice.call(arguments,1);t.length;){var r=t.shift();if(r){if("object"!=typeof r)throw new TypeError(r+"must be non-object");for(var n in r)i(r,n)&&(e[n]=r[n])}}return e},t.shrinkBuf=function(e,t){return e.length===t?e:e.subarray?e.subarray(0,t):(e.length=t,e)};var o={arraySet:function(e,t,r,i,n){if(t.subarray&&e.subarray)e.set(t.subarray(r,r+i),n);else for(var o=0;o<i;o++)e[n+o]=t[r+o]},flattenChunks:function(e){var t,r,i,n,o,s;for(i=0,t=0,r=e.length;t<r;t++)i+=e[t].length;for(s=new Uint8Array(i),n=0,t=0,r=e.length;t<r;t++)o=e[t],s.set(o,n),n+=o.length;return s}},s={arraySet:function(e,t,r,i,n){for(var o=0;o<i;o++)e[n+o]=t[r+o]},flattenChunks:function(e){return[].concat.apply([],e)}};t.setTyped=function(e){e?(t.Buf8=Uint8Array,t.Buf16=Uint16Array,t.Buf32=Int32Array,t.assign(t,o)):(t.Buf8=Array,t.Buf16=Array,t.Buf32=Array,t.assign(t,s))},t.setTyped(n)},function(e,t,r){"use strict";function i(e,t,r){this.fn=e,this.len=t,this.next=void 0,this.val=r}function n(){}function o(e){this.head=e.head,this.tail=e.tail,this.len=e.len,this.next=e.states}function s(){this.len=0,this.head=new i(n,0,0),this.tail=this.head,this.states=null}function a(e,t,r){t[r]=255&e}function f(e,t){this.len=e,this.next=void 0,this.val=t}function l(e,t,r){for(;e.hi;)t[r++]=127&e.lo|128,e.lo=(e.lo>>>7|e.hi<<25)>>>0,e.hi>>>=7;for(;e.lo>127;)t[r++]=127&e.lo|128,e.lo=e.lo>>>7;t[r++]=e.lo}function u(e,t,r){t[r]=255&e,t[r+1]=e>>>8&255,t[r+2]=e>>>16&255,t[r+3]=e>>>24}e.exports=s;var h,c=r(1),d=c.LongBits,p=c.base64,y=c.utf8,m=function(){return c.Buffer?function(){return(s.create=function(){return new h})()}:function(){return new s}};s.create=m(),s.alloc=function(e){return new c.Array(e)},c.Array!==Array&&(s.alloc=c.pool(s.alloc,c.Array.prototype.subarray)),s.prototype._push=function(e,t,r){return this.tail=this.tail.next=new i(e,t,r),this.len+=t,this},f.prototype=Object.create(i.prototype),f.prototype.fn=function(e,t,r){for(;e>127;)t[r++]=127&e|128,e>>>=7;t[r]=e},s.prototype.uint32=function(e){return this.len+=(this.tail=this.tail.next=new f((e>>>=0)<128?1:e<16384?2:e<2097152?3:e<268435456?4:5,e)).len,this},s.prototype.int32=function(e){return e<0?this._push(l,10,d.fromNumber(e)):this.uint32(e)},s.prototype.sint32=function(e){return this.uint32((e<<1^e>>31)>>>0)},s.prototype.uint64=function(e){var t=d.from(e);return this._push(l,t.length(),t)},s.prototype.int64=s.prototype.uint64,s.prototype.sint64=function(e){var t=d.from(e).zzEncode();return this._push(l,t.length(),t)},s.prototype.bool=function(e){return this._push(a,1,e?1:0)},s.prototype.fixed32=function(e){return this._push(u,4,e>>>0)},s.prototype.sfixed32=s.prototype.fixed32,s.prototype.fixed64=function(e){var t=d.from(e);return this._push(u,4,t.lo)._push(u,4,t.hi)},s.prototype.sfixed64=s.prototype.fixed64,s.prototype.float=function(e){return this._push(c.float.writeFloatLE,4,e)},s.prototype.double=function(e){return this._push(c.float.writeDoubleLE,8,e)};var v=c.Array.prototype.set?function(e,t,r){t.set(e,r)}:function(e,t,r){for(var i=0;i<e.length;++i)t[r+i]=e[i]};s.prototype.bytes=function(e){var t=e.length>>>0;if(!t)return this._push(a,1,0);if(c.isString(e)){var r=s.alloc(t=p.length(e));p.decode(e,r,0),e=r}return this.uint32(t)._push(v,t,e)},s.prototype.string=function(e){var t=y.length(e);return t?this.uint32(t)._push(y.write,t,e):this._push(a,1,0)},s.prototype.fork=function(){return this.states=new o(this),this.head=this.tail=new i(n,0,0),this.len=0,this},s.prototype.reset=function(){return this.states?(this.head=this.states.head,this.tail=this.states.tail,this.len=this.states.len,this.states=this.states.next):(this.head=this.tail=new i(n,0,0),this.len=0),this},s.prototype.ldelim=function(){var e=this.head,t=this.tail,r=this.len;return this.reset().uint32(r),r&&(this.tail.next=e.next,this.tail=t,this.len+=r),this},s.prototype.finish=function(){for(var e=this.head.next,t=this.constructor.alloc(this.len),r=0;e;)e.fn(e.val,t,r),r+=e.len,e=e.next;return t},s._configure=function(e){h=e,s.create=m(),h._configure()}},function(e,t,r){"use strict";function i(e,t){return RangeError("index out of range: "+e.pos+" + "+(t||1)+" > "+e.len)}function n(e){this.buf=e,this.pos=0,this.len=e.length}function o(){var e=new u(0,0),t=0;if(!(this.len-this.pos>4)){for(;t<3;++t){if(this.pos>=this.len)throw i(this);if(e.lo=(e.lo|(127&this.buf[this.pos])<<7*t)>>>0,this.buf[this.pos++]<128)return e}return e.lo=(e.lo|(127&this.buf[this.pos++])<<7*t)>>>0,e}for(;t<4;++t)if(e.lo=(e.lo|(127&this.buf[this.pos])<<7*t)>>>0,this.buf[this.pos++]<128)return e;if(e.lo=(e.lo|(127&this.buf[this.pos])<<28)>>>0,e.hi=(e.hi|(127&this.buf[this.pos])>>4)>>>0,this.buf[this.pos++]<128)return e;if(t=0,this.len-this.pos>4){for(;t<5;++t)if(e.hi=(e.hi|(127&this.buf[this.pos])<<7*t+3)>>>0,this.buf[this.pos++]<128)return e}else for(;t<5;++t){if(this.pos>=this.len)throw i(this);if(e.hi=(e.hi|(127&this.buf[this.pos])<<7*t+3)>>>0,this.buf[this.pos++]<128)return e}throw Error("invalid varint encoding")}function s(e,t){return(e[t-4]|e[t-3]<<8|e[t-2]<<16|e[t-1]<<24)>>>0}function a(){if(this.pos+8>this.len)throw i(this,8);return new u(s(this.buf,this.pos+=4),s(this.buf,this.pos+=4))}e.exports=n;var f,l=r(1),u=l.LongBits,h=l.utf8,c="undefined"!=typeof Uint8Array?function(e){if(e instanceof Uint8Array||Array.isArray(e))return new n(e);throw Error("illegal buffer")}:function(e){if(Array.isArray(e))return new n(e);throw Error("illegal buffer")},d=function(){return l.Buffer?function(e){return(n.create=function(e){return l.Buffer.isBuffer(e)?new f(e):c(e)})(e)}:c};n.create=d(),n.prototype._slice=l.Array.prototype.subarray||l.Array.prototype.slice,n.prototype.uint32=function(){var e=4294967295;return function(){if(e=(127&this.buf[this.pos])>>>0,this.buf[this.pos++]<128)return e;if(e=(e|(127&this.buf[this.pos])<<7)>>>0,this.buf[this.pos++]<128)return e;if(e=(e|(127&this.buf[this.pos])<<14)>>>0,this.buf[this.pos++]<128)return e;if(e=(e|(127&this.buf[this.pos])<<21)>>>0,this.buf[this.pos++]<128)return e;if(e=(e|(15&this.buf[this.pos])<<28)>>>0,this.buf[this.pos++]<128)return e;if((this.pos+=5)>this.len)throw this.pos=this.len,i(this,10);return e}}(),n.prototype.int32=function(){return 0|this.uint32()},n.prototype.sint32=function(){var e=this.uint32();return e>>>1^-(1&e)|0},n.prototype.bool=function(){return 0!==this.uint32()},n.prototype.fixed32=function(){if(this.pos+4>this.len)throw i(this,4);return s(this.buf,this.pos+=4)},n.prototype.sfixed32=function(){if(this.pos+4>this.len)throw i(this,4);return 0|s(this.buf,this.pos+=4)},n.prototype.float=function(){if(this.pos+4>this.len)throw i(this,4);var e=l.float.readFloatLE(this.buf,this.pos);return this.pos+=4,e},n.prototype.double=function(){if(this.pos+8>this.len)throw i(this,4);var e=l.float.readDoubleLE(this.buf,this.pos);return this.pos+=8,e},n.prototype.bytes=function(){var e=this.uint32(),t=this.pos,r=this.pos+e;if(r>this.len)throw i(this,e);return this.pos+=e,Array.isArray(this.buf)?this.buf.slice(t,r):t===r?new this.buf.constructor(0):this._slice.call(this.buf,t,r)},n.prototype.string=function(){var e=this.bytes();return h.read(e,0,e.length)},n.prototype.skip=function(e){if("number"==typeof e){if(this.pos+e>this.len)throw i(this,e);this.pos+=e}else do{if(this.pos>=this.len)throw i(this)}while(128&this.buf[this.pos++]);return this},n.prototype.skipType=function(e){switch(e){case 0:this.skip();break;case 1:this.skip(8);break;case 2:this.skip(this.uint32());break;case 3:for(;4!=(e=7&this.uint32());)this.skipType(e);break;case 5:this.skip(4);break;default:throw Error("invalid wire type "+e+" at offset "+this.pos)}return this},n._configure=function(e){f=e,n.create=d(),f._configure();var t=l.Long?"toLong":"toNumber";l.merge(n.prototype,{int64:function(){return o.call(this)[t](!1)},uint64:function(){return o.call(this)[t](!0)},sint64:function(){return o.call(this).zzDecode()[t](!1)},fixed64:function(){return a.call(this)[t](!0)},sfixed64:function(){return a.call(this)[t](!1)}})}},function(e,t,r){"use strict";function i(e,t,r,i){if(Array.isArray(t)||(r=t,t=void 0),o.call(this,e,r),void 0!==t&&!Array.isArray(t))throw TypeError("fieldNames must be an Array");this.oneof=t||[],this.fieldsArray=[],this.comment=i}function n(e){if(e.parent)for(var t=0;t<e.fieldsArray.length;++t)e.fieldsArray[t].parent||e.parent.add(e.fieldsArray[t])}e.exports=i;var o=r(3);((i.prototype=Object.create(o.prototype)).constructor=i).className="OneOf";var s=r(4),a=r(0);i.fromJSON=function(e,t){return new i(e,t.oneof,t.options,t.comment)},i.prototype.toJSON=function(e){var t=!!e&&Boolean(e.keepComments);return a.toObject(["options",this.options,"oneof",this.oneof,"comment",t?this.comment:void 0])},i.prototype.add=function(e){if(!(e instanceof s))throw TypeError("field must be a Field");return e.parent&&e.parent!==this.parent&&e.parent.remove(e),this.oneof.push(e.name),this.fieldsArray.push(e),e.partOf=this,n(this),this},i.prototype.remove=function(e){if(!(e instanceof s))throw TypeError("field must be a Field");var t=this.fieldsArray.indexOf(e);if(t<0)throw Error(e+" is not a member of "+this);return this.fieldsArray.splice(t,1),(t=this.oneof.indexOf(e.name))>-1&&this.oneof.splice(t,1),e.partOf=null,this},i.prototype.onAdd=function(e){o.prototype.onAdd.call(this,e);for(var t=0;t<this.oneof.length;++t){var r=e.get(this.oneof[t]);r&&!r.partOf&&(r.partOf=this,this.fieldsArray.push(r))}n(this)},i.prototype.onRemove=function(e){for(var t,r=0;r<this.fieldsArray.length;++r)(t=this.fieldsArray[r]).parent&&t.parent.remove(t);o.prototype.onRemove.call(this,e)},i.d=function(){for(var e=new Array(arguments.length),t=0;t<arguments.length;)e[t]=arguments[t++];return function(t,r){a.decorateType(t.constructor).add(new i(r,e)),Object.defineProperty(t,r,{get:a.oneOfGetter(e),set:a.oneOfSetter(e)})}}},function(e,t,r){"use strict";function i(e){if(e)for(var t=Object.keys(e),r=0;r<t.length;++r)this[t[r]]=e[t[r]]}e.exports=i;var n=r(1);i.create=function(e){return this.$type.create(e)},i.encode=function(e,t){return this.$type.encode(e,t)},i.encodeDelimited=function(e,t){return this.$type.encodeDelimited(e,t)},i.decode=function(e){return this.$type.decode(e)},i.decodeDelimited=function(e){return this.$type.decodeDelimited(e)},i.verify=function(e){return this.$type.verify(e)},i.fromObject=function(e){return this.$type.fromObject(e)},i.toObject=function(e,t){return this.$type.toObject(e,t)},i.prototype.toJSON=function(){return this.$type.toObject(this,n.toJSONOptions)}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Parser=void 0;var i=function(){function e(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,r,i){return r&&e(t.prototype,r),i&&e(t,i),t}}(),n=r(31),o=function(e){return e&&e.__esModule?e:{default:e}}(r(50));t.Parser=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)}return i(e,[{key:"load",value:function(e,t,r){this.loadViaWorker(e,t,r)}},{key:"loadViaWorker",value:function(e,t,r){(0,o.default)(e,(function(e){var r=e.movie;r.version=e.ver;var i=e.images,o=new n.VideoEntity(r,i);t(o)}),r)}}]),e}()},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.RectPath=void 0;var i=r(5);t.RectPath=function(e){function t(e,r,i,n,o,s,a){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var f=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return f._x=e,f._y=r,f._width=i,f._height=n,f._cornerRadius=o,f._transform=s,f._styles=a,f}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),t}(i.BezierPath)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.EllipsePath=void 0;var i=r(5);t.EllipsePath=function(e){function t(e,r,i,n,o,s){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var a=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return a._x=e,a._y=r,a._radiusX=i,a._radiusY=n,a._transform=o,a._styles=s,a}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),t}(i.BezierPath)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=r(34),n=JSON.parse('{"nested":{"com":{"nested":{"opensource":{"nested":{"svga":{"options":{"objc_class_prefix":"SVGAProto","java_package":"com.opensource.svgaplayer.proto"},"nested":{"MovieParams":{"fields":{"viewBoxWidth":{"type":"float","id":1},"viewBoxHeight":{"type":"float","id":2},"fps":{"type":"int32","id":3},"frames":{"type":"int32","id":4}}},"SpriteEntity":{"fields":{"imageKey":{"type":"string","id":1},"frames":{"rule":"repeated","type":"FrameEntity","id":2},"matteKey":{"type":"string","id":3}}},"AudioEntity":{"fields":{"audioKey":{"type":"string","id":1},"startFrame":{"type":"int32","id":2},"endFrame":{"type":"int32","id":3},"startTime":{"type":"int32","id":4},"totalTime":{"type":"int32","id":5}}},"Layout":{"fields":{"x":{"type":"float","id":1},"y":{"type":"float","id":2},"width":{"type":"float","id":3},"height":{"type":"float","id":4}}},"Transform":{"fields":{"a":{"type":"float","id":1},"b":{"type":"float","id":2},"c":{"type":"float","id":3},"d":{"type":"float","id":4},"tx":{"type":"float","id":5},"ty":{"type":"float","id":6}}},"ShapeEntity":{"oneofs":{"args":{"oneof":["shape","rect","ellipse"]}},"fields":{"type":{"type":"ShapeType","id":1},"shape":{"type":"ShapeArgs","id":2},"rect":{"type":"RectArgs","id":3},"ellipse":{"type":"EllipseArgs","id":4},"styles":{"type":"ShapeStyle","id":10},"transform":{"type":"Transform","id":11}},"nested":{"ShapeType":{"values":{"SHAPE":0,"RECT":1,"ELLIPSE":2,"KEEP":3}},"ShapeArgs":{"fields":{"d":{"type":"string","id":1}}},"RectArgs":{"fields":{"x":{"type":"float","id":1},"y":{"type":"float","id":2},"width":{"type":"float","id":3},"height":{"type":"float","id":4},"cornerRadius":{"type":"float","id":5}}},"EllipseArgs":{"fields":{"x":{"type":"float","id":1},"y":{"type":"float","id":2},"radiusX":{"type":"float","id":3},"radiusY":{"type":"float","id":4}}},"ShapeStyle":{"fields":{"fill":{"type":"RGBAColor","id":1},"stroke":{"type":"RGBAColor","id":2},"strokeWidth":{"type":"float","id":3},"lineCap":{"type":"LineCap","id":4},"lineJoin":{"type":"LineJoin","id":5},"miterLimit":{"type":"float","id":6},"lineDashI":{"type":"float","id":7},"lineDashII":{"type":"float","id":8},"lineDashIII":{"type":"float","id":9}},"nested":{"RGBAColor":{"fields":{"r":{"type":"float","id":1},"g":{"type":"float","id":2},"b":{"type":"float","id":3},"a":{"type":"float","id":4}}},"LineCap":{"values":{"LineCap_BUTT":0,"LineCap_ROUND":1,"LineCap_SQUARE":2}},"LineJoin":{"values":{"LineJoin_MITER":0,"LineJoin_ROUND":1,"LineJoin_BEVEL":2}}}}}},"FrameEntity":{"fields":{"alpha":{"type":"float","id":1},"layout":{"type":"Layout","id":2},"transform":{"type":"Transform","id":3},"clipPath":{"type":"string","id":4},"shapes":{"rule":"repeated","type":"ShapeEntity","id":5}}},"MovieEntity":{"fields":{"version":{"type":"string","id":1},"params":{"type":"MovieParams","id":2},"images":{"keyType":"string","type":"bytes","id":3},"sprites":{"rule":"repeated","type":"SpriteEntity","id":4},"audios":{"rule":"repeated","type":"AudioEntity","id":5}}}}}}}}}}}'),o=t.proto=i.Root.fromJSON(n);t.ProtoMovieEntity=o.lookupType("com.opensource.svga.MovieEntity")},function(e,t,r){"use strict";e.exports=function(e,t){for(var r=new Array(arguments.length-1),i=0,n=2,o=!0;n<arguments.length;)r[i++]=arguments[n++];return new Promise((function(n,s){r[i]=function(e){if(o)if(o=!1,e)s(e);else{for(var t=new Array(arguments.length-1),r=0;r<t.length;)t[r++]=arguments[r];n.apply(null,t)}};try{e.apply(t||null,r)}catch(e){o&&(o=!1,s(e))}}))}},function(module,exports,__webpack_require__){"use strict";function inquire(moduleName){try{var mod=eval("quire".replace(/^/,"re"))(moduleName);if(mod&&(mod.length||Object.keys(mod).length))return mod}catch(e){}return null}module.exports=inquire},function(e,t,r){"use strict";t.Service=r(46)},function(e,t,r){"use strict";e.exports={}},function(e,t,r){"use strict";function i(e,t,r,i){return t.resolvedType.group?e("types[%i].encode(%s,w.uint32(%i)).uint32(%i)",r,i,(t.id<<3|3)>>>0,(t.id<<3|4)>>>0):e("types[%i].encode(%s,w.uint32(%i).fork()).ldelim()",r,i,(t.id<<3|2)>>>0)}e.exports=function(e){for(var t,r=s.codegen(["m","w"],e.name+"$encode")("if(!w)")("w=Writer.create()"),a=e.fieldsArray.slice().sort(s.compareFieldsById),f=0;f<a.length;++f){var l=a[f].resolve(),u=e._fieldsArray.indexOf(l),h=l.resolvedType instanceof n?"int32":l.type,c=o.basic[h];t="m"+s.safeProp(l.name),l.map?(r("if(%s!=null&&Object.hasOwnProperty.call(m,%j)){",t,l.name)("for(var ks=Object.keys(%s),i=0;i<ks.length;++i){",t)("w.uint32(%i).fork().uint32(%i).%s(ks[i])",(l.id<<3|2)>>>0,8|o.mapKey[l.keyType],l.keyType),void 0===c?r("types[%i].encode(%s[ks[i]],w.uint32(18).fork()).ldelim().ldelim()",u,t):r(".uint32(%i).%s(%s[ks[i]]).ldelim()",16|c,h,t),r("}")("}")):l.repeated?(r("if(%s!=null&&%s.length){",t,t),l.packed&&void 0!==o.packed[h]?r("w.uint32(%i).fork()",(l.id<<3|2)>>>0)("for(var i=0;i<%s.length;++i)",t)("w.%s(%s[i])",h,t)("w.ldelim()"):(r("for(var i=0;i<%s.length;++i)",t),void 0===c?i(r,l,u,t+"[i]"):r("w.uint32(%i).%s(%s[i])",(l.id<<3|c)>>>0,h,t)),r("}")):(l.optional&&r("if(%s!=null&&Object.hasOwnProperty.call(m,%j))",t,l.name),void 0===c?i(r,l,u,t):r("w.uint32(%i).%s(%s)",(l.id<<3|c)>>>0,h,t))}return r("return w")};var n=r(2),o=r(7),s=r(0)},function(e,t,r){"use strict";function i(e,t){o.call(this,e,t),this.fields={},this.oneofs=void 0,this.extensions=void 0,this.reserved=void 0,this.group=void 0,this._fieldsById=null,this._fieldsArray=null,this._oneofsArray=null,this._ctor=null}function n(e){return e._fieldsById=e._fieldsArray=e._oneofsArray=null,delete e.encode,delete e.decode,delete e.verify,e}e.exports=i;var o=r(6);((i.prototype=Object.create(o.prototype)).constructor=i).className="Type";var s=r(2),a=r(11),f=r(4),l=r(23),u=r(24),h=r(12),c=r(10),d=r(9),p=r(0),y=r(21),m=r(26),v=r(27),g=r(28),b=r(29);Object.defineProperties(i.prototype,{fieldsById:{get:function(){if(this._fieldsById)return this._fieldsById;this._fieldsById={};for(var e=Object.keys(this.fields),t=0;t<e.length;++t){var r=this.fields[e[t]],i=r.id;if(this._fieldsById[i])throw Error("duplicate id "+i+" in "+this);this._fieldsById[i]=r}return this._fieldsById}},fieldsArray:{get:function(){return this._fieldsArray||(this._fieldsArray=p.toArray(this.fields))}},oneofsArray:{get:function(){return this._oneofsArray||(this._oneofsArray=p.toArray(this.oneofs))}},ctor:{get:function(){return this._ctor||(this.ctor=i.generateConstructor(this)())},set:function(e){var t=e.prototype;t instanceof h||((e.prototype=new h).constructor=e,p.merge(e.prototype,t)),e.$type=e.prototype.$type=this,p.merge(e,h,!0),this._ctor=e;for(var r=0;r<this.fieldsArray.length;++r)this._fieldsArray[r].resolve();var i={};for(r=0;r<this.oneofsArray.length;++r)i[this._oneofsArray[r].resolve().name]={get:p.oneOfGetter(this._oneofsArray[r].oneof),set:p.oneOfSetter(this._oneofsArray[r].oneof)};r&&Object.defineProperties(e.prototype,i)}}}),i.generateConstructor=function(e){for(var t,r=p.codegen(["p"],e.name),i=0;i<e.fieldsArray.length;++i)(t=e._fieldsArray[i]).map?r("this%s={}",p.safeProp(t.name)):t.repeated&&r("this%s=[]",p.safeProp(t.name));return r("if(p)for(var ks=Object.keys(p),i=0;i<ks.length;++i)if(p[ks[i]]!=null)")("this[ks[i]]=p[ks[i]]")},i.fromJSON=function(e,t){var r=new i(e,t.options);r.extensions=t.extensions,r.reserved=t.reserved;for(var n=Object.keys(t.fields),h=0;h<n.length;++h)r.add((void 0!==t.fields[n[h]].keyType?l.fromJSON:f.fromJSON)(n[h],t.fields[n[h]]));if(t.oneofs)for(n=Object.keys(t.oneofs),h=0;h<n.length;++h)r.add(a.fromJSON(n[h],t.oneofs[n[h]]));if(t.nested)for(n=Object.keys(t.nested),h=0;h<n.length;++h){var c=t.nested[n[h]];r.add((void 0!==c.id?f.fromJSON:void 0!==c.fields?i.fromJSON:void 0!==c.values?s.fromJSON:void 0!==c.methods?u.fromJSON:o.fromJSON)(n[h],c))}return t.extensions&&t.extensions.length&&(r.extensions=t.extensions),t.reserved&&t.reserved.length&&(r.reserved=t.reserved),t.group&&(r.group=!0),t.comment&&(r.comment=t.comment),r},i.prototype.toJSON=function(e){var t=o.prototype.toJSON.call(this,e),r=!!e&&Boolean(e.keepComments);return p.toObject(["options",t&&t.options||void 0,"oneofs",o.arrayToJSON(this.oneofsArray,e),"fields",o.arrayToJSON(this.fieldsArray.filter((function(e){return!e.declaringField})),e)||{},"extensions",this.extensions&&this.extensions.length?this.extensions:void 0,"reserved",this.reserved&&this.reserved.length?this.reserved:void 0,"group",this.group||void 0,"nested",t&&t.nested||void 0,"comment",r?this.comment:void 0])},i.prototype.resolveAll=function(){for(var e=this.fieldsArray,t=0;t<e.length;)e[t++].resolve();var r=this.oneofsArray;for(t=0;t<r.length;)r[t++].resolve();return o.prototype.resolveAll.call(this)},i.prototype.get=function(e){return this.fields[e]||this.oneofs&&this.oneofs[e]||this.nested&&this.nested[e]||null},i.prototype.add=function(e){if(this.get(e.name))throw Error("duplicate name '"+e.name+"' in "+this);if(e instanceof f&&void 0===e.extend){if(this._fieldsById?this._fieldsById[e.id]:this.fieldsById[e.id])throw Error("duplicate id "+e.id+" in "+this);if(this.isReservedId(e.id))throw Error("id "+e.id+" is reserved in "+this);if(this.isReservedName(e.name))throw Error("name '"+e.name+"' is reserved in "+this);return e.parent&&e.parent.remove(e),this.fields[e.name]=e,e.message=this,e.onAdd(this),n(this)}return e instanceof a?(this.oneofs||(this.oneofs={}),this.oneofs[e.name]=e,e.onAdd(this),n(this)):o.prototype.add.call(this,e)},i.prototype.remove=function(e){if(e instanceof f&&void 0===e.extend){if(!this.fields||this.fields[e.name]!==e)throw Error(e+" is not a member of "+this);return delete this.fields[e.name],e.parent=null,e.onRemove(this),n(this)}if(e instanceof a){if(!this.oneofs||this.oneofs[e.name]!==e)throw Error(e+" is not a member of "+this);return delete this.oneofs[e.name],e.parent=null,e.onRemove(this),n(this)}return o.prototype.remove.call(this,e)},i.prototype.isReservedId=function(e){return o.isReservedId(this.reserved,e)},i.prototype.isReservedName=function(e){return o.isReservedName(this.reserved,e)},i.prototype.create=function(e){return new this.ctor(e)},i.prototype.setup=function(){for(var e=this.fullName,t=[],r=0;r<this.fieldsArray.length;++r)t.push(this._fieldsArray[r].resolve().resolvedType);this.encode=y(this)({Writer:d,types:t,util:p}),this.decode=m(this)({Reader:c,types:t,util:p}),this.verify=v(this)({types:t,util:p}),this.fromObject=g.fromObject(this)({types:t,util:p}),this.toObject=g.toObject(this)({types:t,util:p});var i=b[e];if(i){var n=Object.create(this);n.fromObject=this.fromObject,this.fromObject=i.fromObject.bind(n),n.toObject=this.toObject,this.toObject=i.toObject.bind(n)}return this},i.prototype.encode=function(e,t){return this.setup().encode(e,t)},i.prototype.encodeDelimited=function(e,t){return this.encode(e,t&&t.len?t.fork():t).ldelim()},i.prototype.decode=function(e,t){return this.setup().decode(e,t)},i.prototype.decodeDelimited=function(e){return e instanceof c||(e=c.create(e)),this.decode(e,e.uint32())},i.prototype.verify=function(e){return this.setup().verify(e)},i.prototype.fromObject=function(e){return this.setup().fromObject(e)},i.prototype.toObject=function(e,t){return this.setup().toObject(e,t)},i.d=function(e){return function(t){p.decorateType(t,e)}}},function(e,t,r){"use strict";function i(e,t,r,i,o,a){if(n.call(this,e,t,i,void 0,void 0,o,a),!s.isString(r))throw TypeError("keyType must be a string");this.keyType=r,this.resolvedKeyType=null,this.map=!0}e.exports=i;var n=r(4);((i.prototype=Object.create(n.prototype)).constructor=i).className="MapField";var o=r(7),s=r(0);i.fromJSON=function(e,t){return new i(e,t.id,t.keyType,t.type,t.options,t.comment)},i.prototype.toJSON=function(e){var t=!!e&&Boolean(e.keepComments);return s.toObject(["keyType",this.keyType,"type",this.type,"id",this.id,"extend",this.extend,"options",this.options,"comment",t?this.comment:void 0])},i.prototype.resolve=function(){if(this.resolved)return this;if(void 0===o.mapKey[this.keyType])throw Error("invalid key type: "+this.keyType);return n.prototype.resolve.call(this)},i.d=function(e,t,r){return"function"==typeof r?r=s.decorateType(r).name:r&&"object"==typeof r&&(r=s.decorateEnum(r).name),function(n,o){s.decorateType(n.constructor).add(new i(o,e,t,r))}}},function(e,t,r){"use strict";function i(e,t){o.call(this,e,t),this.methods={},this._methodsArray=null}function n(e){return e._methodsArray=null,e}e.exports=i;var o=r(6);((i.prototype=Object.create(o.prototype)).constructor=i).className="Service";var s=r(25),a=r(0),f=r(19);i.fromJSON=function(e,t){var r=new i(e,t.options);if(t.methods)for(var n=Object.keys(t.methods),o=0;o<n.length;++o)r.add(s.fromJSON(n[o],t.methods[n[o]]));return t.nested&&r.addJSON(t.nested),r.comment=t.comment,r},i.prototype.toJSON=function(e){var t=o.prototype.toJSON.call(this,e),r=!!e&&Boolean(e.keepComments);return a.toObject(["options",t&&t.options||void 0,"methods",o.arrayToJSON(this.methodsArray,e)||{},"nested",t&&t.nested||void 0,"comment",r?this.comment:void 0])},Object.defineProperty(i.prototype,"methodsArray",{get:function(){return this._methodsArray||(this._methodsArray=a.toArray(this.methods))}}),i.prototype.get=function(e){return this.methods[e]||o.prototype.get.call(this,e)},i.prototype.resolveAll=function(){for(var e=this.methodsArray,t=0;t<e.length;++t)e[t].resolve();return o.prototype.resolve.call(this)},i.prototype.add=function(e){if(this.get(e.name))throw Error("duplicate name '"+e.name+"' in "+this);return e instanceof s?(this.methods[e.name]=e,e.parent=this,n(this)):o.prototype.add.call(this,e)},i.prototype.remove=function(e){if(e instanceof s){if(this.methods[e.name]!==e)throw Error(e+" is not a member of "+this);return delete this.methods[e.name],e.parent=null,n(this)}return o.prototype.remove.call(this,e)},i.prototype.create=function(e,t,r){for(var i,n=new f.Service(e,t,r),o=0;o<this.methodsArray.length;++o){var s=a.lcFirst((i=this._methodsArray[o]).resolve().name).replace(/[^$\w_]/g,"");n[s]=a.codegen(["r","c"],a.isReserved(s)?s+"_":s)("return this.rpcCall(m,q,s,r,c)")({m:i,q:i.resolvedRequestType.ctor,s:i.resolvedResponseType.ctor})}return n}},function(e,t,r){"use strict";function i(e,t,r,i,s,a,f,l,u){if(o.isObject(s)?(f=s,s=a=void 0):o.isObject(a)&&(f=a,a=void 0),void 0!==t&&!o.isString(t))throw TypeError("type must be a string");if(!o.isString(r))throw TypeError("requestType must be a string");if(!o.isString(i))throw TypeError("responseType must be a string");n.call(this,e,f),this.type=t||"rpc",this.requestType=r,this.requestStream=!!s||void 0,this.responseType=i,this.responseStream=!!a||void 0,this.resolvedRequestType=null,this.resolvedResponseType=null,this.comment=l,this.parsedOptions=u}e.exports=i;var n=r(3);((i.prototype=Object.create(n.prototype)).constructor=i).className="Method";var o=r(0);i.fromJSON=function(e,t){return new i(e,t.type,t.requestType,t.responseType,t.requestStream,t.responseStream,t.options,t.comment,t.parsedOptions)},i.prototype.toJSON=function(e){var t=!!e&&Boolean(e.keepComments);return o.toObject(["type","rpc"!==this.type&&this.type||void 0,"requestType",this.requestType,"requestStream",this.requestStream,"responseType",this.responseType,"responseStream",this.responseStream,"options",this.options,"comment",t?this.comment:void 0,"parsedOptions",this.parsedOptions])},i.prototype.resolve=function(){return this.resolved?this:(this.resolvedRequestType=this.parent.lookupType(this.requestType),this.resolvedResponseType=this.parent.lookupType(this.responseType),n.prototype.resolve.call(this))}},function(e,t,r){"use strict";function i(e){return"missing required '"+e.name+"'"}e.exports=function(e){var t=s.codegen(["r","l"],e.name+"$decode")("if(!(r instanceof Reader))")("r=Reader.create(r)")("var c=l===undefined?r.len:r.pos+l,m=new this.ctor"+(e.fieldsArray.filter((function(e){return e.map})).length?",k,value":""))("while(r.pos<c){")("var t=r.uint32()");e.group&&t("if((t&7)===4)")("break"),t("switch(t>>>3){");for(var r=0;r<e.fieldsArray.length;++r){var a=e._fieldsArray[r].resolve(),f=a.resolvedType instanceof n?"int32":a.type,l="m"+s.safeProp(a.name);t("case %i:",a.id),a.map?(t("if(%s===util.emptyObject)",l)("%s={}",l)("var c2 = r.uint32()+r.pos"),void 0!==o.defaults[a.keyType]?t("k=%j",o.defaults[a.keyType]):t("k=null"),void 0!==o.defaults[f]?t("value=%j",o.defaults[f]):t("value=null"),t("while(r.pos<c2){")("var tag2=r.uint32()")("switch(tag2>>>3){")("case 1: k=r.%s(); break",a.keyType)("case 2:"),void 0===o.basic[f]?t("value=types[%i].decode(r,r.uint32())",r):t("value=r.%s()",f),t("break")("default:")("r.skipType(tag2&7)")("break")("}")("}"),void 0!==o.long[a.keyType]?t('%s[typeof k==="object"?util.longToHash(k):k]=value',l):t("%s[k]=value",l)):a.repeated?(t("if(!(%s&&%s.length))",l,l)("%s=[]",l),void 0!==o.packed[f]&&t("if((t&7)===2){")("var c2=r.uint32()+r.pos")("while(r.pos<c2)")("%s.push(r.%s())",l,f)("}else"),void 0===o.basic[f]?t(a.resolvedType.group?"%s.push(types[%i].decode(r))":"%s.push(types[%i].decode(r,r.uint32()))",l,r):t("%s.push(r.%s())",l,f)):void 0===o.basic[f]?t(a.resolvedType.group?"%s=types[%i].decode(r)":"%s=types[%i].decode(r,r.uint32())",l,r):t("%s=r.%s()",l,f),t("break")}for(t("default:")("r.skipType(t&7)")("break")("}")("}"),r=0;r<e._fieldsArray.length;++r){var u=e._fieldsArray[r];u.required&&t("if(!m.hasOwnProperty(%j))",u.name)("throw util.ProtocolError(%j,{instance:m})",i(u))}return t("return m")};var n=r(2),o=r(7),s=r(0)},function(e,t,r){"use strict";function i(e,t){return e.name+": "+t+(e.repeated&&"array"!==t?"[]":e.map&&"object"!==t?"{k:"+e.keyType+"}":"")+" expected"}function n(e,t,r,n){if(t.resolvedType)if(t.resolvedType instanceof s){e("switch(%s){",n)("default:")("return%j",i(t,"enum value"));for(var o=Object.keys(t.resolvedType.values),a=0;a<o.length;++a)e("case %i:",t.resolvedType.values[o[a]]);e("break")("}")}else e("{")("var e=types[%i].verify(%s);",r,n)("if(e)")("return%j+e",t.name+".")("}");else switch(t.type){case"int32":case"uint32":case"sint32":case"fixed32":case"sfixed32":e("if(!util.isInteger(%s))",n)("return%j",i(t,"integer"));break;case"int64":case"uint64":case"sint64":case"fixed64":case"sfixed64":e("if(!util.isInteger(%s)&&!(%s&&util.isInteger(%s.low)&&util.isInteger(%s.high)))",n,n,n,n)("return%j",i(t,"integer|Long"));break;case"float":case"double":e('if(typeof %s!=="number")',n)("return%j",i(t,"number"));break;case"bool":e('if(typeof %s!=="boolean")',n)("return%j",i(t,"boolean"));break;case"string":e("if(!util.isString(%s))",n)("return%j",i(t,"string"));break;case"bytes":e('if(!(%s&&typeof %s.length==="number"||util.isString(%s)))',n,n,n)("return%j",i(t,"buffer"))}return e}function o(e,t,r){switch(t.keyType){case"int32":case"uint32":case"sint32":case"fixed32":case"sfixed32":e("if(!util.key32Re.test(%s))",r)("return%j",i(t,"integer key"));break;case"int64":case"uint64":case"sint64":case"fixed64":case"sfixed64":e("if(!util.key64Re.test(%s))",r)("return%j",i(t,"integer|Long key"));break;case"bool":e("if(!util.key2Re.test(%s))",r)("return%j",i(t,"boolean key"))}return e}e.exports=function(e){var t=a.codegen(["m"],e.name+"$verify")('if(typeof m!=="object"||m===null)')("return%j","object expected"),r={};e.oneofsArray.length&&t("var p={}");for(var s=0;s<e.fieldsArray.length;++s){var f=e._fieldsArray[s].resolve(),l="m"+a.safeProp(f.name);if(f.optional&&t("if(%s!=null&&m.hasOwnProperty(%j)){",l,f.name),f.map)t("if(!util.isObject(%s))",l)("return%j",i(f,"object"))("var k=Object.keys(%s)",l)("for(var i=0;i<k.length;++i){"),o(t,f,"k[i]"),n(t,f,s,l+"[k[i]]")("}");else if(f.repeated)t("if(!Array.isArray(%s))",l)("return%j",i(f,"array"))("for(var i=0;i<%s.length;++i){",l),n(t,f,s,l+"[i]")("}");else{if(f.partOf){var u=a.safeProp(f.partOf.name);1===r[f.partOf.name]&&t("if(p%s===1)",u)("return%j",f.partOf.name+": multiple values"),r[f.partOf.name]=1,t("p%s=1",u)}n(t,f,s,l)}f.optional&&t("}")}return t("return null")};var s=r(2),a=r(0)},function(e,t,r){"use strict";function i(e,t,r,i){if(t.resolvedType)if(t.resolvedType instanceof s){e("switch(d%s){",i);for(var n=t.resolvedType.values,o=Object.keys(n),a=0;a<o.length;++a)t.repeated&&n[o[a]]===t.typeDefault&&e("default:"),e("case%j:",o[a])("case %i:",n[o[a]])("m%s=%j",i,n[o[a]])("break");e("}")}else e('if(typeof d%s!=="object")',i)("throw TypeError(%j)",t.fullName+": object expected")("m%s=types[%i].fromObject(d%s)",i,r,i);else{var f=!1;switch(t.type){case"double":case"float":e("m%s=Number(d%s)",i,i);break;case"uint32":case"fixed32":e("m%s=d%s>>>0",i,i);break;case"int32":case"sint32":case"sfixed32":e("m%s=d%s|0",i,i);break;case"uint64":f=!0;case"int64":case"sint64":case"fixed64":case"sfixed64":e("if(util.Long)")("(m%s=util.Long.fromValue(d%s)).unsigned=%j",i,i,f)('else if(typeof d%s==="string")',i)("m%s=parseInt(d%s,10)",i,i)('else if(typeof d%s==="number")',i)("m%s=d%s",i,i)('else if(typeof d%s==="object")',i)("m%s=new util.LongBits(d%s.low>>>0,d%s.high>>>0).toNumber(%s)",i,i,i,f?"true":"");break;case"bytes":e('if(typeof d%s==="string")',i)("util.base64.decode(d%s,m%s=util.newBuffer(util.base64.length(d%s)),0)",i,i,i)("else if(d%s.length)",i)("m%s=d%s",i,i);break;case"string":e("m%s=String(d%s)",i,i);break;case"bool":e("m%s=Boolean(d%s)",i,i)}}return e}function n(e,t,r,i){if(t.resolvedType)t.resolvedType instanceof s?e("d%s=o.enums===String?types[%i].values[m%s]:m%s",i,r,i,i):e("d%s=types[%i].toObject(m%s,o)",i,r,i);else{var n=!1;switch(t.type){case"double":case"float":e("d%s=o.json&&!isFinite(m%s)?String(m%s):m%s",i,i,i,i);break;case"uint64":n=!0;case"int64":case"sint64":case"fixed64":case"sfixed64":e('if(typeof m%s==="number")',i)("d%s=o.longs===String?String(m%s):m%s",i,i,i)("else")("d%s=o.longs===String?util.Long.prototype.toString.call(m%s):o.longs===Number?new util.LongBits(m%s.low>>>0,m%s.high>>>0).toNumber(%s):m%s",i,i,i,i,n?"true":"",i);break;case"bytes":e("d%s=o.bytes===String?util.base64.encode(m%s,0,m%s.length):o.bytes===Array?Array.prototype.slice.call(m%s):m%s",i,i,i,i,i);break;default:e("d%s=m%s",i,i)}}return e}var o=t,s=r(2),a=r(0);o.fromObject=function(e){var t=e.fieldsArray,r=a.codegen(["d"],e.name+"$fromObject")("if(d instanceof this.ctor)")("return d");if(!t.length)return r("return new this.ctor");r("var m=new this.ctor");for(var n=0;n<t.length;++n){var o=t[n].resolve(),f=a.safeProp(o.name);o.map?(r("if(d%s){",f)('if(typeof d%s!=="object")',f)("throw TypeError(%j)",o.fullName+": object expected")("m%s={}",f)("for(var ks=Object.keys(d%s),i=0;i<ks.length;++i){",f),i(r,o,n,f+"[ks[i]]")("}")("}")):o.repeated?(r("if(d%s){",f)("if(!Array.isArray(d%s))",f)("throw TypeError(%j)",o.fullName+": array expected")("m%s=[]",f)("for(var i=0;i<d%s.length;++i){",f),i(r,o,n,f+"[i]")("}")("}")):(o.resolvedType instanceof s||r("if(d%s!=null){",f),i(r,o,n,f),o.resolvedType instanceof s||r("}"))}return r("return m")},o.toObject=function(e){var t=e.fieldsArray.slice().sort(a.compareFieldsById);if(!t.length)return a.codegen()("return {}");for(var r=a.codegen(["m","o"],e.name+"$toObject")("if(!o)")("o={}")("var d={}"),i=[],o=[],f=[],l=0;l<t.length;++l)t[l].partOf||(t[l].resolve().repeated?i:t[l].map?o:f).push(t[l]);if(i.length){for(r("if(o.arrays||o.defaults){"),l=0;l<i.length;++l)r("d%s=[]",a.safeProp(i[l].name));r("}")}if(o.length){for(r("if(o.objects||o.defaults){"),l=0;l<o.length;++l)r("d%s={}",a.safeProp(o[l].name));r("}")}if(f.length){for(r("if(o.defaults){"),l=0;l<f.length;++l){var u=f[l],h=a.safeProp(u.name);if(u.resolvedType instanceof s)r("d%s=o.enums===String?%j:%j",h,u.resolvedType.valuesById[u.typeDefault],u.typeDefault);else if(u.long)r("if(util.Long){")("var n=new util.Long(%i,%i,%j)",u.typeDefault.low,u.typeDefault.high,u.typeDefault.unsigned)("d%s=o.longs===String?n.toString():o.longs===Number?n.toNumber():n",h)("}else")("d%s=o.longs===String?%j:%i",h,u.typeDefault.toString(),u.typeDefault.toNumber());else if(u.bytes){var c="["+Array.prototype.slice.call(u.typeDefault).join(",")+"]";r("if(o.bytes===String)d%s=%j",h,String.fromCharCode.apply(String,u.typeDefault))("else{")("d%s=%s",h,c)("if(o.bytes!==Array)d%s=util.newBuffer(d%s)",h,h)("}")}else r("d%s=%j",h,u.typeDefault)}r("}")}var d=!1;for(l=0;l<t.length;++l){u=t[l];var p=e._fieldsArray.indexOf(u);h=a.safeProp(u.name);u.map?(d||(d=!0,r("var ks2")),r("if(m%s&&(ks2=Object.keys(m%s)).length){",h,h)("d%s={}",h)("for(var j=0;j<ks2.length;++j){"),n(r,u,p,h+"[ks2[j]]")("}")):u.repeated?(r("if(m%s&&m%s.length){",h,h)("d%s=[]",h)("for(var j=0;j<m%s.length;++j){",h),n(r,u,p,h+"[j]")("}")):(r("if(m%s!=null&&m.hasOwnProperty(%j)){",h,u.name),n(r,u,p,h),u.partOf&&r("if(o.oneofs)")("d%s=%j",a.safeProp(u.partOf.name),u.name)),r("}")}return r("return d")}},function(e,t,r){"use strict";var i=t,n=r(12);i[".google.protobuf.Any"]={fromObject:function(e){if(e&&e["@type"]){var t=e["@type"].substring(e["@type"].lastIndexOf("/")+1),r=this.lookup(t);if(r){var i="."===e["@type"].charAt(0)?e["@type"].substr(1):e["@type"];return-1===i.indexOf("/")&&(i="/"+i),this.create({type_url:i,value:r.encode(r.fromObject(e)).finish()})}}return this.fromObject(e)},toObject:function(e,t){var r="",i="";if(t&&t.json&&e.type_url&&e.value){i=e.type_url.substring(e.type_url.lastIndexOf("/")+1),r=e.type_url.substring(0,e.type_url.lastIndexOf("/")+1);var o=this.lookup(i);o&&(e=o.decode(e.value))}if(!(e instanceof this.ctor)&&e instanceof n){var s=e.$type.toObject(e,t);return""===r&&(r="type.googleapis.com/"),i=r+("."===e.$type.fullName[0]?e.$type.fullName.substr(1):e.$type.fullName),s["@type"]=i,s}return this.toObject(e,t)}}},function(e,t,r){"use strict";function i(e){s.call(this,"",e),this.deferred=[],this.files=[]}function n(){}function o(e,t){var r=t.parent.lookup(t.extend);if(r){var i=new u(t.fullName,t.id,t.type,t.rule,void 0,t.options);return i.declaringField=t,t.extensionField=i,r.add(i),!0}return!1}e.exports=i;var s=r(6);((i.prototype=Object.create(s.prototype)).constructor=i).className="Root";var a,f,l,u=r(4),h=r(2),c=r(11),d=r(0);i.fromJSON=function(e,t){return t||(t=new i),e.options&&t.setOptions(e.options),t.addJSON(e.nested)},i.prototype.resolvePath=d.path.resolve,i.prototype.fetch=d.fetch,i.prototype.load=function e(t,r,i){function o(e,t){if(i){var r=i;if(i=null,c)throw e;r(e,t)}}function s(e){var t=e.lastIndexOf("google/protobuf/");if(t>-1){var r=e.substring(t);if(r in l)return r}return null}function a(e,t){try{if(d.isString(t)&&"{"===t.charAt(0)&&(t=JSON.parse(t)),d.isString(t)){f.filename=e;var i,n=f(t,h,r),a=0;if(n.imports)for(;a<n.imports.length;++a)(i=s(n.imports[a])||h.resolvePath(e,n.imports[a]))&&u(i);if(n.weakImports)for(a=0;a<n.weakImports.length;++a)(i=s(n.weakImports[a])||h.resolvePath(e,n.weakImports[a]))&&u(i,!0)}else h.setOptions(t.options).addJSON(t.nested)}catch(e){o(e)}c||p||o(null,h)}function u(e,t){if(!(h.files.indexOf(e)>-1)){if(h.files.push(e),e in l)return void(c?a(e,l[e]):(++p,setTimeout((function(){--p,a(e,l[e])}))));if(c){var r;try{r=d.fs.readFileSync(e).toString("utf8")}catch(e){return void(t||o(e))}a(e,r)}else++p,h.fetch(e,(function(r,n){if(--p,i)return r?void(t?p||o(null,h):o(r)):void a(e,n)}))}}"function"==typeof r&&(i=r,r=void 0);var h=this;if(!i)return d.asPromise(e,h,t,r);var c=i===n,p=0;d.isString(t)&&(t=[t]);for(var y,m=0;m<t.length;++m)(y=h.resolvePath("",t[m]))&&u(y);if(c)return h;p||o(null,h)},i.prototype.loadSync=function(e,t){if(!d.isNode)throw Error("not supported");return this.load(e,t,n)},i.prototype.resolveAll=function(){if(this.deferred.length)throw Error("unresolvable extensions: "+this.deferred.map((function(e){return"'extend "+e.extend+"' in "+e.parent.fullName})).join(", "));return s.prototype.resolveAll.call(this)};var p=/^[A-Z]/;i.prototype._handleAdd=function(e){if(e instanceof u)void 0===e.extend||e.extensionField||o(0,e)||this.deferred.push(e);else if(e instanceof h)p.test(e.name)&&(e.parent[e.name]=e.values);else if(!(e instanceof c)){if(e instanceof a)for(var t=0;t<this.deferred.length;)o(0,this.deferred[t])?this.deferred.splice(t,1):++t;for(var r=0;r<e.nestedArray.length;++r)this._handleAdd(e._nestedArray[r]);p.test(e.name)&&(e.parent[e.name]=e)}},i.prototype._handleRemove=function(e){if(e instanceof u){if(void 0!==e.extend)if(e.extensionField)e.extensionField.parent.remove(e.extensionField),e.extensionField=null;else{var t=this.deferred.indexOf(e);t>-1&&this.deferred.splice(t,1)}}else if(e instanceof h)p.test(e.name)&&delete e.parent[e.name];else if(e instanceof s){for(var r=0;r<e.nestedArray.length;++r)this._handleRemove(e._nestedArray[r]);p.test(e.name)&&delete e.parent[e.name]}},i._configure=function(e,t,r){a=e,f=t,l=r}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.VideoEntity=void 0;var i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n=function(){function e(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,r,i){return r&&e(t.prototype,r),i&&e(t,i),t}}(),o=r(32),s=r(16).ProtoMovieEntity;t.VideoEntity=function(){function e(t,r){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.version="",this.videoSize={width:0,height:0},this.FPS=20,this.frames=0,this.images={},this.sprites=[],this.audios=[],"object"===(void 0===t?"undefined":i(t))&&t.$type==s?("object"===i(t.params)&&(this.version=t.ver,this.videoSize.width=t.params.viewBoxWidth||0,this.videoSize.height=t.params.viewBoxHeight||0,this.FPS=t.params.fps||20,this.frames=t.params.frames||0),this.resetSprites(t),this.audios=t.audios):t&&(t.movie&&(t.movie.viewBox&&(this.videoSize.width=parseFloat(t.movie.viewBox.width)||0,this.videoSize.height=parseFloat(t.movie.viewBox.height)||0),this.version=t.ver,this.FPS=parseInt(t.movie.fps)||20,this.frames=parseInt(t.movie.frames)||0),this.resetSprites(t)),r&&(this.images=r)}return n(e,[{key:"resetSprites",value:function(e){e.sprites instanceof Array&&(this.sprites=e.sprites.map((function(e){return new o.SpriteEntity(e)})))}}]),e}()},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SpriteEntity=void 0;var i=r(33);r(5),r(14),r(15),t.SpriteEntity=function e(t){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.matteKey=null,this.imageKey=null,this.frames=[],this.matteKey=t.matteKey,this.imageKey=t.imageKey,t.frames&&(this.frames=t.frames.map((function(e){return new i.FrameEntity(e)})))}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FrameEntity=void 0;var i=r(5);t.FrameEntity=function e(t){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.alpha=0,this.transform={a:1,b:0,c:0,d:1,tx:0,ty:0},this.layout={x:0,y:0,width:0,height:0},this.nx=0,this.ny=0,this.maskPath=null,this.shapes=[],this.alpha=parseFloat(t.alpha)||0,t.layout&&(this.layout.x=parseFloat(t.layout.x)||0,this.layout.y=parseFloat(t.layout.y)||0,this.layout.width=parseFloat(t.layout.width)||0,this.layout.height=parseFloat(t.layout.height)||0),t.transform&&(this.transform.a=parseFloat(t.transform.a)||1,this.transform.b=parseFloat(t.transform.b)||0,this.transform.c=parseFloat(t.transform.c)||0,this.transform.d=parseFloat(t.transform.d)||1,this.transform.tx=parseFloat(t.transform.tx)||0,this.transform.ty=parseFloat(t.transform.ty)||0),t.clipPath&&t.clipPath.length>0&&(this.maskPath=new i.BezierPath(t.clipPath,void 0,{fill:"#000000"})),t.shapes&&(t.shapes instanceof Array&&t.shapes.forEach((function(e){switch(e.pathArgs=e.args,e.type){case 0:e.type="shape",e.pathArgs=e.shape;break;case 1:e.type="rect",e.pathArgs=e.rect;break;case 2:e.type="ellipse",e.pathArgs=e.ellipse;break;case 3:e.type="keep"}if(e.styles){e.styles.fill&&("number"==typeof e.styles.fill.r&&(e.styles.fill[0]=e.styles.fill.r),"number"==typeof e.styles.fill.g&&(e.styles.fill[1]=e.styles.fill.g),"number"==typeof e.styles.fill.b&&(e.styles.fill[2]=e.styles.fill.b),"number"==typeof e.styles.fill.a&&(e.styles.fill[3]=e.styles.fill.a)),e.styles.stroke&&("number"==typeof e.styles.stroke.r&&(e.styles.stroke[0]=e.styles.stroke.r),"number"==typeof e.styles.stroke.g&&(e.styles.stroke[1]=e.styles.stroke.g),"number"==typeof e.styles.stroke.b&&(e.styles.stroke[2]=e.styles.stroke.b),"number"==typeof e.styles.stroke.a&&(e.styles.stroke[3]=e.styles.stroke.a));var t=e.styles.lineDash||[];switch(e.styles.lineDashI>0&&t.push(e.styles.lineDashI),e.styles.lineDashII>0&&(t.length<1&&t.push(0),t.push(e.styles.lineDashII),t.push(0)),e.styles.lineDashIII>0&&(t.length<2&&(t.push(0),t.push(0)),t[2]=e.styles.lineDashIII),e.styles.lineDash=t,e.styles.lineJoin){case 0:e.styles.lineJoin="miter";break;case 1:e.styles.lineJoin="round";break;case 2:e.styles.lineJoin="bevel"}switch(e.styles.lineCap){case 0:e.styles.lineCap="butt";break;case 1:e.styles.lineCap="round";break;case 2:e.styles.lineCap="square"}}})),t.shapes[0]&&"keep"===t.shapes[0].type?this.shapes=e.lastShapes:(this.shapes=t.shapes,e.lastShapes=t.shapes));var r=this.transform.a*this.layout.x+this.transform.c*this.layout.y+this.transform.tx,n=this.transform.a*(this.layout.x+this.layout.width)+this.transform.c*this.layout.y+this.transform.tx,o=this.transform.a*this.layout.x+this.transform.c*(this.layout.y+this.layout.height)+this.transform.tx,s=this.transform.a*(this.layout.x+this.layout.width)+this.transform.c*(this.layout.y+this.layout.height)+this.transform.tx,a=this.transform.b*this.layout.x+this.transform.d*this.layout.y+this.transform.ty,f=this.transform.b*(this.layout.x+this.layout.width)+this.transform.d*this.layout.y+this.transform.ty,l=this.transform.b*this.layout.x+this.transform.d*(this.layout.y+this.layout.height)+this.transform.ty,u=this.transform.b*(this.layout.x+this.layout.width)+this.transform.d*(this.layout.y+this.layout.height)+this.transform.ty;this.nx=Math.min(Math.min(o,s),Math.min(r,n)),this.ny=Math.min(Math.min(l,u),Math.min(a,f))}},function(e,t,r){"use strict";e.exports=r(35)},function(e,t,r){"use strict";var i=e.exports=r(36);i.build="light",i.load=function(e,t,r){return"function"==typeof t?(r=t,t=new i.Root):t||(t=new i.Root),t.load(e,r)},i.loadSync=function(e,t){return t||(t=new i.Root),t.loadSync(e)},i.encoder=r(21),i.decoder=r(26),i.verifier=r(27),i.converter=r(28),i.ReflectionObject=r(3),i.Namespace=r(6),i.Root=r(30),i.Enum=r(2),i.Type=r(22),i.Field=r(4),i.OneOf=r(11),i.MapField=r(23),i.Service=r(24),i.Method=r(25),i.Message=r(12),i.wrappers=r(29),i.types=r(7),i.util=r(0),i.ReflectionObject._configure(i.Root),i.Namespace._configure(i.Type,i.Service,i.Enum),i.Root._configure(i.Type),i.Field._configure(i.Type)},function(e,t,r){"use strict";function i(){n.util._configure(),n.Writer._configure(n.BufferWriter),n.Reader._configure(n.BufferReader)}var n=t;n.build="minimal",n.Writer=r(9),n.BufferWriter=r(44),n.Reader=r(10),n.BufferReader=r(45),n.util=r(1),n.rpc=r(19),n.roots=r(20),n.configure=i,i()},function(e,t){var r;r=function(){return this}();try{r=r||new Function("return this")()}catch(e){"object"==typeof window&&(r=window)}e.exports=r},function(e,t,r){"use strict";var i=t;i.length=function(e){var t=e.length;if(!t)return 0;for(var r=0;--t%4>1&&"="===e.charAt(t);)++r;return Math.ceil(3*e.length)/4-r};for(var n=new Array(64),o=new Array(123),s=0;s<64;)o[n[s]=s<26?s+65:s<52?s+71:s<62?s-4:s-59|43]=s++;i.encode=function(e,t,r){for(var i,o=null,s=[],a=0,f=0;t<r;){var l=e[t++];switch(f){case 0:s[a++]=n[l>>2],i=(3&l)<<4,f=1;break;case 1:s[a++]=n[i|l>>4],i=(15&l)<<2,f=2;break;case 2:s[a++]=n[i|l>>6],s[a++]=n[63&l],f=0}a>8191&&((o||(o=[])).push(String.fromCharCode.apply(String,s)),a=0)}return f&&(s[a++]=n[i],s[a++]=61,1===f&&(s[a++]=61)),o?(a&&o.push(String.fromCharCode.apply(String,s.slice(0,a))),o.join("")):String.fromCharCode.apply(String,s.slice(0,a))},i.decode=function(e,t,r){for(var i,n=r,s=0,a=0;a<e.length;){var f=e.charCodeAt(a++);if(61===f&&s>1)break;if(void 0===(f=o[f]))throw Error("invalid encoding");switch(s){case 0:i=f,s=1;break;case 1:t[r++]=i<<2|(48&f)>>4,i=f,s=2;break;case 2:t[r++]=(15&i)<<4|(60&f)>>2,i=f,s=3;break;case 3:t[r++]=(3&i)<<6|f,s=0}}if(1===s)throw Error("invalid encoding");return r-n},i.test=function(e){return/^(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=)?$/.test(e)}},function(e,t,r){"use strict";function i(){this._listeners={}}e.exports=i,i.prototype.on=function(e,t,r){return(this._listeners[e]||(this._listeners[e]=[])).push({fn:t,ctx:r||this}),this},i.prototype.off=function(e,t){if(void 0===e)this._listeners={};else if(void 0===t)this._listeners[e]=[];else for(var r=this._listeners[e],i=0;i<r.length;)r[i].fn===t?r.splice(i,1):++i;return this},i.prototype.emit=function(e){var t=this._listeners[e];if(t){for(var r=[],i=1;i<arguments.length;)r.push(arguments[i++]);for(i=0;i<t.length;)t[i].fn.apply(t[i++].ctx,r)}return this}},function(e,t,r){"use strict";function i(e){return"undefined"!=typeof Float32Array?function(){function t(e,t,r){o[0]=e,t[r]=s[0],t[r+1]=s[1],t[r+2]=s[2],t[r+3]=s[3]}function r(e,t,r){o[0]=e,t[r]=s[3],t[r+1]=s[2],t[r+2]=s[1],t[r+3]=s[0]}function i(e,t){return s[0]=e[t],s[1]=e[t+1],s[2]=e[t+2],s[3]=e[t+3],o[0]}function n(e,t){return s[3]=e[t],s[2]=e[t+1],s[1]=e[t+2],s[0]=e[t+3],o[0]}var o=new Float32Array([-0]),s=new Uint8Array(o.buffer),a=128===s[3];e.writeFloatLE=a?t:r,e.writeFloatBE=a?r:t,e.readFloatLE=a?i:n,e.readFloatBE=a?n:i}():function(){function t(e,t,r,i){var n=t<0?1:0;if(n&&(t=-t),0===t)e(1/t>0?0:2147483648,r,i);else if(isNaN(t))e(2143289344,r,i);else if(t>34028234663852886e22)e((n<<31|2139095040)>>>0,r,i);else if(t<11754943508222875e-54)e((n<<31|Math.round(t/1401298464324817e-60))>>>0,r,i);else{var o=Math.floor(Math.log(t)/Math.LN2);e((n<<31|o+127<<23|8388607&Math.round(t*Math.pow(2,-o)*8388608))>>>0,r,i)}}function r(e,t,r){var i=e(t,r),n=2*(i>>31)+1,o=i>>>23&255,s=8388607&i;return 255===o?s?NaN:n*(1/0):0===o?1401298464324817e-60*n*s:n*Math.pow(2,o-150)*(s+8388608)}e.writeFloatLE=t.bind(null,n),e.writeFloatBE=t.bind(null,o),e.readFloatLE=r.bind(null,s),e.readFloatBE=r.bind(null,a)}(),"undefined"!=typeof Float64Array?function(){function t(e,t,r){o[0]=e,t[r]=s[0],t[r+1]=s[1],t[r+2]=s[2],t[r+3]=s[3],t[r+4]=s[4],t[r+5]=s[5],t[r+6]=s[6],t[r+7]=s[7]}function r(e,t,r){o[0]=e,t[r]=s[7],t[r+1]=s[6],t[r+2]=s[5],t[r+3]=s[4],t[r+4]=s[3],t[r+5]=s[2],t[r+6]=s[1],t[r+7]=s[0]}function i(e,t){return s[0]=e[t],s[1]=e[t+1],s[2]=e[t+2],s[3]=e[t+3],s[4]=e[t+4],s[5]=e[t+5],s[6]=e[t+6],s[7]=e[t+7],o[0]}function n(e,t){return s[7]=e[t],s[6]=e[t+1],s[5]=e[t+2],s[4]=e[t+3],s[3]=e[t+4],s[2]=e[t+5],s[1]=e[t+6],s[0]=e[t+7],o[0]}var o=new Float64Array([-0]),s=new Uint8Array(o.buffer),a=128===s[7];e.writeDoubleLE=a?t:r,e.writeDoubleBE=a?r:t,e.readDoubleLE=a?i:n,e.readDoubleBE=a?n:i}():function(){function t(e,t,r,i,n,o){var s=i<0?1:0;if(s&&(i=-i),0===i)e(0,n,o+t),e(1/i>0?0:2147483648,n,o+r);else if(isNaN(i))e(0,n,o+t),e(2146959360,n,o+r);else if(i>17976931348623157e292)e(0,n,o+t),e((s<<31|2146435072)>>>0,n,o+r);else{var a;if(i<22250738585072014e-324)e((a=i/5e-324)>>>0,n,o+t),e((s<<31|a/4294967296)>>>0,n,o+r);else{var f=Math.floor(Math.log(i)/Math.LN2);1024===f&&(f=1023),e(4503599627370496*(a=i*Math.pow(2,-f))>>>0,n,o+t),e((s<<31|f+1023<<20|1048576*a&1048575)>>>0,n,o+r)}}}function r(e,t,r,i,n){var o=e(i,n+t),s=e(i,n+r),a=2*(s>>31)+1,f=s>>>20&2047,l=4294967296*(1048575&s)+o;return 2047===f?l?NaN:a*(1/0):0===f?5e-324*a*l:a*Math.pow(2,f-1075)*(l+4503599627370496)}e.writeDoubleLE=t.bind(null,n,0,4),e.writeDoubleBE=t.bind(null,o,4,0),e.readDoubleLE=r.bind(null,s,0,4),e.readDoubleBE=r.bind(null,a,4,0)}(),e}function n(e,t,r){t[r]=255&e,t[r+1]=e>>>8&255,t[r+2]=e>>>16&255,t[r+3]=e>>>24}function o(e,t,r){t[r]=e>>>24,t[r+1]=e>>>16&255,t[r+2]=e>>>8&255,t[r+3]=255&e}function s(e,t){return(e[t]|e[t+1]<<8|e[t+2]<<16|e[t+3]<<24)>>>0}function a(e,t){return(e[t]<<24|e[t+1]<<16|e[t+2]<<8|e[t+3])>>>0}e.exports=i(i)},function(e,t,r){"use strict";var i=t;i.length=function(e){for(var t=0,r=0,i=0;i<e.length;++i)(r=e.charCodeAt(i))<128?t+=1:r<2048?t+=2:55296==(64512&r)&&56320==(64512&e.charCodeAt(i+1))?(++i,t+=4):t+=3;return t},i.read=function(e,t,r){if(r-t<1)return"";for(var i,n=null,o=[],s=0;t<r;)(i=e[t++])<128?o[s++]=i:i>191&&i<224?o[s++]=(31&i)<<6|63&e[t++]:i>239&&i<365?(i=((7&i)<<18|(63&e[t++])<<12|(63&e[t++])<<6|63&e[t++])-65536,o[s++]=55296+(i>>10),o[s++]=56320+(1023&i)):o[s++]=(15&i)<<12|(63&e[t++])<<6|63&e[t++],s>8191&&((n||(n=[])).push(String.fromCharCode.apply(String,o)),s=0);return n?(s&&n.push(String.fromCharCode.apply(String,o.slice(0,s))),n.join("")):String.fromCharCode.apply(String,o.slice(0,s))},i.write=function(e,t,r){for(var i,n,o=r,s=0;s<e.length;++s)(i=e.charCodeAt(s))<128?t[r++]=i:i<2048?(t[r++]=i>>6|192,t[r++]=63&i|128):55296==(64512&i)&&56320==(64512&(n=e.charCodeAt(s+1)))?(i=65536+((1023&i)<<10)+(1023&n),++s,t[r++]=i>>18|240,t[r++]=i>>12&63|128,t[r++]=i>>6&63|128,t[r++]=63&i|128):(t[r++]=i>>12|224,t[r++]=i>>6&63|128,t[r++]=63&i|128);return r-o}},function(e,t,r){"use strict";e.exports=function(e,t,r){var i=r||8192,n=i>>>1,o=null,s=i;return function(r){if(r<1||r>n)return e(r);s+r>i&&(o=e(i),s=0);var a=t.call(o,s,s+=r);return 7&s&&(s=1+(7|s)),a}}},function(e,t,r){"use strict";function i(e,t){this.lo=e>>>0,this.hi=t>>>0}e.exports=i;var n=r(1),o=i.zero=new i(0,0);o.toNumber=function(){return 0},o.zzEncode=o.zzDecode=function(){return this},o.length=function(){return 1};var s=i.zeroHash="\0\0\0\0\0\0\0\0";i.fromNumber=function(e){if(0===e)return o;var t=e<0;t&&(e=-e);var r=e>>>0,n=(e-r)/4294967296>>>0;return t&&(n=~n>>>0,r=~r>>>0,++r>4294967295&&(r=0,++n>4294967295&&(n=0))),new i(r,n)},i.from=function(e){if("number"==typeof e)return i.fromNumber(e);if(n.isString(e)){if(!n.Long)return i.fromNumber(parseInt(e,10));e=n.Long.fromString(e)}return e.low||e.high?new i(e.low>>>0,e.high>>>0):o},i.prototype.toNumber=function(e){if(!e&&this.hi>>>31){var t=1+~this.lo>>>0,r=~this.hi>>>0;return t||(r=r+1>>>0),-(t+4294967296*r)}return this.lo+4294967296*this.hi},i.prototype.toLong=function(e){return n.Long?new n.Long(0|this.lo,0|this.hi,Boolean(e)):{low:0|this.lo,high:0|this.hi,unsigned:Boolean(e)}};var a=String.prototype.charCodeAt;i.fromHash=function(e){return e===s?o:new i((a.call(e,0)|a.call(e,1)<<8|a.call(e,2)<<16|a.call(e,3)<<24)>>>0,(a.call(e,4)|a.call(e,5)<<8|a.call(e,6)<<16|a.call(e,7)<<24)>>>0)},i.prototype.toHash=function(){return String.fromCharCode(255&this.lo,this.lo>>>8&255,this.lo>>>16&255,this.lo>>>24,255&this.hi,this.hi>>>8&255,this.hi>>>16&255,this.hi>>>24)},i.prototype.zzEncode=function(){var e=this.hi>>31;return this.hi=((this.hi<<1|this.lo>>>31)^e)>>>0,this.lo=(this.lo<<1^e)>>>0,this},i.prototype.zzDecode=function(){var e=-(1&this.lo);return this.lo=((this.lo>>>1|this.hi<<31)^e)>>>0,this.hi=(this.hi>>>1^e)>>>0,this},i.prototype.length=function(){var e=this.lo,t=(this.lo>>>28|this.hi<<4)>>>0,r=this.hi>>>24;return 0===r?0===t?e<16384?e<128?1:2:e<2097152?3:4:t<16384?t<128?5:6:t<2097152?7:8:r<128?9:10}},function(e,t,r){"use strict";function i(){o.call(this)}function n(e,t,r){e.length<40?s.utf8.write(e,t,r):t.utf8Write?t.utf8Write(e,r):t.write(e,r)}e.exports=i;var o=r(9);(i.prototype=Object.create(o.prototype)).constructor=i;var s=r(1);i._configure=function(){i.alloc=s._Buffer_allocUnsafe,i.writeBytesBuffer=s.Buffer&&s.Buffer.prototype instanceof Uint8Array&&"set"===s.Buffer.prototype.set.name?function(e,t,r){t.set(e,r)}:function(e,t,r){if(e.copy)e.copy(t,r,0,e.length);else for(var i=0;i<e.length;)t[r++]=e[i++]}},i.prototype.bytes=function(e){s.isString(e)&&(e=s._Buffer_from(e,"base64"));var t=e.length>>>0;return this.uint32(t),t&&this._push(i.writeBytesBuffer,t,e),this},i.prototype.string=function(e){var t=s.Buffer.byteLength(e);return this.uint32(t),t&&this._push(n,t,e),this},i._configure()},function(e,t,r){"use strict";function i(e){n.call(this,e)}e.exports=i;var n=r(10);(i.prototype=Object.create(n.prototype)).constructor=i;var o=r(1);i._configure=function(){o.Buffer&&(i.prototype._slice=o.Buffer.prototype.slice)},i.prototype.string=function(){var e=this.uint32();return this.buf.utf8Slice?this.buf.utf8Slice(this.pos,this.pos=Math.min(this.pos+e,this.len)):this.buf.toString("utf-8",this.pos,this.pos=Math.min(this.pos+e,this.len))},i._configure()},function(e,t,r){"use strict";function i(e,t,r){if("function"!=typeof e)throw TypeError("rpcImpl must be a function");n.EventEmitter.call(this),this.rpcImpl=e,this.requestDelimited=Boolean(t),this.responseDelimited=Boolean(r)}e.exports=i;var n=r(1);(i.prototype=Object.create(n.EventEmitter.prototype)).constructor=i,i.prototype.rpcCall=function e(t,r,i,o,s){if(!o)throw TypeError("request must be specified");var a=this;if(!s)return n.asPromise(e,a,t,r,i,o);if(a.rpcImpl)try{return a.rpcImpl(t,r[a.requestDelimited?"encodeDelimited":"encode"](o).finish(),(function(e,r){if(e)return a.emit("error",e,t),s(e);if(null!==r){if(!(r instanceof i))try{r=i[a.responseDelimited?"decodeDelimited":"decode"](r)}catch(e){return a.emit("error",e,t),s(e)}return a.emit("data",r,t),s(null,r)}a.end(!0)}))}catch(e){return a.emit("error",e,t),void setTimeout((function(){s(e)}),0)}else setTimeout((function(){s(Error("already ended"))}),0)},i.prototype.end=function(e){return this.rpcImpl&&(e||this.rpcImpl(null,null,null),this.rpcImpl=null,this.emit("end").off()),this}},function(e,t,r){"use strict";function i(e,t){function r(e){if("string"!=typeof e){var t=n();if(i.verbose&&console.log("codegen: "+t),t="return "+t,e){for(var s=Object.keys(e),a=new Array(s.length+1),f=new Array(s.length),l=0;l<s.length;)a[l]=s[l],f[l]=e[s[l++]];return a[l]=t,Function.apply(null,a).apply(null,f)}return Function(t)()}for(var u=new Array(arguments.length-1),h=0;h<u.length;)u[h]=arguments[++h];if(h=0,e=e.replace(/%([%dfijs])/g,(function(e,t){var r=u[h++];switch(t){case"d":case"f":return String(Number(r));case"i":return String(Math.floor(r));case"j":return JSON.stringify(r);case"s":return String(r)}return"%"})),h!==u.length)throw Error("parameter count mismatch");return o.push(e),r}function n(r){return"function "+(r||t||"")+"("+(e&&e.join(",")||"")+"){\n  "+o.join("\n  ")+"\n}"}"string"==typeof e&&(t=e,e=void 0);var o=[];return r.toString=n,r}e.exports=i,i.verbose=!1},function(e,t,r){"use strict";function i(e,t,r){return"function"==typeof t?(r=t,t={}):t||(t={}),r?!t.xhr&&o&&o.readFile?o.readFile(e,(function(n,o){return n&&"undefined"!=typeof XMLHttpRequest?i.xhr(e,t,r):n?r(n):r(null,t.binary?o:o.toString("utf8"))})):i.xhr(e,t,r):n(i,this,e,t)}e.exports=i;var n=r(17),o=r(18)("fs");i.xhr=function(e,t,r){var i=new XMLHttpRequest;i.onreadystatechange=function(){if(4===i.readyState){if(0!==i.status&&200!==i.status)return r(Error("status "+i.status));if(t.binary){var e=i.response;if(!e){e=[];for(var n=0;n<i.responseText.length;++n)e.push(255&i.responseText.charCodeAt(n))}return r(null,"undefined"!=typeof Uint8Array?new Uint8Array(e):e)}return r(null,i.responseText)}},t.binary&&("overrideMimeType"in i&&i.overrideMimeType("text/plain; charset=x-user-defined"),i.responseType="arraybuffer"),i.open("GET",e),i.send()}},function(e,t,r){"use strict";var i=t,n=i.isAbsolute=function(e){return/^(?:\/|\w+:)/.test(e)},o=i.normalize=function(e){var t=(e=e.replace(/\\/g,"/").replace(/\/{2,}/g,"/")).split("/"),r=n(e),i="";r&&(i=t.shift()+"/");for(var o=0;o<t.length;)".."===t[o]?o>0&&".."!==t[o-1]?t.splice(--o,2):r?t.splice(o,1):++o:"."===t[o]?t.splice(o,1):++o;return i+t.join("/")};i.resolve=function(e,t,r){return r||(t=o(t)),n(t)?t:(r||(e=o(e)),(e=e.replace(/(?:\/|^)[^/]+$/,"")).length?o(e+"/"+t):t)}},function(e,t,r){"use strict";var i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n=r(16).ProtoMovieEntity,o=r(8).assign,s=r(51),a={};o(a,s);var f=function(e){for(var t=[],r=0;r<e.length;r+=32768)t.push(String.fromCharCode.apply(null,e.subarray(r,r+32768)));return t.join("")},l={loadAssets:function(e,t,r){if("object"===("undefined"==typeof JSZipUtils?"undefined":i(JSZipUtils))&&"function"==typeof JSZip)if("[object File]"==e.toString())l._readBlobAsArrayBuffer(e,(function(e){var i=new Uint8Array(e,0,4);80==i[0]&&75==i[1]&&3==i[2]&&4==i[3]?JSZip.loadAsync(e).then((function(e){l._decodeAssets(e,t)})):l.load_viaProto(e,t,r)}));else if(e.indexOf("data:svga/1.0;base64,")>=0){var n=l._base64ToArrayBuffer(e.substring(21));JSZip.loadAsync(n).then((function(e){l._decodeAssets(e,t)}))}else if(e.indexOf("data:svga/2.0;base64,")>=0){n=l._base64ToArrayBuffer(e.substring(21));l.load_viaProto(n,t,r)}else JSZipUtils.getBinaryContent(e,(function(e,i){if(e)throw r&&r(e),console.error(e),e;var n=new Uint8Array(i,0,4);80==n[0]&&75==n[1]&&3==n[2]&&4==n[3]?JSZip.loadAsync(i).then((function(e){l._decodeAssets(e,t)})):l.load_viaProto(i,t,r)}));else{var o=new XMLHttpRequest;o.open("GET",e,!0),o.responseType="arraybuffer",o.onload=function(){l.load_viaProto(o.response,t,r)},o.onerror=function(e){if(!r)throw console.error(e),e;r(e)},o.send()}},load_viaProto:function(e,t,r){try{var i=a.inflate(e),o=n.decode(i),s={};l._loadImages(s,void 0,o,(function(){o.ver="2.0",t({movie:o,images:s})}))}catch(e){if(r)return void r(e);throw console.error(e),e}},_decodeAssets:function(e,t){var r="1.0";e.file("movie.binary")&&(r="1.5"),e.file("movie.spec").async("string").then((function(i){var n=JSON.parse(i),o={};n.ver=r,l._loadImages(o,e,n,(function(){t({movie:n,images:o})}))}))},_loadImages:function(e,t,r,o){var s=this;if("object"===(void 0===r?"undefined":i(r))&&r.$type==n){var a=!0;if(t)e:for(var u in r.images){switch(function(i){if(r.images.hasOwnProperty(i)){var n=r.images[i],u=f(n);return e.hasOwnProperty(i)?"continue":(a=!1,t.file(u+".png").async("base64").then(function(n){e[i]=n,l._loadImages(e,t,r,o)}.bind(s)),"break")}}(u)){case"continue":continue;case"break":break e}}else for(var h in r.images)if(r.images.hasOwnProperty(h)){var c=r.images[h],d=void 0;try{d=f(c)}catch(e){d=f(c)}e[h]=btoa(d)}a&&o.call(this)}else{a=!0;for(var p in r.images)if(r.images.hasOwnProperty(p)){var y=r.images[p];if(e.hasOwnProperty(p))continue;a=!1,t.file(y+".png").async("base64").then(function(i){e[p]=i,l._loadImages(e,t,r,o)}.bind(this));break}a&&o.call(this)}},_base64ToArrayBuffer:function(e){for(var t=window.atob(e),r=t.length,i=new Uint8Array(r),n=0;n<r;n++)i[n]=t.charCodeAt(n);return i.buffer},_readBlobAsArrayBuffer:function(e,t){var r=new FileReader;r.onload=function(e){t(e.target.result)},r.readAsArrayBuffer(e)}};e.exports=function(e,t,r){l.loadAssets(e,t,r)}},function(e,t,r){"use strict";function i(e){if(!(this instanceof i))return new i(e);this.options=s.assign({chunkSize:16384,windowBits:0,to:""},e||{});var t=this.options;t.raw&&t.windowBits>=0&&t.windowBits<16&&(t.windowBits=-t.windowBits,0===t.windowBits&&(t.windowBits=-15)),!(t.windowBits>=0&&t.windowBits<16)||e&&e.windowBits||(t.windowBits+=32),t.windowBits>15&&t.windowBits<48&&0==(15&t.windowBits)&&(t.windowBits|=15),this.err=0,this.msg="",this.ended=!1,this.chunks=[],this.strm=new u,this.strm.avail_out=0;var r=o.inflateInit2(this.strm,t.windowBits);if(r!==f.Z_OK)throw new Error(l[r]);if(this.header=new h,o.inflateGetHeader(this.strm,this.header),t.dictionary&&("string"==typeof t.dictionary?t.dictionary=a.string2buf(t.dictionary):"[object ArrayBuffer]"===c.call(t.dictionary)&&(t.dictionary=new Uint8Array(t.dictionary)),t.raw&&(r=o.inflateSetDictionary(this.strm,t.dictionary))!==f.Z_OK))throw new Error(l[r])}function n(e,t){var r=new i(t);if(r.push(e,!0),r.err)throw r.msg||l[r.err];return r.result}var o=r(52),s=r(8),a=r(57),f=r(58),l=r(59),u=r(60),h=r(61),c=Object.prototype.toString;i.prototype.push=function(e,t){var r,i,n,l,u,h=this.strm,d=this.options.chunkSize,p=this.options.dictionary,y=!1;if(this.ended)return!1;i=t===~~t?t:!0===t?f.Z_FINISH:f.Z_NO_FLUSH,"string"==typeof e?h.input=a.binstring2buf(e):"[object ArrayBuffer]"===c.call(e)?h.input=new Uint8Array(e):h.input=e,h.next_in=0,h.avail_in=h.input.length;do{if(0===h.avail_out&&(h.output=new s.Buf8(d),h.next_out=0,h.avail_out=d),(r=o.inflate(h,f.Z_NO_FLUSH))===f.Z_NEED_DICT&&p&&(r=o.inflateSetDictionary(this.strm,p)),r===f.Z_BUF_ERROR&&!0===y&&(r=f.Z_OK,y=!1),r!==f.Z_STREAM_END&&r!==f.Z_OK)return this.onEnd(r),this.ended=!0,!1;h.next_out&&(0!==h.avail_out&&r!==f.Z_STREAM_END&&(0!==h.avail_in||i!==f.Z_FINISH&&i!==f.Z_SYNC_FLUSH)||("string"===this.options.to?(n=a.utf8border(h.output,h.next_out),l=h.next_out-n,u=a.buf2string(h.output,n),h.next_out=l,h.avail_out=d-l,l&&s.arraySet(h.output,h.output,n,l,0),this.onData(u)):this.onData(s.shrinkBuf(h.output,h.next_out)))),0===h.avail_in&&0===h.avail_out&&(y=!0)}while((h.avail_in>0||0===h.avail_out)&&r!==f.Z_STREAM_END);return r===f.Z_STREAM_END&&(i=f.Z_FINISH),i===f.Z_FINISH?(r=o.inflateEnd(this.strm),this.onEnd(r),this.ended=!0,r===f.Z_OK):i!==f.Z_SYNC_FLUSH||(this.onEnd(f.Z_OK),h.avail_out=0,!0)},i.prototype.onData=function(e){this.chunks.push(e)},i.prototype.onEnd=function(e){e===f.Z_OK&&("string"===this.options.to?this.result=this.chunks.join(""):this.result=s.flattenChunks(this.chunks)),this.chunks=[],this.err=e,this.msg=this.strm.msg},t.Inflate=i,t.inflate=n,t.inflateRaw=function(e,t){return(t=t||{}).raw=!0,n(e,t)},t.ungzip=n},function(e,t,r){"use strict";function i(e){return(e>>>24&255)+(e>>>8&65280)+((65280&e)<<8)+((255&e)<<24)}function n(){this.mode=0,this.last=!1,this.wrap=0,this.havedict=!1,this.flags=0,this.dmax=0,this.check=0,this.total=0,this.head=null,this.wbits=0,this.wsize=0,this.whave=0,this.wnext=0,this.window=null,this.hold=0,this.bits=0,this.length=0,this.offset=0,this.extra=0,this.lencode=null,this.distcode=null,this.lenbits=0,this.distbits=0,this.ncode=0,this.nlen=0,this.ndist=0,this.have=0,this.next=null,this.lens=new d.Buf16(320),this.work=new d.Buf16(288),this.lendyn=null,this.distdyn=null,this.sane=0,this.back=0,this.was=0}function o(e){var t;return e&&e.state?(t=e.state,e.total_in=e.total_out=t.total=0,e.msg="",t.wrap&&(e.adler=1&t.wrap),t.mode=C,t.last=0,t.havedict=0,t.dmax=32768,t.head=null,t.hold=0,t.bits=0,t.lencode=t.lendyn=new d.Buf32(ue),t.distcode=t.distdyn=new d.Buf32(he),t.sane=1,t.back=-1,O):j}function s(e){var t;return e&&e.state?((t=e.state).wsize=0,t.whave=0,t.wnext=0,o(e)):j}function a(e,t){var r,i;return e&&e.state?(i=e.state,t<0?(r=0,t=-t):(r=1+(t>>4),t<48&&(t&=15)),t&&(t<8||t>15)?j:(null!==i.window&&i.wbits!==t&&(i.window=null),i.wrap=r,i.wbits=t,s(e))):j}function f(e,t){var r,i;return e?(i=new n,e.state=i,i.window=null,(r=a(e,t))!==O&&(e.state=null),r):j}function l(e){if(de){var t;for(h=new d.Buf32(512),c=new d.Buf32(32),t=0;t<144;)e.lens[t++]=8;for(;t<256;)e.lens[t++]=9;for(;t<280;)e.lens[t++]=7;for(;t<288;)e.lens[t++]=8;for(v(b,e.lens,0,288,h,0,e.work,{bits:9}),t=0;t<32;)e.lens[t++]=5;v(_,e.lens,0,32,c,0,e.work,{bits:5}),de=!1}e.lencode=h,e.lenbits=9,e.distcode=c,e.distbits=5}function u(e,t,r,i){var n,o=e.state;return null===o.window&&(o.wsize=1<<o.wbits,o.wnext=0,o.whave=0,o.window=new d.Buf8(o.wsize)),i>=o.wsize?(d.arraySet(o.window,t,r-o.wsize,o.wsize,0),o.wnext=0,o.whave=o.wsize):((n=o.wsize-o.wnext)>i&&(n=i),d.arraySet(o.window,t,r-i,n,o.wnext),(i-=n)?(d.arraySet(o.window,t,r-i,i,0),o.wnext=i,o.whave=o.wsize):(o.wnext+=n,o.wnext===o.wsize&&(o.wnext=0),o.whave<o.wsize&&(o.whave+=n))),0}var h,c,d=r(8),p=r(53),y=r(54),m=r(55),v=r(56),g=0,b=1,_=2,w=4,k=5,x=6,O=0,A=1,S=2,j=-2,T=-3,E=-4,N=-5,F=8,C=1,B=2,I=3,P=4,R=5,D=6,M=7,L=8,z=9,J=10,U=11,Z=12,K=13,q=14,$=15,V=16,H=17,W=18,G=19,Y=20,Q=21,X=22,ee=23,te=24,re=25,ie=26,ne=27,oe=28,se=29,ae=30,fe=31,le=32,ue=852,he=592,ce=15,de=!0;t.inflateReset=s,t.inflateReset2=a,t.inflateResetKeep=o,t.inflateInit=function(e){return f(e,ce)},t.inflateInit2=f,t.inflate=function(e,t){var r,n,o,s,a,f,h,c,ue,he,ce,de,pe,ye,me,ve,ge,be,_e,we,ke,xe,Oe,Ae,Se=0,je=new d.Buf8(4),Te=[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15];if(!e||!e.state||!e.output||!e.input&&0!==e.avail_in)return j;(r=e.state).mode===Z&&(r.mode=K),a=e.next_out,o=e.output,h=e.avail_out,s=e.next_in,n=e.input,f=e.avail_in,c=r.hold,ue=r.bits,he=f,ce=h,xe=O;e:for(;;)switch(r.mode){case C:if(0===r.wrap){r.mode=K;break}for(;ue<16;){if(0===f)break e;f--,c+=n[s++]<<ue,ue+=8}if(2&r.wrap&&35615===c){r.check=0,je[0]=255&c,je[1]=c>>>8&255,r.check=y(r.check,je,2,0),c=0,ue=0,r.mode=B;break}if(r.flags=0,r.head&&(r.head.done=!1),!(1&r.wrap)||(((255&c)<<8)+(c>>8))%31){e.msg="incorrect header check",r.mode=ae;break}if((15&c)!==F){e.msg="unknown compression method",r.mode=ae;break}if(ue-=4,ke=8+(15&(c>>>=4)),0===r.wbits)r.wbits=ke;else if(ke>r.wbits){e.msg="invalid window size",r.mode=ae;break}r.dmax=1<<ke,e.adler=r.check=1,r.mode=512&c?J:Z,c=0,ue=0;break;case B:for(;ue<16;){if(0===f)break e;f--,c+=n[s++]<<ue,ue+=8}if(r.flags=c,(255&r.flags)!==F){e.msg="unknown compression method",r.mode=ae;break}if(57344&r.flags){e.msg="unknown header flags set",r.mode=ae;break}r.head&&(r.head.text=c>>8&1),512&r.flags&&(je[0]=255&c,je[1]=c>>>8&255,r.check=y(r.check,je,2,0)),c=0,ue=0,r.mode=I;case I:for(;ue<32;){if(0===f)break e;f--,c+=n[s++]<<ue,ue+=8}r.head&&(r.head.time=c),512&r.flags&&(je[0]=255&c,je[1]=c>>>8&255,je[2]=c>>>16&255,je[3]=c>>>24&255,r.check=y(r.check,je,4,0)),c=0,ue=0,r.mode=P;case P:for(;ue<16;){if(0===f)break e;f--,c+=n[s++]<<ue,ue+=8}r.head&&(r.head.xflags=255&c,r.head.os=c>>8),512&r.flags&&(je[0]=255&c,je[1]=c>>>8&255,r.check=y(r.check,je,2,0)),c=0,ue=0,r.mode=R;case R:if(1024&r.flags){for(;ue<16;){if(0===f)break e;f--,c+=n[s++]<<ue,ue+=8}r.length=c,r.head&&(r.head.extra_len=c),512&r.flags&&(je[0]=255&c,je[1]=c>>>8&255,r.check=y(r.check,je,2,0)),c=0,ue=0}else r.head&&(r.head.extra=null);r.mode=D;case D:if(1024&r.flags&&((de=r.length)>f&&(de=f),de&&(r.head&&(ke=r.head.extra_len-r.length,r.head.extra||(r.head.extra=new Array(r.head.extra_len)),d.arraySet(r.head.extra,n,s,de,ke)),512&r.flags&&(r.check=y(r.check,n,de,s)),f-=de,s+=de,r.length-=de),r.length))break e;r.length=0,r.mode=M;case M:if(2048&r.flags){if(0===f)break e;de=0;do{ke=n[s+de++],r.head&&ke&&r.length<65536&&(r.head.name+=String.fromCharCode(ke))}while(ke&&de<f);if(512&r.flags&&(r.check=y(r.check,n,de,s)),f-=de,s+=de,ke)break e}else r.head&&(r.head.name=null);r.length=0,r.mode=L;case L:if(4096&r.flags){if(0===f)break e;de=0;do{ke=n[s+de++],r.head&&ke&&r.length<65536&&(r.head.comment+=String.fromCharCode(ke))}while(ke&&de<f);if(512&r.flags&&(r.check=y(r.check,n,de,s)),f-=de,s+=de,ke)break e}else r.head&&(r.head.comment=null);r.mode=z;case z:if(512&r.flags){for(;ue<16;){if(0===f)break e;f--,c+=n[s++]<<ue,ue+=8}if(c!==(65535&r.check)){e.msg="header crc mismatch",r.mode=ae;break}c=0,ue=0}r.head&&(r.head.hcrc=r.flags>>9&1,r.head.done=!0),e.adler=r.check=0,r.mode=Z;break;case J:for(;ue<32;){if(0===f)break e;f--,c+=n[s++]<<ue,ue+=8}e.adler=r.check=i(c),c=0,ue=0,r.mode=U;case U:if(0===r.havedict)return e.next_out=a,e.avail_out=h,e.next_in=s,e.avail_in=f,r.hold=c,r.bits=ue,S;e.adler=r.check=1,r.mode=Z;case Z:if(t===k||t===x)break e;case K:if(r.last){c>>>=7&ue,ue-=7&ue,r.mode=ne;break}for(;ue<3;){if(0===f)break e;f--,c+=n[s++]<<ue,ue+=8}switch(r.last=1&c,ue-=1,3&(c>>>=1)){case 0:r.mode=q;break;case 1:if(l(r),r.mode=Y,t===x){c>>>=2,ue-=2;break e}break;case 2:r.mode=H;break;case 3:e.msg="invalid block type",r.mode=ae}c>>>=2,ue-=2;break;case q:for(c>>>=7&ue,ue-=7&ue;ue<32;){if(0===f)break e;f--,c+=n[s++]<<ue,ue+=8}if((65535&c)!=(c>>>16^65535)){e.msg="invalid stored block lengths",r.mode=ae;break}if(r.length=65535&c,c=0,ue=0,r.mode=$,t===x)break e;case $:r.mode=V;case V:if(de=r.length){if(de>f&&(de=f),de>h&&(de=h),0===de)break e;d.arraySet(o,n,s,de,a),f-=de,s+=de,h-=de,a+=de,r.length-=de;break}r.mode=Z;break;case H:for(;ue<14;){if(0===f)break e;f--,c+=n[s++]<<ue,ue+=8}if(r.nlen=257+(31&c),c>>>=5,ue-=5,r.ndist=1+(31&c),c>>>=5,ue-=5,r.ncode=4+(15&c),c>>>=4,ue-=4,r.nlen>286||r.ndist>30){e.msg="too many length or distance symbols",r.mode=ae;break}r.have=0,r.mode=W;case W:for(;r.have<r.ncode;){for(;ue<3;){if(0===f)break e;f--,c+=n[s++]<<ue,ue+=8}r.lens[Te[r.have++]]=7&c,c>>>=3,ue-=3}for(;r.have<19;)r.lens[Te[r.have++]]=0;if(r.lencode=r.lendyn,r.lenbits=7,Oe={bits:r.lenbits},xe=v(g,r.lens,0,19,r.lencode,0,r.work,Oe),r.lenbits=Oe.bits,xe){e.msg="invalid code lengths set",r.mode=ae;break}r.have=0,r.mode=G;case G:for(;r.have<r.nlen+r.ndist;){for(;ve=(Se=r.lencode[c&(1<<r.lenbits)-1])>>>16&255,ge=65535&Se,!((me=Se>>>24)<=ue);){if(0===f)break e;f--,c+=n[s++]<<ue,ue+=8}if(ge<16)c>>>=me,ue-=me,r.lens[r.have++]=ge;else{if(16===ge){for(Ae=me+2;ue<Ae;){if(0===f)break e;f--,c+=n[s++]<<ue,ue+=8}if(c>>>=me,ue-=me,0===r.have){e.msg="invalid bit length repeat",r.mode=ae;break}ke=r.lens[r.have-1],de=3+(3&c),c>>>=2,ue-=2}else if(17===ge){for(Ae=me+3;ue<Ae;){if(0===f)break e;f--,c+=n[s++]<<ue,ue+=8}ue-=me,ke=0,de=3+(7&(c>>>=me)),c>>>=3,ue-=3}else{for(Ae=me+7;ue<Ae;){if(0===f)break e;f--,c+=n[s++]<<ue,ue+=8}ue-=me,ke=0,de=11+(127&(c>>>=me)),c>>>=7,ue-=7}if(r.have+de>r.nlen+r.ndist){e.msg="invalid bit length repeat",r.mode=ae;break}for(;de--;)r.lens[r.have++]=ke}}if(r.mode===ae)break;if(0===r.lens[256]){e.msg="invalid code -- missing end-of-block",r.mode=ae;break}if(r.lenbits=9,Oe={bits:r.lenbits},xe=v(b,r.lens,0,r.nlen,r.lencode,0,r.work,Oe),r.lenbits=Oe.bits,xe){e.msg="invalid literal/lengths set",r.mode=ae;break}if(r.distbits=6,r.distcode=r.distdyn,Oe={bits:r.distbits},xe=v(_,r.lens,r.nlen,r.ndist,r.distcode,0,r.work,Oe),r.distbits=Oe.bits,xe){e.msg="invalid distances set",r.mode=ae;break}if(r.mode=Y,t===x)break e;case Y:r.mode=Q;case Q:if(f>=6&&h>=258){e.next_out=a,e.avail_out=h,e.next_in=s,e.avail_in=f,r.hold=c,r.bits=ue,m(e,ce),a=e.next_out,o=e.output,h=e.avail_out,s=e.next_in,n=e.input,f=e.avail_in,c=r.hold,ue=r.bits,r.mode===Z&&(r.back=-1);break}for(r.back=0;ve=(Se=r.lencode[c&(1<<r.lenbits)-1])>>>16&255,ge=65535&Se,!((me=Se>>>24)<=ue);){if(0===f)break e;f--,c+=n[s++]<<ue,ue+=8}if(ve&&0==(240&ve)){for(be=me,_e=ve,we=ge;ve=(Se=r.lencode[we+((c&(1<<be+_e)-1)>>be)])>>>16&255,ge=65535&Se,!(be+(me=Se>>>24)<=ue);){if(0===f)break e;f--,c+=n[s++]<<ue,ue+=8}c>>>=be,ue-=be,r.back+=be}if(c>>>=me,ue-=me,r.back+=me,r.length=ge,0===ve){r.mode=ie;break}if(32&ve){r.back=-1,r.mode=Z;break}if(64&ve){e.msg="invalid literal/length code",r.mode=ae;break}r.extra=15&ve,r.mode=X;case X:if(r.extra){for(Ae=r.extra;ue<Ae;){if(0===f)break e;f--,c+=n[s++]<<ue,ue+=8}r.length+=c&(1<<r.extra)-1,c>>>=r.extra,ue-=r.extra,r.back+=r.extra}r.was=r.length,r.mode=ee;case ee:for(;ve=(Se=r.distcode[c&(1<<r.distbits)-1])>>>16&255,ge=65535&Se,!((me=Se>>>24)<=ue);){if(0===f)break e;f--,c+=n[s++]<<ue,ue+=8}if(0==(240&ve)){for(be=me,_e=ve,we=ge;ve=(Se=r.distcode[we+((c&(1<<be+_e)-1)>>be)])>>>16&255,ge=65535&Se,!(be+(me=Se>>>24)<=ue);){if(0===f)break e;f--,c+=n[s++]<<ue,ue+=8}c>>>=be,ue-=be,r.back+=be}if(c>>>=me,ue-=me,r.back+=me,64&ve){e.msg="invalid distance code",r.mode=ae;break}r.offset=ge,r.extra=15&ve,r.mode=te;case te:if(r.extra){for(Ae=r.extra;ue<Ae;){if(0===f)break e;f--,c+=n[s++]<<ue,ue+=8}r.offset+=c&(1<<r.extra)-1,c>>>=r.extra,ue-=r.extra,r.back+=r.extra}if(r.offset>r.dmax){e.msg="invalid distance too far back",r.mode=ae;break}r.mode=re;case re:if(0===h)break e;if(de=ce-h,r.offset>de){if((de=r.offset-de)>r.whave&&r.sane){e.msg="invalid distance too far back",r.mode=ae;break}de>r.wnext?(de-=r.wnext,pe=r.wsize-de):pe=r.wnext-de,de>r.length&&(de=r.length),ye=r.window}else ye=o,pe=a-r.offset,de=r.length;de>h&&(de=h),h-=de,r.length-=de;do{o[a++]=ye[pe++]}while(--de);0===r.length&&(r.mode=Q);break;case ie:if(0===h)break e;o[a++]=r.length,h--,r.mode=Q;break;case ne:if(r.wrap){for(;ue<32;){if(0===f)break e;f--,c|=n[s++]<<ue,ue+=8}if(ce-=h,e.total_out+=ce,r.total+=ce,ce&&(e.adler=r.check=r.flags?y(r.check,o,ce,a-ce):p(r.check,o,ce,a-ce)),ce=h,(r.flags?c:i(c))!==r.check){e.msg="incorrect data check",r.mode=ae;break}c=0,ue=0}r.mode=oe;case oe:if(r.wrap&&r.flags){for(;ue<32;){if(0===f)break e;f--,c+=n[s++]<<ue,ue+=8}if(c!==(4294967295&r.total)){e.msg="incorrect length check",r.mode=ae;break}c=0,ue=0}r.mode=se;case se:xe=A;break e;case ae:xe=T;break e;case fe:return E;case le:default:return j}return e.next_out=a,e.avail_out=h,e.next_in=s,e.avail_in=f,r.hold=c,r.bits=ue,(r.wsize||ce!==e.avail_out&&r.mode<ae&&(r.mode<ne||t!==w))&&u(e,e.output,e.next_out,ce-e.avail_out)?(r.mode=fe,E):(he-=e.avail_in,ce-=e.avail_out,e.total_in+=he,e.total_out+=ce,r.total+=ce,r.wrap&&ce&&(e.adler=r.check=r.flags?y(r.check,o,ce,e.next_out-ce):p(r.check,o,ce,e.next_out-ce)),e.data_type=r.bits+(r.last?64:0)+(r.mode===Z?128:0)+(r.mode===Y||r.mode===$?256:0),(0===he&&0===ce||t===w)&&xe===O&&(xe=N),xe)},t.inflateEnd=function(e){if(!e||!e.state)return j;var t=e.state;return t.window&&(t.window=null),e.state=null,O},t.inflateGetHeader=function(e,t){var r;return e&&e.state?0==(2&(r=e.state).wrap)?j:(r.head=t,t.done=!1,O):j},t.inflateSetDictionary=function(e,t){var r,i=t.length;return e&&e.state?0!==(r=e.state).wrap&&r.mode!==U?j:r.mode===U&&p(1,t,i,0)!==r.check?T:u(e,t,i,i)?(r.mode=fe,E):(r.havedict=1,O):j},t.inflateInfo="pako inflate (from Nodeca project)"},function(e,t,r){"use strict";e.exports=function(e,t,r,i){for(var n=65535&e|0,o=e>>>16&65535|0,s=0;0!==r;){r-=s=r>2e3?2e3:r;do{o=o+(n=n+t[i++]|0)|0}while(--s);n%=65521,o%=65521}return n|o<<16|0}},function(e,t,r){"use strict";var i=function(){for(var e,t=[],r=0;r<256;r++){e=r;for(var i=0;i<8;i++)e=1&e?3988292384^e>>>1:e>>>1;t[r]=e}return t}();e.exports=function(e,t,r,n){var o=i,s=n+r;e^=-1;for(var a=n;a<s;a++)e=e>>>8^o[255&(e^t[a])];return-1^e}},function(e,t,r){"use strict";e.exports=function(e,t){var r,i,n,o,s,a,f,l,u,h,c,d,p,y,m,v,g,b,_,w,k,x,O,A,S;r=e.state,i=e.next_in,A=e.input,n=i+(e.avail_in-5),o=e.next_out,S=e.output,s=o-(t-e.avail_out),a=o+(e.avail_out-257),f=r.dmax,l=r.wsize,u=r.whave,h=r.wnext,c=r.window,d=r.hold,p=r.bits,y=r.lencode,m=r.distcode,v=(1<<r.lenbits)-1,g=(1<<r.distbits)-1;e:do{p<15&&(d+=A[i++]<<p,p+=8,d+=A[i++]<<p,p+=8),b=y[d&v];t:for(;;){if(d>>>=_=b>>>24,p-=_,0==(_=b>>>16&255))S[o++]=65535&b;else{if(!(16&_)){if(0==(64&_)){b=y[(65535&b)+(d&(1<<_)-1)];continue t}if(32&_){r.mode=12;break e}e.msg="invalid literal/length code",r.mode=30;break e}w=65535&b,(_&=15)&&(p<_&&(d+=A[i++]<<p,p+=8),w+=d&(1<<_)-1,d>>>=_,p-=_),p<15&&(d+=A[i++]<<p,p+=8,d+=A[i++]<<p,p+=8),b=m[d&g];r:for(;;){if(d>>>=_=b>>>24,p-=_,!(16&(_=b>>>16&255))){if(0==(64&_)){b=m[(65535&b)+(d&(1<<_)-1)];continue r}e.msg="invalid distance code",r.mode=30;break e}if(k=65535&b,p<(_&=15)&&(d+=A[i++]<<p,(p+=8)<_&&(d+=A[i++]<<p,p+=8)),(k+=d&(1<<_)-1)>f){e.msg="invalid distance too far back",r.mode=30;break e}if(d>>>=_,p-=_,k>(_=o-s)){if((_=k-_)>u&&r.sane){e.msg="invalid distance too far back",r.mode=30;break e}if(x=0,O=c,0===h){if(x+=l-_,_<w){w-=_;do{S[o++]=c[x++]}while(--_);x=o-k,O=S}}else if(h<_){if(x+=l+h-_,(_-=h)<w){w-=_;do{S[o++]=c[x++]}while(--_);if(x=0,h<w){w-=_=h;do{S[o++]=c[x++]}while(--_);x=o-k,O=S}}}else if(x+=h-_,_<w){w-=_;do{S[o++]=c[x++]}while(--_);x=o-k,O=S}for(;w>2;)S[o++]=O[x++],S[o++]=O[x++],S[o++]=O[x++],w-=3;w&&(S[o++]=O[x++],w>1&&(S[o++]=O[x++]))}else{x=o-k;do{S[o++]=S[x++],S[o++]=S[x++],S[o++]=S[x++],w-=3}while(w>2);w&&(S[o++]=S[x++],w>1&&(S[o++]=S[x++]))}break}}break}}while(i<n&&o<a);i-=w=p>>3,d&=(1<<(p-=w<<3))-1,e.next_in=i,e.next_out=o,e.avail_in=i<n?n-i+5:5-(i-n),e.avail_out=o<a?a-o+257:257-(o-a),r.hold=d,r.bits=p}},function(e,t,r){"use strict";var i=r(8),n=[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,0,0],o=[16,16,16,16,16,16,16,16,17,17,17,17,18,18,18,18,19,19,19,19,20,20,20,20,21,21,21,21,16,72,78],s=[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577,0,0],a=[16,16,16,16,17,17,18,18,19,19,20,20,21,21,22,22,23,23,24,24,25,25,26,26,27,27,28,28,29,29,64,64];e.exports=function(e,t,r,f,l,u,h,c){var d,p,y,m,v,g,b,_,w,k=c.bits,x=0,O=0,A=0,S=0,j=0,T=0,E=0,N=0,F=0,C=0,B=null,I=0,P=new i.Buf16(16),R=new i.Buf16(16),D=null,M=0;for(x=0;x<=15;x++)P[x]=0;for(O=0;O<f;O++)P[t[r+O]]++;for(j=k,S=15;S>=1&&0===P[S];S--);if(j>S&&(j=S),0===S)return l[u++]=20971520,l[u++]=20971520,c.bits=1,0;for(A=1;A<S&&0===P[A];A++);for(j<A&&(j=A),N=1,x=1;x<=15;x++)if(N<<=1,(N-=P[x])<0)return-1;if(N>0&&(0===e||1!==S))return-1;for(R[1]=0,x=1;x<15;x++)R[x+1]=R[x]+P[x];for(O=0;O<f;O++)0!==t[r+O]&&(h[R[t[r+O]]++]=O);if(0===e?(B=D=h,g=19):1===e?(B=n,I-=257,D=o,M-=257,g=256):(B=s,D=a,g=-1),C=0,O=0,x=A,v=u,T=j,E=0,y=-1,m=(F=1<<j)-1,1===e&&F>852||2===e&&F>592)return 1;for(;;){b=x-E,h[O]<g?(_=0,w=h[O]):h[O]>g?(_=D[M+h[O]],w=B[I+h[O]]):(_=96,w=0),d=1<<x-E,A=p=1<<T;do{l[v+(C>>E)+(p-=d)]=b<<24|_<<16|w|0}while(0!==p);for(d=1<<x-1;C&d;)d>>=1;if(0!==d?(C&=d-1,C+=d):C=0,O++,0==--P[x]){if(x===S)break;x=t[r+h[O]]}if(x>j&&(C&m)!==y){for(0===E&&(E=j),v+=A,N=1<<(T=x-E);T+E<S&&!((N-=P[T+E])<=0);)T++,N<<=1;if(F+=1<<T,1===e&&F>852||2===e&&F>592)return 1;l[y=C&m]=j<<24|T<<16|v-u|0}}return 0!==C&&(l[v+C]=x-E<<24|64<<16|0),c.bits=j,0}},function(e,t,r){"use strict";function i(e,t){if(t<65534&&(e.subarray&&s||!e.subarray&&o))return String.fromCharCode.apply(null,n.shrinkBuf(e,t));for(var r="",i=0;i<t;i++)r+=String.fromCharCode(e[i]);return r}var n=r(8),o=!0,s=!0;try{String.fromCharCode.apply(null,[0])}catch(e){o=!1}try{String.fromCharCode.apply(null,new Uint8Array(1))}catch(e){s=!1}for(var a=new n.Buf8(256),f=0;f<256;f++)a[f]=f>=252?6:f>=248?5:f>=240?4:f>=224?3:f>=192?2:1;a[254]=a[254]=1,t.string2buf=function(e){var t,r,i,o,s,a=e.length,f=0;for(o=0;o<a;o++)55296==(64512&(r=e.charCodeAt(o)))&&o+1<a&&56320==(64512&(i=e.charCodeAt(o+1)))&&(r=65536+(r-55296<<10)+(i-56320),o++),f+=r<128?1:r<2048?2:r<65536?3:4;for(t=new n.Buf8(f),s=0,o=0;s<f;o++)55296==(64512&(r=e.charCodeAt(o)))&&o+1<a&&56320==(64512&(i=e.charCodeAt(o+1)))&&(r=65536+(r-55296<<10)+(i-56320),o++),r<128?t[s++]=r:r<2048?(t[s++]=192|r>>>6,t[s++]=128|63&r):r<65536?(t[s++]=224|r>>>12,t[s++]=128|r>>>6&63,t[s++]=128|63&r):(t[s++]=240|r>>>18,t[s++]=128|r>>>12&63,t[s++]=128|r>>>6&63,t[s++]=128|63&r);return t},t.buf2binstring=function(e){return i(e,e.length)},t.binstring2buf=function(e){for(var t=new n.Buf8(e.length),r=0,i=t.length;r<i;r++)t[r]=e.charCodeAt(r);return t},t.buf2string=function(e,t){var r,n,o,s,f=t||e.length,l=new Array(2*f);for(n=0,r=0;r<f;)if((o=e[r++])<128)l[n++]=o;else if((s=a[o])>4)l[n++]=65533,r+=s-1;else{for(o&=2===s?31:3===s?15:7;s>1&&r<f;)o=o<<6|63&e[r++],s--;s>1?l[n++]=65533:o<65536?l[n++]=o:(o-=65536,l[n++]=55296|o>>10&1023,l[n++]=56320|1023&o)}return i(l,n)},t.utf8border=function(e,t){var r;for((t=t||e.length)>e.length&&(t=e.length),r=t-1;r>=0&&128==(192&e[r]);)r--;return r<0?t:0===r?t:r+a[e[r]]>t?r:t}},function(e,t,r){"use strict";e.exports={Z_NO_FLUSH:0,Z_PARTIAL_FLUSH:1,Z_SYNC_FLUSH:2,Z_FULL_FLUSH:3,Z_FINISH:4,Z_BLOCK:5,Z_TREES:6,Z_OK:0,Z_STREAM_END:1,Z_NEED_DICT:2,Z_ERRNO:-1,Z_STREAM_ERROR:-2,Z_DATA_ERROR:-3,Z_BUF_ERROR:-5,Z_NO_COMPRESSION:0,Z_BEST_SPEED:1,Z_BEST_COMPRESSION:9,Z_DEFAULT_COMPRESSION:-1,Z_FILTERED:1,Z_HUFFMAN_ONLY:2,Z_RLE:3,Z_FIXED:4,Z_DEFAULT_STRATEGY:0,Z_BINARY:0,Z_TEXT:1,Z_UNKNOWN:2,Z_DEFLATED:8}},function(e,t,r){"use strict";e.exports={2:"need dictionary",1:"stream end",0:"","-1":"file error","-2":"stream error","-3":"data error","-4":"insufficient memory","-5":"buffer error","-6":"incompatible version"}},function(e,t,r){"use strict";e.exports=function(){this.input=null,this.next_in=0,this.avail_in=0,this.total_in=0,this.output=null,this.next_out=0,this.avail_out=0,this.total_out=0,this.msg="",this.state=null,this.data_type=2,this.adler=0}},function(e,t,r){"use strict";e.exports=function(){this.text=0,this.time=0,this.xflags=0,this.os=0,this.extra=null,this.extra_len=0,this.name="",this.comment="",this.hcrc=0,this.done=!1}},function(e,t,r){"undefined"!=typeof self&&self,e.exports=function(e){function t(i){if(r[i])return r[i].exports;var n=r[i]={i:i,l:!1,exports:{}};return e[i].call(n.exports,n,n.exports,t),n.l=!0,n.exports}var r={};return t.m=e,t.c=r,t.d=function(e,r,i){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=r(1);e.exports=i.ValueAnimator},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(){this.startValue=0,this.endValue=0,this.duration=0,this.loops=1,this.fillRule=0,this.onStart=function(){},this.onUpdate=function(){},this.onEnd=function(){},this.mRunning=!1,this.mStartTime=0,this.mCurrentFrication=0,this.mReverse=!1}return e.prototype.start=function(e){void 0===e&&(e=void 0),this.doStart(!1,e)},e.prototype.reverse=function(e){void 0===e&&(e=void 0),this.doStart(!0,e)},e.prototype.stop=function(){this.doStop()},Object.defineProperty(e.prototype,"animatedValue",{get:function(){return(this.endValue-this.startValue)*this.mCurrentFrication+this.startValue},enumerable:!0,configurable:!0}),e.prototype.doStart=function(t,r){void 0===t&&(t=!1),void 0===r&&(r=void 0),this.mReverse=t,this.mRunning=!0,this.mStartTime=e.currentTimeMillsecond(),r&&(this.mStartTime-=t?(1-r/(this.endValue-this.startValue))*this.duration:r/(this.endValue-this.startValue)*this.duration),this.mCurrentFrication=0,this.onStart(),this.doFrame()},e.prototype.doStop=function(){this.mRunning=!1},e.prototype.doFrame=function(){this.mRunning&&(this.doDeltaTime(e.currentTimeMillsecond()-this.mStartTime),this.mRunning&&e.requestAnimationFrame(this.doFrame.bind(this)))},e.prototype.doDeltaTime=function(e){e>=this.duration*this.loops?(this.mCurrentFrication=1===this.fillRule?0:1,this.mRunning=!1):(this.mCurrentFrication=e%this.duration/this.duration,this.mReverse&&(this.mCurrentFrication=1-this.mCurrentFrication)),this.onUpdate(this.animatedValue),!1===this.mRunning&&this.onEnd()},e.currentTimeMillsecond=function(){return"undefined"==typeof performance?(new Date).getTime():performance.now()},e.requestAnimationFrame=function(e){return"undefined"==typeof requestAnimationFrame?setTimeout(e,16):window.requestAnimationFrame(e)},e}();t.ValueAnimator=i}])},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Player=void 0;var i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n=function(){function e(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,r,i){return r&&e(t.prototype,r),i&&e(t,i),t}}(),o=r(65),s=r(62);t.Player=function(){function e(t){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.loops=0,this.clearsAfterStop=!0,this.fillMode="Forward",this._asChild=!1,this._container=void 0,this._renderer=void 0,this._animator=void 0,this._drawingCanvas=void 0,this._contentMode="AspectFit",this._videoItem=void 0,this._forwardAnimating=!1,this._currentFrame=0,this._dynamicImage={},this._dynamicImageTransform={},this._dynamicText={},this._onFinished=void 0,this._onFrame=void 0,this._onPercentage=void 0,this._container="string"==typeof t?document.querySelector(t):t,this._asChild=void 0===t,this._init()}return n(e,[{key:"setVideoItem",value:function(e){this._currentFrame=0,this._videoItem=e,this._renderer.prepare(),this.clear(),this._update()}},{key:"setContentMode",value:function(e){this._contentMode=e,this._update()}},{key:"setClipsToBounds",value:function(e){this._container instanceof HTMLDivElement&&(this._container.style.overflowX=this._container.style.overflowY=e?"hidden":void 0)}},{key:"startAnimation",value:function(e){this.stopAnimation(!1),this._doStart(void 0,e,void 0)}},{key:"startAnimationWithRange",value:function(e,t){this.stopAnimation(!1),this._doStart(e,t,void 0)}},{key:"pauseAnimation",value:function(){this.stopAnimation(!1)}},{key:"stopAnimation",value:function(e){this._forwardAnimating=!1,void 0!==this._animator&&this._animator.stop(),void 0===e&&(e=this.clearsAfterStop),e&&this.clear()}},{key:"clear",value:function(){this._renderer.clear(),this._renderer.clearAudios()}},{key:"stepToFrame",value:function(e,t){e>=this._videoItem.frames||e<0||(this.pauseAnimation(),this._currentFrame=e,this._update(),t&&this._doStart(void 0,!1,this._currentFrame))}},{key:"stepToPercentage",value:function(e,t){var r=parseInt(e*this._videoItem.frames);r>=this._videoItem.frames&&r>0&&(r=this._videoItem.frames-1),this.stepToFrame(r,t)}},{key:"setImage",value:function(e,t,r){this._dynamicImage[t]=e,void 0!==r&&r instanceof Array&&6==r.length&&(this._dynamicImageTransform[t]=r)}},{key:"setText",value:function(e,t){var r="string"==typeof e?e:e.text,n=("object"===(void 0===e?"undefined":i(e))?e.size:"14px")||"14px",o=("object"===(void 0===e?"undefined":i(e))?e.family:"Arial")||"Arial",s=("object"===(void 0===e?"undefined":i(e))?e.color:"#000000")||"#000000",a=("object"===(void 0===e?"undefined":i(e))?e.offset:{x:0,y:0})||{x:0,y:0};this._dynamicText[t]={text:r,style:n+" "+o,color:s,offset:a}}},{key:"clearDynamicObjects",value:function(){this._dynamicImage={},this._dynamicImageTransform={},this._dynamicText={}}},{key:"onFinished",value:function(e){this._onFinished=e}},{key:"onFrame",value:function(e){this._onFrame=e}},{key:"onPercentage",value:function(e){this._onPercentage=e}},{key:"drawOnContext",value:function(e,t,r,i,n){this._drawingCanvas&&this._videoItem&&e.drawImage(this._drawingCanvas,t,r,i||this._videoItem.videoSize.width,n||this._videoItem.videoSize.height)}},{key:"_init",value:function(){if(this._container instanceof HTMLDivElement||this._asChild){if(this._container)for(var e=this._container.querySelectorAll("canvas"),t=0;t<e.length;t++){var r=e[t];void 0!==r&&r.__isPlayer&&this._container.removeChild(r)}this._drawingCanvas=document.createElement("canvas"),this._drawingCanvas.__isPlayer=!0,this._drawingCanvas.style.backgroundColor="transparent",this._container&&(this._container.appendChild(this._drawingCanvas),this._container.style.textAlign="left")}this._renderer=new o.Renderer(this)}},{key:"_doStart",value:function(e,t,r){var i=this;this._animator=new s,void 0!==e?(this._animator.startValue=Math.max(0,e.location),this._animator.endValue=Math.min(this._videoItem.frames-1,e.location+e.length),this._animator.duration=(this._animator.endValue-this._animator.startValue+1)*(1/this._videoItem.FPS)*1e3):(this._animator.startValue=0,this._animator.endValue=this._videoItem.frames-1,this._animator.duration=this._videoItem.frames*(1/this._videoItem.FPS)*1e3),this._animator.loops=this.loops<=0?1/0:this.loops,this._animator.fillRule="Backward"===this.fillMode?1:0,this._animator.onUpdate=function(e){i._currentFrame!==Math.floor(e)&&(i._forwardAnimating&&i._currentFrame>Math.floor(e)&&i._renderer.clearAudios(),i._currentFrame=Math.floor(e),i._update(),"function"==typeof i._onFrame&&i._onFrame(i._currentFrame),"function"==typeof i._onPercentage&&i._onPercentage(parseFloat(i._currentFrame+1)/parseFloat(i._videoItem.frames)))},this._animator.onEnd=function(){i._forwardAnimating=!1,!0===i.clearsAfterStop&&i.clear(),"function"==typeof i._onFinished&&i._onFinished()},!0===t?(this._animator.reverse(r),this._forwardAnimating=!1):(this._animator.start(r),this._forwardAnimating=!0),this._currentFrame=this._animator.startValue,this._update()}},{key:"_resize",value:function(){var e=!1;if(this._drawingCanvas){var t;t=this._drawingCanvas.parentNode?{width:this._drawingCanvas.parentNode.clientWidth,height:this._drawingCanvas.parentNode.clientHeight}:this._videoItem.videoSize;var r=this._videoItem.videoSize;if(t.width>=r.width&&t.height>=r.height)this._drawingCanvas.width=t.width,this._drawingCanvas.height=t.height,this._drawingCanvas.style.webkitTransform=this._drawingCanvas.style.transform="",e=!0;else{if(this._drawingCanvas.width=r.width,this._drawingCanvas.height=r.height,"Fill"===this._contentMode){var i=t.width/r.width,n=t.height/r.height,o=(r.width*i-r.width)/2,s=(r.height*n-r.height)/2;this._drawingCanvas.style.webkitTransform=this._drawingCanvas.style.transform="matrix("+i+", 0.0, 0.0, "+n+", "+o+", "+s+")"}else if("AspectFit"===this._contentMode||"AspectFill"===this._contentMode){var a=r.width/r.height,f=t.width/t.height;if(a>=f&&"AspectFit"===this._contentMode||a<=f&&"AspectFill"===this._contentMode){var l=t.width/r.width,u=(r.width*l-r.width)/2,h=(r.height*l-r.height)/2+(t.height-r.height*l)/2;this._drawingCanvas.style.webkitTransform=this._drawingCanvas.style.transform="matrix("+l+", 0.0, 0.0, "+l+", "+u+", "+h+")"}else if(a<f&&"AspectFit"===this._contentMode||a>f&&"AspectFill"===this._contentMode){var c=t.height/r.height,d=(r.width*c-r.width)/2+(t.width-r.width*c)/2,p=(r.height*c-r.height)/2;this._drawingCanvas.style.webkitTransform=this._drawingCanvas.style.transform="matrix("+c+", 0.0, 0.0, "+c+", "+d+", "+p+")"}}this._globalTransform=void 0}}if(void 0===this._drawingCanvas||!0===e){var y=1,m=1,v=0,g=0,b={width:void 0!==this._container?this._container.clientWidth:0,height:void 0!==this._container?this._container.clientHeight:0},_=this._videoItem.videoSize;if("Fill"===this._contentMode)y=b.width/_.width,m=b.height/_.height;else if("AspectFit"===this._contentMode||"AspectFill"===this._contentMode){var w=_.width/_.height,k=b.width/b.height;w>=k&&"AspectFit"===this._contentMode||w<=k&&"AspectFill"===this._contentMode?(y=m=b.width/_.width,g=(b.height-_.height*m)/2):(w<k&&"AspectFit"===this._contentMode||w>k&&"AspectFill"===this._contentMode)&&(y=m=b.height/_.height,v=(b.width-_.width*y)/2)}this._globalTransform={a:y,b:0,c:0,d:m,tx:v,ty:g}}}},{key:"_update",value:function(){void 0!==this._videoItem&&(this._resize(),this._renderer.drawFrame(this._currentFrame),this._renderer.playAudio(this._currentFrame))}}]),e}()},function(e,t,r){"use strict";var i=r(13),n=r(63),o=r(66);e.exports={Parser:i.Parser,Player:n.Player,autoload:o.AutoLoader.autoload},o.AutoLoader.autoload()},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Renderer=void 0;var i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n=function(){function e(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,r,i){return r&&e(t.prototype,r),i&&e(t,i),t}}(),o=r(5),s=r(15),a=r(14);t.Renderer=function(){function e(t){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this._owner=void 0,this._prepared=!1,this._undrawFrame=void 0,this._bitmapCache=void 0,this._soundsQueue=[],this._owner=t}return n(e,[{key:"dataURLtoBlob",value:function(e){for(var t=e.split(","),r=t[0].match(/:(.*?);/)[1],i=atob(t[1]),n=i.length,o=new Uint8Array(n);n--;)o[n]=i.charCodeAt(n);return new Blob([o],{type:r})}},{key:"prepare",value:function(){var e,t,r=this;if(this._prepared=!1,this._bitmapCache=void 0,void 0===this._owner._videoItem.images||0==Object.keys(this._owner._videoItem.images).length)return this._bitmapCache={},void(this._prepared=!0);void 0===this._bitmapCache&&function(){r._bitmapCache={};var i=0,n=0;for(e in r._owner._videoItem.images){var o=r._owner._videoItem.images[e];if(0===o.indexOf("iVBO")||0===o.indexOf("/9j/2w")){i++;var s=document.createElement("img");s.onload=function(){++n==i&&(this._prepared=!0,"number"==typeof this._undrawFrame&&(this.drawFrame(this._undrawFrame),this._undrawFrame=void 0))}.bind(r),s.src="data:image/png;base64,"+o;var a=e.replace(".matte","");r._bitmapCache[a]=s}else 0===o.indexOf("SUQz")&&void 0!==window.Howl&&(i++,(t=new Howl({src:["Google Inc."===navigator.vendor?URL.createObjectURL(r.dataURLtoBlob("data:audio/x-mpeg;base64,"+o)):"data:audio/x-mpeg;base64,"+o],html5:"Google Inc."===navigator.vendor||void 0,preload:"Google Inc."===navigator.vendor||void 0,format:"Google Inc."===navigator.vendor?["mp3"]:void 0})).once("load",function(){++n==i&&(this._prepared=!0,"number"==typeof this._undrawFrame&&(this.drawFrame(this._undrawFrame),this._undrawFrame=void 0))}.bind(r)),t.on("loaderror",(function(e){console.error(e)})),r._bitmapCache[e]=t)}}()}},{key:"clear",value:function(){var e=(this._owner._drawingCanvas||this._owner._container).getContext("2d"),t={x:0,y:0,width:(this._owner._drawingCanvas||this._owner._container).width,height:(this._owner._drawingCanvas||this._owner._container).height};e.clearRect(t.x,t.y,t.width,t.height)}},{key:"clearAudios",value:function(){this._soundsQueue.forEach((function(e){e.player.stop(e.playID)})),this._soundsQueue=[]}},{key:"drawFrame",value:function(e){var t=this;if(this._prepared){var r=(this._owner._drawingCanvas||this._owner._container).getContext("2d"),i={x:0,y:0,width:(this._owner._drawingCanvas||this._owner._container).width,height:(this._owner._drawingCanvas||this._owner._container).height};r.clearRect(i.x,i.y,i.width,i.height);var n=new Map,o=!1,s=this._owner._videoItem.sprites;s.forEach((function(i,a){if(-1!=s[0].imageKey.indexOf(".matte"))if(-1==i.imageKey.indexOf(".matte")){var f=s[a-1];if(o&&(null==i.matteKey||0==i.matteKey.length||i.matteKey!=f.matteKey)){o=!1;var l=n.get(i.matteKey);r.globalCompositeOperation="destination-in",t.drawSprite(l,r,e),r.globalCompositeOperation="source-over",r.restore()}if(null==i.matteKey||null!=f.matteKey&&0!=f.matteKey.length&&f.matteKey==i.matteKey||(o=!0,r.save()),t.drawSprite(i,r,e),o&&a==s.length-1){l=n.get(i.matteKey);r.globalCompositeOperation="destination-in",t.drawSprite(l,r,e),r.globalCompositeOperation="source-over",r.restore()}}else n.set(i.imageKey,i);else t.drawSprite(i,r,e)}))}else this._undrawFrame=e}},{key:"drawSprite",value:function(e,t,r){var n=this,f=e.frames[this._owner._currentFrame];if(!(f.alpha<.05)){t.save(),this._owner._globalTransform&&t.transform(this._owner._globalTransform.a,this._owner._globalTransform.b,this._owner._globalTransform.c,this._owner._globalTransform.d,this._owner._globalTransform.tx,this._owner._globalTransform.ty),t.globalAlpha=f.alpha,t.transform(f.transform.a,f.transform.b,f.transform.c,f.transform.d,f.transform.tx,f.transform.ty);var l=e.imageKey.replace(".matte",""),u=this._owner._dynamicImage[l]||this._bitmapCache[l]||this._owner._videoItem.images[l];if("string"==typeof u){var h=this._bitmapCache[e.imageKey]||document.createElement("img"),c=void 0,d=void 0;if(0===u.indexOf("iVBO")||0===u.indexOf("/9j/2w")?h.src="data:image/png;base64,"+u:(h._svgaSrc!==u&&(h._svgaSrc=u,h.src=u),c=f.layout.width,d=f.layout.height),this._bitmapCache[e.imageKey]=h,void 0!==f.maskPath&&null!==f.maskPath&&(this.drawBezier(t,f.maskPath),t.clip()),void 0!==this._owner._dynamicImageTransform[e.imageKey]){t.save();var p=this._owner._dynamicImageTransform[e.imageKey];t.transform(p[0],p[1],p[2],p[3],p[4],p[5])}c&&d?t.drawImage(h,0,0,c,d):t.drawImage(h,0,0),void 0!==this._owner._dynamicImageTransform[e.imageKey]&&t.restore()}else if("object"===(void 0===u?"undefined":i(u))){if(void 0!==f.maskPath&&null!==f.maskPath&&(f.maskPath._styles=void 0,this.drawBezier(t,f.maskPath),t.clip()),void 0!==this._owner._dynamicImageTransform[e.imageKey]){t.save();var y=this._owner._dynamicImageTransform[e.imageKey];t.transform(y[0],y[1],y[2],y[3],y[4],y[5])}t.drawImage(u,0,0),void 0!==this._owner._dynamicImageTransform[e.imageKey]&&t.restore()}f.shapes&&f.shapes.forEach((function(e){"shape"===e.type&&e.pathArgs&&e.pathArgs.d&&n.drawBezier(t,new o.BezierPath(e.pathArgs.d,e.transform,e.styles)),"ellipse"===e.type&&e.pathArgs&&n.drawEllipse(t,new s.EllipsePath(parseFloat(e.pathArgs.x)||0,parseFloat(e.pathArgs.y)||0,parseFloat(e.pathArgs.radiusX)||0,parseFloat(e.pathArgs.radiusY)||0,e.transform,e.styles)),"rect"===e.type&&e.pathArgs&&n.drawRect(t,new a.RectPath(parseFloat(e.pathArgs.x)||0,parseFloat(e.pathArgs.y)||0,parseFloat(e.pathArgs.width)||0,parseFloat(e.pathArgs.height)||0,parseFloat(e.pathArgs.cornerRadius)||0,e.transform,e.styles))}));var m=this._owner._dynamicText[e.imageKey];if(void 0!==m){t.textBaseline="middle",t.font=m.style;var v=t.measureText(m.text).width;t.fillStyle=m.color;var g=void 0!==m.offset&&void 0!==m.offset.x?isNaN(parseFloat(m.offset.x))?0:parseFloat(m.offset.x):0,b=void 0!==m.offset&&void 0!==m.offset.y?isNaN(parseFloat(m.offset.y))?0:parseFloat(m.offset.y):0;t.fillText(m.text,(f.layout.width-v)/2+g,f.layout.height/2+b)}t.restore()}}},{key:"playAudio",value:function(e){var t=this;if(this._owner._forwardAnimating&&this._owner._videoItem.audios instanceof Array){this._owner._videoItem.audios.forEach((function(r){if(r.startFrame===e&&void 0!==t._bitmapCache[r.audioKey]&&"function"==typeof t._bitmapCache[r.audioKey].play){var i={playID:t._bitmapCache[r.audioKey].play(),player:t._bitmapCache[r.audioKey],endFrame:r.endFrame};i.player.seek(r.startTime/1e3,i.playID),t._soundsQueue.push(i)}}));var r=!1;this._soundsQueue.forEach((function(t){e>=t.endFrame&&(r=!0,t.player.stop(t.playID))})),r&&(this._soundsQueue=this._soundsQueue.filter((function(t){return e<t.endFrame})))}}},{key:"resetShapeStyles",value:function(e,t){var r=t._styles;void 0!==r&&(r&&r.stroke?e.strokeStyle="rgba("+parseInt(255*r.stroke[0])+", "+parseInt(255*r.stroke[1])+", "+parseInt(255*r.stroke[2])+", "+r.stroke[3]+")":e.strokeStyle="transparent",r&&(e.lineWidth=r.strokeWidth||void 0,e.lineCap=r.lineCap||void 0,e.lineJoin=r.lineJoin||void 0,e.miterLimit=r.miterLimit||void 0),r&&r.fill?e.fillStyle="rgba("+parseInt(255*r.fill[0])+", "+parseInt(255*r.fill[1])+", "+parseInt(255*r.fill[2])+", "+r.fill[3]+")":e.fillStyle="transparent",r&&r.lineDash&&e.setLineDash(r.lineDash))}},{key:"drawBezier",value:function(e,t){var r=this;e.save(),this.resetShapeStyles(e,t),void 0!==t._transform&&null!==t._transform&&e.transform(t._transform.a,t._transform.b,t._transform.c,t._transform.d,t._transform.tx,t._transform.ty);var i={x:0,y:0,x1:0,y1:0,x2:0,y2:0};e.beginPath(),t._d.replace(/([a-zA-Z])/g,"|||$1 ").replace(/,/g," ").split("|||").forEach((function(t){if(0!=t.length){var n=t.substr(0,1);if("MLHVCSQRZmlhvcsqrz".indexOf(n)>=0){var o=t.substr(1).trim().split(" ");r.drawBezierElement(e,i,n,o)}}})),t._styles&&t._styles.fill&&e.fill(),t._styles&&t._styles.stroke&&e.stroke(),e.restore()}},{key:"drawBezierElement",value:function(e,t,r,i){switch(r){case"M":t.x=Number(i[0]),t.y=Number(i[1]),e.moveTo(t.x,t.y);break;case"m":t.x+=Number(i[0]),t.y+=Number(i[1]),e.moveTo(t.x,t.y);break;case"L":t.x=Number(i[0]),t.y=Number(i[1]),e.lineTo(t.x,t.y);break;case"l":t.x+=Number(i[0]),t.y+=Number(i[1]),e.lineTo(t.x,t.y);break;case"H":t.x=Number(i[0]),e.lineTo(t.x,t.y);break;case"h":t.x+=Number(i[0]),e.lineTo(t.x,t.y);break;case"V":t.y=Number(i[0]),e.lineTo(t.x,t.y);break;case"v":t.y+=Number(i[0]),e.lineTo(t.x,t.y);break;case"C":t.x1=Number(i[0]),t.y1=Number(i[1]),t.x2=Number(i[2]),t.y2=Number(i[3]),t.x=Number(i[4]),t.y=Number(i[5]),e.bezierCurveTo(t.x1,t.y1,t.x2,t.y2,t.x,t.y);break;case"c":t.x1=t.x+Number(i[0]),t.y1=t.y+Number(i[1]),t.x2=t.x+Number(i[2]),t.y2=t.y+Number(i[3]),t.x+=Number(i[4]),t.y+=Number(i[5]),e.bezierCurveTo(t.x1,t.y1,t.x2,t.y2,t.x,t.y);break;case"S":t.x1&&t.y1&&t.x2&&t.y2?(t.x1=t.x-t.x2+t.x,t.y1=t.y-t.y2+t.y,t.x2=Number(i[0]),t.y2=Number(i[1]),t.x=Number(i[2]),t.y=Number(i[3]),e.bezierCurveTo(t.x1,t.y1,t.x2,t.y2,t.x,t.y)):(t.x1=Number(i[0]),t.y1=Number(i[1]),t.x=Number(i[2]),t.y=Number(i[3]),e.quadraticCurveTo(t.x1,t.y1,t.x,t.y));break;case"s":t.x1&&t.y1&&t.x2&&t.y2?(t.x1=t.x-t.x2+t.x,t.y1=t.y-t.y2+t.y,t.x2=t.x+Number(i[0]),t.y2=t.y+Number(i[1]),t.x+=Number(i[2]),t.y+=Number(i[3]),e.bezierCurveTo(t.x1,t.y1,t.x2,t.y2,t.x,t.y)):(t.x1=t.x+Number(i[0]),t.y1=t.y+Number(i[1]),t.x+=Number(i[2]),t.y+=Number(i[3]),e.quadraticCurveTo(t.x1,t.y1,t.x,t.y));break;case"Q":t.x1=Number(i[0]),t.y1=Number(i[1]),t.x=Number(i[2]),t.y=Number(i[3]),e.quadraticCurveTo(t.x1,t.y1,t.x,t.y);break;case"q":t.x1=t.x+Number(i[0]),t.y1=t.y+Number(i[1]),t.x+=Number(i[2]),t.y+=Number(i[3]),e.quadraticCurveTo(t.x1,t.y1,t.x,t.y);break;case"A":case"a":break;case"Z":case"z":e.closePath()}}},{key:"drawEllipse",value:function(e,t){e.save(),this.resetShapeStyles(e,t),void 0!==t._transform&&null!==t._transform&&e.transform(t._transform.a,t._transform.b,t._transform.c,t._transform.d,t._transform.tx,t._transform.ty);var r=t._x-t._radiusX,i=t._y-t._radiusY,n=2*t._radiusX,o=2*t._radiusY,s=n/2*.5522848,a=o/2*.5522848,f=r+n,l=i+o,u=r+n/2,h=i+o/2;e.beginPath(),e.moveTo(r,h),e.bezierCurveTo(r,h-a,u-s,i,u,i),e.bezierCurveTo(u+s,i,f,h-a,f,h),e.bezierCurveTo(f,h+a,u+s,l,u,l),e.bezierCurveTo(u-s,l,r,h+a,r,h),t._styles&&t._styles.fill&&e.fill(),t._styles&&t._styles.stroke&&e.stroke(),e.restore()}},{key:"drawRect",value:function(e,t){e.save(),this.resetShapeStyles(e,t),void 0!==t._transform&&null!==t._transform&&e.transform(t._transform.a,t._transform.b,t._transform.c,t._transform.d,t._transform.tx,t._transform.ty);var r=t._x,i=t._y,n=t._width,o=t._height,s=t._cornerRadius;n<2*s&&(s=n/2),o<2*s&&(s=o/2),e.beginPath(),e.moveTo(r+s,i),e.arcTo(r+n,i,r+n,i+o,s),e.arcTo(r+n,i+o,r,i+o,s),e.arcTo(r,i+o,r,i,s),e.arcTo(r,i,r+n,i,s),e.closePath(),t._styles&&t._styles.fill&&e.fill(),t._styles&&t._styles.stroke&&e.stroke(),e.restore()}}]),e}()},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.AutoLoader=void 0;var i=r(13),n=r(63),o=t.AutoLoader=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)};o.sharedParser=new i.Parser,o.autoload=function(e,t){if("undefined"!=typeof window&&"undefined"!=typeof document){var r=t||o.sharedParser;if(e){if(("CANVAS"===e.tagName||"DIV"===e.tagName)&&e.attributes.src&&e.attributes.src.value.indexOf(".svga")===e.attributes.src.value.length-5){var i=e.attributes.src.value,s=new n.Player(e);r.load(i,(function(t){if(e.attributes.loops){var r=parseFloat(e.attributes.loops.value)||0;s.loops=r}if(e.attributes.clearsAfterStop){var i=!("false"===e.attributes.clearsAfterStop.value);s.clearsAfterStop=i}s.setVideoItem(t),s.startAnimation()})),e.player=s}}else for(var a=document.querySelectorAll('[src$=".svga"]'),f=0;f<a.length;f++){e=a[f];o.autoload(e)}}}}])}));
\ No newline at end of file
diff --git a/game/touzi/assets/figma/dice-roll.svga b/game/touzi/assets/figma/dice-roll.svga
new file mode 100644
index 0000000..27150d5
Binary files /dev/null and b/game/touzi/assets/figma/dice-roll.svga differ
diff --git a/game/touzi/assets/figma/matching-center-bg.svg b/game/touzi/assets/figma/matching-center-bg.svg
new file mode 100644
index 0000000..2a8fc85
--- /dev/null
+++ b/game/touzi/assets/figma/matching-center-bg.svg
@@ -0,0 +1,35 @@
+<svg width="132" height="132" viewBox="0 0 132 132" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <radialGradient id="matchingCenterGlow" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(66 66) rotate(90) scale(66)">
+            <stop offset="0" stop-color="#0AF4FF" stop-opacity="0.44"/>
+            <stop offset="0.48" stop-color="#0087FF" stop-opacity="0.28"/>
+            <stop offset="1" stop-color="#001C5B" stop-opacity="0"/>
+        </radialGradient>
+        <linearGradient id="matchingCenterStroke" x1="25" y1="15" x2="104" y2="116" gradientUnits="userSpaceOnUse">
+            <stop offset="0" stop-color="#7FFFFF"/>
+            <stop offset="0.47" stop-color="#00A8FF"/>
+            <stop offset="1" stop-color="#B7FFFF"/>
+        </linearGradient>
+        <filter id="matchingCenterBlur" x="-20" y="-20" width="172" height="172" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feGaussianBlur stdDeviation="2.2"/>
+        </filter>
+        <filter id="matchingCenterShadow" x="-16" y="-16" width="164" height="164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feDropShadow dx="0" dy="0" stdDeviation="5" flood-color="#00B7FF" flood-opacity="0.82"/>
+        </filter>
+    </defs>
+    <circle cx="66" cy="66" r="60" fill="url(#matchingCenterGlow)"/>
+    <g filter="url(#matchingCenterBlur)" opacity="0.9">
+        <path d="M18 64C18.8 38.4 39.5 18.2 65.2 17.6" stroke="#6FFFFF" stroke-width="2.2" stroke-linecap="round" stroke-dasharray="30 15"/>
+        <path d="M112 69C110.8 94.8 89.7 114.4 64 114.3" stroke="#4CEBFF" stroke-width="2.2" stroke-linecap="round" stroke-dasharray="28 18"/>
+        <path d="M35.5 25.2C52.2 13 75 11.8 93.2 22.6" stroke="#2EBBFF" stroke-width="1.8" stroke-linecap="round" stroke-dasharray="18 13"/>
+        <path d="M28.2 97.5C17.2 82.4 14.6 62.5 21.5 45.2" stroke="#0087FF" stroke-width="1.8" stroke-linecap="round" stroke-dasharray="16 12"/>
+    </g>
+    <g filter="url(#matchingCenterShadow)">
+        <circle cx="66" cy="66" r="49" stroke="url(#matchingCenterStroke)" stroke-width="2.8" stroke-linecap="round" stroke-dasharray="86 19 22 12"/>
+        <circle cx="66" cy="66" r="41" stroke="#107BFF" stroke-width="2" stroke-linecap="round" stroke-dasharray="12 8"/>
+        <circle cx="66" cy="66" r="34" stroke="#7DFBFF" stroke-width="2.6" stroke-linecap="round" stroke-dasharray="52 15 9 13"/>
+        <circle cx="66" cy="66" r="27" stroke="#006EFF" stroke-width="1.8" stroke-linecap="round" stroke-dasharray="8 7"/>
+        <circle cx="66" cy="66" r="19" fill="#0098FF" fill-opacity="0.28" stroke="#2AECFF" stroke-width="2"/>
+        <path d="M66 8.5V14.5M66 117.5V123.5M8.5 66H14.5M117.5 66H123.5" stroke="#8CFFFF" stroke-width="1.8" stroke-linecap="round" opacity="0.82"/>
+    </g>
+</svg>
diff --git a/game/touzi/assets/figma/matching-center.svg b/game/touzi/assets/figma/matching-center.svg
new file mode 100644
index 0000000..33b80ce
--- /dev/null
+++ b/game/touzi/assets/figma/matching-center.svg
@@ -0,0 +1,37 @@
+<svg width="132" height="132" viewBox="0 0 132 132" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <radialGradient id="matchingCenterGlow" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(66 66) rotate(90) scale(66)">
+            <stop offset="0" stop-color="#0AF4FF" stop-opacity="0.44"/>
+            <stop offset="0.48" stop-color="#0087FF" stop-opacity="0.28"/>
+            <stop offset="1" stop-color="#001C5B" stop-opacity="0"/>
+        </radialGradient>
+        <linearGradient id="matchingCenterStroke" x1="25" y1="15" x2="104" y2="116" gradientUnits="userSpaceOnUse">
+            <stop offset="0" stop-color="#7FFFFF"/>
+            <stop offset="0.47" stop-color="#00A8FF"/>
+            <stop offset="1" stop-color="#B7FFFF"/>
+        </linearGradient>
+        <filter id="matchingCenterBlur" x="-20" y="-20" width="172" height="172" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feGaussianBlur stdDeviation="2.2"/>
+        </filter>
+        <filter id="matchingCenterShadow" x="-16" y="-16" width="164" height="164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feDropShadow dx="0" dy="0" stdDeviation="5" flood-color="#00B7FF" flood-opacity="0.82"/>
+        </filter>
+    </defs>
+    <circle cx="66" cy="66" r="60" fill="url(#matchingCenterGlow)"/>
+    <g filter="url(#matchingCenterBlur)" opacity="0.9">
+        <path d="M18 64C18.8 38.4 39.5 18.2 65.2 17.6" stroke="#6FFFFF" stroke-width="2.2" stroke-linecap="round" stroke-dasharray="30 15"/>
+        <path d="M112 69C110.8 94.8 89.7 114.4 64 114.3" stroke="#4CEBFF" stroke-width="2.2" stroke-linecap="round" stroke-dasharray="28 18"/>
+        <path d="M35.5 25.2C52.2 13 75 11.8 93.2 22.6" stroke="#2EBBFF" stroke-width="1.8" stroke-linecap="round" stroke-dasharray="18 13"/>
+        <path d="M28.2 97.5C17.2 82.4 14.6 62.5 21.5 45.2" stroke="#0087FF" stroke-width="1.8" stroke-linecap="round" stroke-dasharray="16 12"/>
+    </g>
+    <g filter="url(#matchingCenterShadow)">
+        <circle cx="66" cy="66" r="49" stroke="url(#matchingCenterStroke)" stroke-width="2.8" stroke-linecap="round" stroke-dasharray="86 19 22 12"/>
+        <circle cx="66" cy="66" r="41" stroke="#107BFF" stroke-width="2" stroke-linecap="round" stroke-dasharray="12 8"/>
+        <circle cx="66" cy="66" r="34" stroke="#7DFBFF" stroke-width="2.6" stroke-linecap="round" stroke-dasharray="52 15 9 13"/>
+        <circle cx="66" cy="66" r="27" stroke="#006EFF" stroke-width="1.8" stroke-linecap="round" stroke-dasharray="8 7"/>
+        <circle cx="66" cy="66" r="19" fill="#0098FF" fill-opacity="0.28" stroke="#2AECFF" stroke-width="2"/>
+        <path d="M74.2 74.1L80.5 80.4" stroke="white" stroke-width="3.1" stroke-linecap="round"/>
+        <circle cx="64" cy="64" r="8.4" stroke="white" stroke-width="3.1"/>
+        <path d="M66 8.5V14.5M66 117.5V123.5M8.5 66H14.5M117.5 66H123.5" stroke="#8CFFFF" stroke-width="1.8" stroke-linecap="round" opacity="0.82"/>
+    </g>
+</svg>
diff --git a/game/touzi/index.html b/game/touzi/index.html
index de34623..102ffa5 100644
--- a/game/touzi/index.html
+++ b/game/touzi/index.html
@@ -14,6 +14,8 @@
                 --dice-frame-width: 375px;
                 --dice-frame-height: 812px;
                 --dice-scale: 1;
+                --dice-playfield-offset: 24px;
+                --dice-topbar-offset: -24px;
             }
 
             * {
@@ -78,7 +80,9 @@
             .game-content {
                 position: absolute;
                 inset: 0;
-                transform: translateY(-44px);
+                transform: translateY(
+                    calc(-44px + var(--dice-playfield-offset))
+                );
             }
 
             .layer {
@@ -142,6 +146,306 @@
                 text-align: center;
             }
 
+            .top-bar {
+                position: absolute;
+                top: 60px;
+                left: 16px;
+                z-index: 10;
+                width: 343px;
+                height: 36px;
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                transform: translateY(var(--dice-topbar-offset));
+            }
+
+            .top-back {
+                position: relative;
+                width: 46px;
+                height: 36px;
+                flex: 0 0 46px;
+                transform: translateY(-17px);
+            }
+
+            .top-game-icon {
+                position: absolute;
+                top: 50%;
+                left: 50%;
+                width: 36px;
+                height: 36px;
+                overflow: hidden;
+                border-radius: 6px;
+                transform: translate(-50%, -50%);
+            }
+
+            .top-coin {
+                position: relative;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                width: 102px;
+                height: 32px;
+                flex: 0 0 102px;
+                gap: 4px;
+                overflow: hidden;
+                padding: 0 7px;
+                /* border: 1px solid rgba(108, 113, 194, 0.96);
+                border-radius: 4px; */
+                /* background: linear-gradient(
+                    180deg,
+                    rgba(15, 18, 58, 0.92) 0%,
+                    rgba(4, 6, 31, 0.86) 100%
+                );
+                box-shadow:
+                    inset 0 0 0 1px rgba(255, 255, 255, 0.05),
+                    0 0 11px rgba(79, 93, 202, 0.22); */
+                color: #ffe38e;
+                font-family: inherit;
+                font-size: 18px;
+                font-weight: 900;
+                line-height: 20px;
+                margin: 0;
+                text-align: center;
+                text-shadow:
+                    0 1px 1px rgba(65, 23, 0, 0.86),
+                    0 0 6px rgba(255, 204, 74, 0.34);
+                white-space: nowrap;
+                appearance: none;
+                -webkit-appearance: none;
+                border-image: none;
+                cursor: pointer;
+            }
+
+            .top-coin span {
+                display: block;
+                min-width: 0;
+                max-width: 48px;
+                flex: 0 1 auto;
+                overflow: hidden;
+                line-height: 20px;
+            }
+
+            .top-coin.is-compact span {
+                max-width: 38px;
+                font-size: 16px;
+            }
+
+            .top-coin img {
+                display: block;
+                width: 23px;
+                height: 23px;
+                flex: 0 0 23px;
+                filter: drop-shadow(0 0 5px rgba(255, 197, 49, 0.45));
+            }
+
+            .top-coin-plus {
+                color: #ffd15a;
+                font-size: 21px;
+                font-weight: 900;
+                /* line-height: 8px; */
+                text-shadow:
+                    0 1px 1px rgba(65, 23, 0, 0.86),
+                    0 0 8px rgba(255, 178, 47, 0.74);
+                align-items: center;
+                /* font-size: 0; */
+                display: inline-block;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                margin-bottom: 5px;
+            }
+
+            .language-switcher {
+                position: absolute;
+                top: 41px;
+                right: 0;
+                z-index: 20;
+                width: 102px;
+                font-family: inherit;
+            }
+
+            .language-button {
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                width: 100%;
+                height: 22px;
+                border: 1px solid rgba(108, 113, 194, 0.68);
+                border-radius: 4px;
+                background: rgba(7, 10, 40, 0.72);
+                color: #ffe38e;
+                font-size: 12px;
+                font-weight: 900;
+                line-height: 14px;
+                letter-spacing: 0;
+                text-shadow: 0 0 5px rgba(255, 204, 74, 0.42);
+                box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
+            }
+
+            .language-button::after {
+                margin-left: 4px;
+                color: #ffd15a;
+                content: 'v';
+                font-size: 10px;
+                line-height: 10px;
+            }
+
+            .language-menu {
+                position: absolute;
+                top: 26px;
+                right: 0;
+                width: 102px;
+                padding: 4px;
+                border: 1px solid rgba(108, 113, 194, 0.78);
+                border-radius: 6px;
+                background: rgba(5, 8, 35, 0.94);
+                box-shadow: 0 6px 14px rgba(0, 0, 0, 0.42);
+            }
+
+            .language-menu button {
+                display: block;
+                width: 100%;
+                min-height: 24px;
+                border-radius: 4px;
+                color: rgba(255, 227, 142, 0.78);
+                font-size: 12px;
+                font-weight: 800;
+                line-height: 14px;
+                text-align: center;
+            }
+
+            .language-menu button.is-active {
+                background: rgba(255, 209, 90, 0.16);
+                color: #ffd15a;
+            }
+
+            html[dir='rtl'] .language-button::after {
+                margin-right: 4px;
+                margin-left: 0;
+            }
+
+            .lobby-avatar-glow {
+                top: 163px;
+                left: 151px;
+                width: 73px;
+                height: 73px;
+            }
+
+            .lobby-player-card {
+                top: 146px;
+                left: 131px;
+                width: 113px;
+                height: 158px;
+            }
+
+            .dice-avatar,
+            .dice-avatar-frame {
+                position: absolute;
+                display: block;
+                pointer-events: none;
+                user-select: none;
+            }
+
+            .dice-avatar {
+                z-index: 4;
+                width: 71px;
+                height: 71px;
+                border-radius: 50%;
+                object-fit: cover;
+                clip-path: circle(50% at 50% 50%);
+                background: transparent;
+            }
+
+            .dice-avatar-frame {
+                z-index: 5;
+                width: 84px;
+                height: 84px;
+                object-fit: contain;
+                opacity: 0;
+            }
+
+            .dice-avatar-frame.has-frame {
+                opacity: 1;
+            }
+
+            .avatar-hole-mask {
+                position: absolute;
+                z-index: 3;
+                width: 74px;
+                height: 74px;
+                border-radius: 50%;
+                background: radial-gradient(
+                    circle at 50% 44%,
+                    rgba(27, 19, 36, 0.98) 0%,
+                    rgba(13, 10, 22, 0.98) 68%,
+                    rgba(6, 5, 15, 0.98) 100%
+                );
+                box-shadow:
+                    inset 0 0 16px rgba(0, 0, 0, 0.72),
+                    0 0 10px rgba(255, 174, 58, 0.12);
+                pointer-events: none;
+            }
+
+            .avatar-hole-mask-lobby {
+                top: 163px;
+                left: 150px;
+            }
+
+            .avatar-hole-mask-self {
+                top: 163px;
+                left: 40px;
+            }
+
+            .dice-avatar.is-empty,
+            .dice-avatar-frame.is-empty {
+                visibility: hidden;
+                opacity: 0;
+            }
+
+            .dice-avatar-lobby {
+                top: 163px;
+                left: 152px;
+            }
+
+            .dice-avatar-frame-lobby {
+                top: 158px;
+                left: 145px;
+            }
+
+            .dice-avatar-self {
+                top: 168px;
+                left: 45px;
+            }
+
+            .dice-avatar-frame-self {
+                top: 158px;
+                left: 35px;
+            }
+
+            .dice-avatar-opponent {
+                top: 168px;
+                left: 266px;
+            }
+
+            .dice-avatar-frame-opponent {
+                top: 158px;
+                left: 256px;
+            }
+
+            .lobby-player-name {
+                position: absolute;
+                top: 247px;
+                left: 147px;
+                width: 81px;
+                height: 32px;
+                overflow: hidden;
+                color: #ffffff;
+                font-size: 14px;
+                line-height: 16px;
+                text-align: center;
+                word-break: break-word;
+            }
+
             .player-name {
                 position: absolute;
                 top: 247px;
@@ -167,6 +471,21 @@
                 text-align: center;
             }
 
+            .opponent-name {
+                position: absolute;
+                top: 247px;
+                left: 258px;
+                z-index: 6;
+                width: 81px;
+                height: 32px;
+                overflow: hidden;
+                color: #ffffff;
+                font-size: 14px;
+                line-height: 16px;
+                text-align: center;
+                word-break: break-word;
+            }
+
             .matching-label {
                 position: absolute;
                 top: 270px;
@@ -360,6 +679,49 @@
                     visibility 0s linear 830ms;
             }
 
+            .dice-frame.is-searching .waiting-only {
+                visibility: hidden;
+                opacity: 0;
+                pointer-events: none;
+                transition:
+                    opacity 240ms ease,
+                    visibility 0s linear 260ms;
+            }
+
+            .lobby-only {
+                transition:
+                    opacity 180ms ease,
+                    visibility 0s linear 0s,
+                    transform 820ms ease-in-out;
+                will-change: opacity, transform;
+            }
+
+            .dice-frame.is-searching .lobby-only,
+            .dice-frame.is-matching .lobby-only {
+                visibility: visible;
+                opacity: 1;
+                pointer-events: auto;
+                transition:
+                    opacity 180ms ease,
+                    visibility 0s linear 0s,
+                    transform 820ms ease-in-out;
+            }
+
+            .dice-frame.is-searching .lobby-avatar-glow,
+            .dice-frame.is-matching .lobby-avatar-glow,
+            .dice-frame.is-searching .lobby-player-card,
+            .dice-frame.is-matching .lobby-player-card,
+            .dice-frame.is-searching .avatar-hole-mask-lobby,
+            .dice-frame.is-matching .avatar-hole-mask-lobby,
+            .dice-frame.is-searching .dice-avatar-lobby,
+            .dice-frame.is-matching .dice-avatar-lobby,
+            .dice-frame.is-searching .dice-avatar-frame-lobby,
+            .dice-frame.is-matching .dice-avatar-frame-lobby,
+            .dice-frame.is-searching .lobby-player-name,
+            .dice-frame.is-matching .lobby-player-name {
+                transform: translateX(-110px);
+            }
+
             .matching-card-only {
                 visibility: hidden;
                 opacity: 0;
@@ -368,12 +730,79 @@
                     visibility 0s linear 180ms;
             }
 
-            .dice-frame.is-matching .matching-card-only {
+            .dice-frame.is-searching .matching-card-only {
                 visibility: visible;
                 opacity: 1;
                 transition:
-                    opacity 220ms ease 560ms,
-                    visibility 0s linear 560ms;
+                    opacity 220ms ease 760ms,
+                    visibility 0s linear 760ms;
+            }
+
+            .search-indicator img {
+                transform-origin: 50% 50%;
+            }
+
+            .search-indicator img {
+                --search-orbit-radius: 5px;
+            }
+
+            .dice-frame.is-searching .search-indicator img {
+                animation: search-orbit 1100ms linear infinite;
+            }
+
+            .searching-only {
+                visibility: hidden;
+                opacity: 0;
+                transition:
+                    opacity 180ms ease,
+                    visibility 0s linear 180ms;
+            }
+
+            .dice-frame.is-searching .searching-only {
+                visibility: visible;
+                opacity: 1;
+                transition:
+                    opacity 220ms ease 820ms,
+                    visibility 0s linear 820ms;
+            }
+
+            .center-search {
+                position: absolute;
+                top: 157px;
+                left: 122px;
+                z-index: 8;
+                width: 132px;
+                height: 132px;
+                filter: drop-shadow(0 0 12px rgba(77, 224, 255, 0.72));
+            }
+
+            .center-search-bg,
+            .center-search-icon {
+                position: absolute;
+                display: block;
+                pointer-events: none;
+                user-select: none;
+            }
+
+            .center-search-bg {
+                inset: 0;
+                width: 100%;
+                height: 100%;
+                transform-origin: 50% 50%;
+                will-change: transform;
+            }
+
+            .dice-frame.is-searching .center-search-bg {
+                animation: matching-center-spin 3000ms linear infinite;
+            }
+
+            .center-search-icon {
+                top: 50%;
+                left: 50%;
+                width: 44px;
+                height: 44px;
+                filter: drop-shadow(0 0 8px rgba(126, 220, 255, 0.88));
+                transform: translate(-50%, -50%);
             }
 
             .matching-action {
@@ -390,12 +819,12 @@
                 will-change: opacity;
             }
 
-            .dice-frame.is-matching .matching-action {
+            .dice-frame.is-searching .matching-action {
                 visibility: visible;
                 opacity: 1;
                 transition:
-                    opacity 260ms ease 680ms,
-                    visibility 0s linear 680ms;
+                    opacity 260ms ease 860ms,
+                    visibility 0s linear 860ms;
             }
 
             .matching-action img {
@@ -420,12 +849,12 @@
                 transform: translateX(-18px);
             }
 
-            .dice-frame.is-matching .matching-action img {
+            .dice-frame.is-searching .matching-action img {
                 opacity: 1;
                 transform: translateX(0);
                 transition:
-                    opacity 180ms ease 760ms,
-                    transform 260ms ease 740ms;
+                    opacity 180ms ease 940ms,
+                    transform 260ms ease 920ms;
             }
 
             .matching-action-text {
@@ -447,9 +876,170 @@
                 transition: opacity 220ms ease 260ms;
             }
 
-            .dice-frame.is-matching .matching-action-text {
+            .dice-frame.is-searching .matching-action-text {
                 opacity: 1;
-                transition: opacity 220ms ease 740ms;
+                transition: opacity 220ms ease 920ms;
+            }
+
+            .dice-phase-text {
+                position: absolute;
+                top: 318px;
+                left: 52px;
+                z-index: 12;
+                width: 271px;
+                min-height: 42px;
+                visibility: hidden;
+                opacity: 0;
+                color: #fff1a8;
+                font-size: 36px;
+                font-weight: 900;
+                line-height: 42px;
+                text-align: center;
+                text-shadow:
+                    0 2px 0 rgba(96, 16, 0, 0.78),
+                    0 0 14px rgba(255, 88, 0, 0.82);
+                transition: opacity 180ms ease;
+            }
+
+            .dice-frame.is-searching .dice-phase-text,
+            .dice-frame.is-matching .dice-phase-text {
+                visibility: visible;
+                opacity: 1;
+            }
+
+            .dice-frame.is-countdown .dice-phase-text {
+                visibility: hidden;
+                opacity: 0;
+            }
+
+            .countdown-layer {
+                position: absolute;
+                top: 268px;
+                left: 0;
+                z-index: 18;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                width: 375px;
+                height: 158px;
+                visibility: hidden;
+                opacity: 0;
+                pointer-events: none;
+                transition: opacity 120ms ease;
+            }
+
+            .dice-frame.is-countdown .countdown-layer {
+                visibility: visible;
+                opacity: 1;
+            }
+
+            .countdown-number {
+                min-width: 132px;
+                color: transparent;
+                font-size: 132px;
+                font-weight: 1000;
+                line-height: 132px;
+                text-align: center;
+                background: linear-gradient(
+                    180deg,
+                    #ffffff 0%,
+                    #fff5b6 17%,
+                    #ffcf44 43%,
+                    #ff7a00 71%,
+                    #9b2d00 100%
+                );
+                -webkit-background-clip: text;
+                background-clip: text;
+                -webkit-text-stroke: 2px #7d2700;
+                filter: drop-shadow(0 5px 0 rgba(94, 17, 0, 0.9))
+                    drop-shadow(0 0 18px rgba(255, 205, 46, 0.92))
+                    drop-shadow(0 0 30px rgba(255, 77, 0, 0.72));
+                opacity: 0;
+                transform: scale(0.72);
+            }
+
+            .countdown-number.is-ticking {
+                animation: countdown-number-pop 940ms ease-out both;
+            }
+
+            .dice-score {
+                position: absolute;
+                top: 302px;
+                z-index: 12;
+                width: 88px;
+                min-height: 34px;
+                visibility: hidden;
+                opacity: 0;
+                color: #ffffff;
+                font-size: 18px;
+                font-weight: 900;
+                line-height: 22px;
+                text-align: center;
+                text-shadow: 0 2px 5px rgba(0, 0, 0, 0.82);
+                transition: opacity 180ms ease;
+            }
+
+            .dice-score-self {
+                left: 34px;
+            }
+
+            .dice-score-opponent {
+                left: 255px;
+            }
+
+            .dice-frame.has-scores .dice-score {
+                visibility: visible;
+                opacity: 1;
+            }
+
+            .dice-roll-effect {
+                position: absolute;
+                z-index: 11;
+                width: 132px;
+                height: 132px;
+                visibility: hidden;
+                opacity: 0;
+                pointer-events: none;
+                transition: opacity 120ms ease;
+            }
+
+            .dice-roll-effect canvas,
+            .dice-roll-effect video {
+                display: block;
+                width: 100%;
+                height: 100%;
+            }
+
+            .dice-roll-effect-self {
+                left: 8px;
+                top: 379px;
+            }
+
+            .dice-roll-effect-opponent {
+                left: 230px;
+                top: 379px;
+            }
+
+            .dice-roll-effect.is-playing,
+            .dice-roll-effect.is-fallback {
+                visibility: visible;
+                opacity: 1;
+            }
+
+            .dice-roll-effect.is-fallback::before {
+                position: absolute;
+                inset: 28px;
+                content: '';
+                border-radius: 50%;
+                background: radial-gradient(
+                    circle at 45% 38%,
+                    rgba(255, 255, 255, 0.95) 0%,
+                    rgba(255, 230, 124, 0.72) 32%,
+                    rgba(255, 108, 26, 0.38) 58%,
+                    rgba(255, 108, 26, 0) 78%
+                );
+                filter: blur(1px) drop-shadow(0 0 14px rgba(255, 196, 69, 0.82));
+                animation: dice-roll-fallback 520ms linear infinite;
             }
 
             .battle-only {
@@ -459,10 +1049,90 @@
                     visibility 0s linear 0s;
             }
 
+            .match-battle-only {
+                visibility: hidden;
+                opacity: 0;
+                pointer-events: none;
+                transition:
+                    opacity 180ms ease,
+                    visibility 0s linear 180ms;
+            }
+
+            .dice-frame.is-matching .match-battle-only {
+                visibility: visible;
+                opacity: 1;
+                pointer-events: auto;
+                transition:
+                    opacity 220ms ease,
+                    visibility 0s linear 0s;
+            }
+
+            .player-copy-only {
+                display: none;
+            }
+
+            .opponent-battle-only,
+            .versus-only {
+                visibility: hidden;
+                opacity: 0;
+                pointer-events: none;
+                transition:
+                    opacity 180ms ease,
+                    visibility 0s linear 180ms;
+            }
+
+            .dice-frame.is-searching .opponent-battle-only,
+            .dice-frame.is-matching .opponent-battle-only {
+                visibility: visible;
+                opacity: 1;
+                pointer-events: auto;
+                transition:
+                    opacity 220ms ease 760ms,
+                    visibility 0s linear 760ms;
+            }
+
+            .opponent-name {
+                display: none;
+            }
+
+            .dice-frame.is-matching .opponent-name {
+                display: block;
+            }
+
+            .dice-frame.has-opponent .opponent-default-avatar {
+                visibility: hidden;
+                opacity: 0;
+                pointer-events: none;
+            }
+
+            .dice-frame.is-matching .versus-only {
+                visibility: visible;
+                opacity: 1;
+                pointer-events: auto;
+                transition:
+                    opacity 80ms ease,
+                    visibility 0s linear 0s;
+            }
+
+            .dice-frame .dice-avatar.is-empty,
+            .dice-frame .dice-avatar-frame.is-empty,
+            .dice-frame.is-searching .dice-avatar.is-empty,
+            .dice-frame.is-searching .dice-avatar-frame.is-empty,
+            .dice-frame.is-matching .dice-avatar.is-empty,
+            .dice-frame.is-matching .dice-avatar-frame.is-empty {
+                visibility: hidden;
+                opacity: 0;
+                pointer-events: none;
+            }
+
             .dice-frame.is-victory .battle-only,
             .dice-frame.is-victory .waiting-only,
             .dice-frame.is-victory .matching-card-only,
-            .dice-frame.is-victory .matching-action {
+            .dice-frame.is-victory .matching-action,
+            .dice-frame.is-victory .searching-only,
+            .dice-frame.is-victory .opponent-battle-only,
+            .dice-frame.is-victory .dice-roll-effect,
+            .dice-frame.is-victory .versus-only {
                 visibility: hidden;
                 opacity: 0;
                 pointer-events: none;
@@ -492,6 +1162,38 @@
                     visibility 0s linear 120ms;
             }
 
+            .winner-avatar-mask,
+            .winner-avatar {
+                position: absolute;
+                top: 268px;
+                left: 134px;
+                width: 108px;
+                height: 108px;
+                border-radius: 50%;
+                pointer-events: none;
+            }
+
+            .winner-avatar-mask {
+                z-index: 3;
+                background: radial-gradient(
+                    circle at 50% 44%,
+                    rgba(27, 19, 36, 0.98) 0%,
+                    rgba(13, 10, 22, 0.98) 68%,
+                    rgba(6, 5, 15, 0.98) 100%
+                );
+                box-shadow: inset 0 0 24px rgba(0, 0, 0, 0.72);
+            }
+
+            .winner-avatar {
+                z-index: 4;
+                object-fit: cover;
+                user-select: none;
+            }
+
+            .winner-avatar.is-empty {
+                opacity: 0;
+            }
+
             .victory-name {
                 position: absolute;
                 top: 392px;
@@ -502,6 +1204,7 @@
                 color: #ffffff;
                 font-size: 24px;
                 line-height: 26px;
+                text-align: center;
                 word-break: break-word;
             }
 
@@ -545,17 +1248,26 @@
 
             @media (prefers-reduced-motion: reduce) {
                 .waiting-only,
+                .lobby-only,
+                .searching-only,
                 .matching-action,
                 .matching-action img,
                 .matching-action-text,
                 .battle-only,
+                .match-battle-only,
+                .opponent-battle-only,
+                .dice-roll-effect,
+                .versus-only,
                 .victory-only {
                     transition: none;
                 }
 
                 .dice-frame.is-matching .vs-badge,
                 .dice-frame.is-matching .vs-badge::after,
-                .dice-frame.is-matching {
+                .dice-frame.is-matching,
+                .dice-frame.is-searching .center-search-bg,
+                .dice-frame.is-searching .search-indicator img,
+                .dice-roll-effect.is-fallback::before {
                     animation: none;
                 }
             }
@@ -630,6 +1342,70 @@
                     transform: scale(1.92);
                 }
             }
+
+            @keyframes search-orbit {
+                0% {
+                    transform: rotate(0deg)
+                        translateX(var(--search-orbit-radius, 12px))
+                        rotate(0deg);
+                }
+                100% {
+                    transform: rotate(360deg)
+                        translateX(var(--search-orbit-radius, 12px))
+                        rotate(-360deg);
+                }
+            }
+
+            @keyframes matching-center-spin {
+                0% {
+                    transform: rotate(0deg);
+                }
+                100% {
+                    transform: rotate(360deg);
+                }
+            }
+
+            @keyframes dice-roll-fallback {
+                0% {
+                    transform: scale(0.88) rotate(0deg);
+                    opacity: 0.78;
+                }
+                50% {
+                    transform: scale(1.08) rotate(180deg);
+                    opacity: 1;
+                }
+                100% {
+                    transform: scale(0.88) rotate(360deg);
+                    opacity: 0.78;
+                }
+            }
+
+            @keyframes countdown-number-pop {
+                0% {
+                    opacity: 0;
+                    transform: scale(0.32);
+                    filter: drop-shadow(0 5px 0 rgba(94, 17, 0, 0.9))
+                        drop-shadow(0 0 8px rgba(255, 205, 46, 0.55));
+                }
+
+                24% {
+                    opacity: 1;
+                    transform: scale(1.18);
+                    filter: drop-shadow(0 5px 0 rgba(94, 17, 0, 0.9))
+                        drop-shadow(0 0 24px rgba(255, 229, 86, 1))
+                        drop-shadow(0 0 42px rgba(255, 77, 0, 0.86));
+                }
+
+                70% {
+                    opacity: 1;
+                    transform: scale(1);
+                }
+
+                100% {
+                    opacity: 0;
+                    transform: scale(0.86);
+                }
+            }
         </style>
     </head>
     <body>
@@ -654,43 +1430,122 @@
                 </div>
 
                 <div class="game-content">
-                    <button
-                        class="layer"
-                        type="button"
-                        aria-label="Back"
-                        style="left: 16px; top: 60px; width: 46px; height: 36px"
-                        data-node-id="466:68"
-                        data-action="back"
-                    >
-                        <img
-                            class="layer-img cover"
-                            src="assets/figma/back-button.png"
-                            alt=""
-                        />
-                    </button>
+                    <div class="top-bar" data-name="top bar">
+                        <button
+                            class="top-back"
+                            type="button"
+                            aria-label="Back"
+                            data-node-id="466:68"
+                            data-action="back"
+                        >
+                            <img
+                                class="layer-img cover"
+                                src="assets/figma/back-button.png"
+                                alt=""
+                            />
+                        </button>
 
-                    <div
-                        class="layer"
-                        style="
-                            left: 170px;
-                            top: 60px;
-                            width: 36px;
-                            height: 36px;
-                            border-radius: 6px;
-                            overflow: hidden;
-                        "
-                        data-node-id="466:87"
-                        data-name="game icon"
-                    >
-                        <img
-                            class="layer-img cover"
-                            src="assets/figma/game-icon.png"
-                            alt=""
-                        />
+                        <div
+                            class="top-game-icon"
+                            data-node-id="466:87"
+                            data-name="game icon"
+                        >
+                            <img
+                                class="layer-img cover"
+                                src="assets/figma/game-icon.png"
+                                alt=""
+                            />
+                        </div>
+
+                        <button
+                            class="top-coin"
+                            type="button"
+                            data-name="coin balance"
+                            data-action="recharge"
+                            aria-label="Recharge"
+                        >
+                            <img src="assets/figma/coin.png" alt="" />
+                            <span>8,000</span>
+                            <strong class="top-coin-plus" aria-hidden="true"
+                                >+</strong
+                            >
+                        </button>
+
+                        <div class="language-switcher">
+                            <button
+                                class="language-button"
+                                type="button"
+                                data-language-toggle
+                                data-i18n-aria="diceMatch.changeLanguage"
+                                aria-label="Change language"
+                                aria-expanded="false"
+                            >
+                                <span data-current-lang>EN</span>
+                            </button>
+                            <div
+                                class="language-menu"
+                                data-language-menu
+                                hidden
+                            >
+                                <button type="button" data-lang-option="en">
+                                    EN
+                                </button>
+                                <button type="button" data-lang-option="ar">
+                                    AR
+                                </button>
+                                <button type="button" data-lang-option="es">
+                                    ES
+                                </button>
+                            </div>
+                        </div>
                     </div>
 
                     <div
-                        class="layer battle-only"
+                        class="layer waiting-only lobby-only lobby-avatar-glow"
+                        data-name="lobby avatar glow"
+                    >
+                        <img
+                            class="layer-img fill"
+                            src="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221%22 height=%221%22%2F%3E"
+                            alt=""
+                        />
+                    </div>
+                    <div
+                        class="layer waiting-only lobby-only lobby-player-card"
+                        data-name="lobby player card"
+                    >
+                        <img
+                            class="layer-img cover"
+                            src="assets/figma/player-card.png"
+                            alt=""
+                        />
+                    </div>
+                    <div
+                        class="avatar-hole-mask avatar-hole-mask-lobby waiting-only lobby-only"
+                        data-name="lobby avatar empty mask"
+                    ></div>
+                    <img
+                        class="dice-avatar dice-avatar-lobby waiting-only lobby-only is-empty"
+                        data-role="self-avatar"
+                        src="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221%22 height=%221%22%2F%3E"
+                        alt=""
+                    />
+                    <img
+                        class="dice-avatar-frame dice-avatar-frame-lobby waiting-only lobby-only is-empty"
+                        data-role="self-avatar-frame"
+                        src="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221%22 height=%221%22%2F%3E"
+                        alt=""
+                    />
+                    <div
+                        class="lobby-player-name waiting-only lobby-only"
+                        data-name="lobby player name"
+                    >
+                        <div>NameName</div>
+                        <div>Name...</div>
+                    </div>
+
+                    <div
+                        class="layer battle-only match-battle-only player-copy-only"
                         style="
                             left: 41px;
                             top: 163px;
@@ -701,12 +1556,12 @@
                     >
                         <img
                             class="layer-img fill"
-                            src="assets/figma/player-avatar-glow.png"
+                            src="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221%22 height=%221%22%2F%3E"
                             alt=""
                         />
                     </div>
                     <div
-                        class="layer battle-only"
+                        class="layer battle-only match-battle-only player-copy-only"
                         style="
                             left: 21px;
                             top: 146px;
@@ -721,13 +1576,32 @@
                             alt=""
                         />
                     </div>
-                    <div class="player-name battle-only" data-node-id="466:91">
+                    <div
+                        class="avatar-hole-mask avatar-hole-mask-self battle-only match-battle-only"
+                        data-name="self avatar empty mask"
+                    ></div>
+                    <img
+                        class="dice-avatar dice-avatar-self battle-only match-battle-only is-empty"
+                        data-role="self-battle-avatar"
+                        src="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221%22 height=%221%22%2F%3E"
+                        alt=""
+                    />
+                    <img
+                        class="dice-avatar-frame dice-avatar-frame-self battle-only match-battle-only is-empty"
+                        data-role="self-battle-avatar-frame"
+                        src="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221%22 height=%221%22%2F%3E"
+                        alt=""
+                    />
+                    <div
+                        class="player-name battle-only match-battle-only player-copy-only"
+                        data-node-id="466:91"
+                    >
                         <div>NameName</div>
                         <div>Name...</div>
                     </div>
 
                     <div
-                        class="layer vs-badge battle-only"
+                        class="layer vs-badge battle-only versus-only"
                         style="
                             left: 120px;
                             top: 159px;
@@ -743,6 +1617,22 @@
                         />
                     </div>
 
+                    <div
+                        class="center-search searching-only"
+                        aria-hidden="true"
+                    >
+                        <img
+                            class="center-search-bg"
+                            src="assets/figma/matching-center-bg.svg"
+                            alt=""
+                        />
+                        <img
+                            class="center-search-icon"
+                            src="assets/figma/search-icon.svg"
+                            alt=""
+                        />
+                    </div>
+
                     <div
                         class="layer waiting-only"
                         style="
@@ -842,7 +1732,18 @@
                     </div>
 
                     <div
-                        class="layer battle-only"
+                        class="dice-roll-effect dice-roll-effect-self"
+                        data-role="self-roll-effect"
+                        aria-hidden="true"
+                    ></div>
+                    <div
+                        class="dice-roll-effect dice-roll-effect-opponent"
+                        data-role="opponent-roll-effect"
+                        aria-hidden="true"
+                    ></div>
+
+                    <div
+                        class="layer battle-only opponent-battle-only"
                         style="
                             left: 262px;
                             top: 163px;
@@ -858,7 +1759,7 @@
                         />
                     </div>
                     <div
-                        class="layer battle-only"
+                        class="layer battle-only opponent-battle-only opponent-default-avatar"
                         style="
                             left: 262px;
                             top: 163px;
@@ -874,7 +1775,7 @@
                         />
                     </div>
                     <div
-                        class="layer battle-only"
+                        class="layer battle-only opponent-battle-only"
                         style="
                             left: 242px;
                             top: 146px;
@@ -889,6 +1790,25 @@
                             alt=""
                         />
                     </div>
+                    <img
+                        class="dice-avatar dice-avatar-opponent battle-only opponent-battle-only is-empty"
+                        data-role="opponent-avatar"
+                        src="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221%22 height=%221%22%2F%3E"
+                        alt=""
+                    />
+                    <img
+                        class="dice-avatar-frame dice-avatar-frame-opponent battle-only opponent-battle-only is-empty"
+                        data-role="opponent-avatar-frame"
+                        src="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221%22 height=%221%22%2F%3E"
+                        alt=""
+                    />
+                    <div
+                        class="opponent-name battle-only opponent-battle-only"
+                        data-role="opponent-name"
+                    >
+                        <div>?</div>
+                        <div></div>
+                    </div>
                     <div
                         class="opponent-mark matching-card-only"
                         data-node-id="466:135"
@@ -897,7 +1817,7 @@
                         ?
                     </div>
                     <div
-                        class="layer matching-card-only"
+                        class="layer matching-card-only search-indicator"
                         style="
                             left: 262px;
                             top: 269px;
@@ -1117,6 +2037,30 @@
                             alt=""
                         />
                     </div>
+                    <div
+                        class="dice-phase-text"
+                        data-role="phase-text"
+                        aria-live="polite"
+                    ></div>
+                    <div
+                        class="countdown-layer"
+                        data-role="countdown-layer"
+                        aria-live="polite"
+                        aria-hidden="true"
+                    >
+                        <div
+                            class="countdown-number"
+                            data-role="countdown-number"
+                        ></div>
+                    </div>
+                    <div
+                        class="dice-score dice-score-self"
+                        data-role="self-score"
+                    ></div>
+                    <div
+                        class="dice-score dice-score-opponent"
+                        data-role="opponent-score"
+                    ></div>
 
                     <div
                         class="layer victory-only"
@@ -1136,21 +2080,15 @@
                         />
                     </div>
                     <div
-                        class="layer victory-only"
-                        style="
-                            left: 134px;
-                            top: 268px;
-                            width: 108px;
-                            height: 108px;
-                        "
-                        data-node-id="466:292"
-                    >
-                        <img
-                            class="layer-img fill"
-                            src="assets/figma/win-avatar-glow.png"
-                            alt=""
-                        />
-                    </div>
+                        class="winner-avatar-mask victory-only"
+                        data-name="winner avatar empty mask"
+                    ></div>
+                    <img
+                        class="winner-avatar victory-only is-empty"
+                        data-role="winner-avatar"
+                        src="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221%22 height=%221%22%2F%3E"
+                        alt=""
+                    />
                     <div
                         class="layer victory-only"
                         style="
@@ -1163,6 +2101,7 @@
                     >
                         <img
                             class="layer-img cover"
+                            data-role="winner-card"
                             src="assets/figma/win-player-card.png"
                             alt=""
                         />
@@ -1250,13 +2189,39 @@
         <script src="../../common/api.js"></script>
         <script src="../../common/params.js"></script>
         <script src="../../common/jsbridge.js"></script>
-        <script src="../../common/i18n.js"></script>
+        <script>
+            window.HyAppI18nSupported = ['en', 'ar', 'es'];
+        </script>
+        <script src="../../common/i18n.js?v=dice-lang-20260611"></script>
+        <script src="../../common/effect-player.js"></script>
         <script>
             (function () {
                 var DESIGN_WIDTH = 375;
                 var DESIGN_HEIGHT = 812;
+                var SETTLEMENT_AUTO_CLOSE_MS = 30000;
+                var DICE_ROLL_EFFECT_URL = 'assets/figma/dice-roll.svga';
                 var root = document.documentElement;
-                var victoryTimer = 0;
+                var transparentPixel =
+                    'data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221%22 height=%221%22%2F%3E';
+                var frame = document.querySelector('.dice-frame');
+                var timers = [];
+                var pollTimer = 0;
+                var roundSequence = 0;
+                var rollEffectPlayers = {
+                    self: null,
+                    opponent: null,
+                };
+                var state = {
+                    profile: {},
+                    appearance: {},
+                    balanceCoin: 0,
+                    config: null,
+                    selectedStake: 0,
+                    match: null,
+                    busy: false,
+                    roundStarted: false,
+                    serverTimeMS: 0,
+                };
 
                 function updateScale() {
                     var scale = Math.min(
@@ -1275,87 +2240,1159 @@
                     }
                 }
 
+                function openRecharge() {
+                    var payload = { source: 'dice', game_code: 'touzi' };
+                    if (
+                        window.HyAppBridge &&
+                        typeof window.HyAppBridge.recharge === 'function'
+                    ) {
+                        window.HyAppBridge.recharge(payload);
+                        return;
+                    }
+                    postBridge('gameRecharge', payload);
+                    postBridge('recharge', payload);
+                }
+
+                function each(nodes, iteratee) {
+                    Array.prototype.forEach.call(nodes, iteratee);
+                }
+
+                function schedule(callback, ms) {
+                    var timer = window.setTimeout(function () {
+                        timers = timers.filter(function (item) {
+                            return item !== timer;
+                        });
+                        callback();
+                    }, ms);
+                    timers.push(timer);
+                    return timer;
+                }
+
+                function delay(ms) {
+                    return new Promise(function (resolve) {
+                        schedule(resolve, ms);
+                    });
+                }
+
+                function clearPollTimer() {
+                    if (!pollTimer) return;
+                    window.clearTimeout(pollTimer);
+                    pollTimer = 0;
+                }
+
+                function clearMatchTimers() {
+                    clearPollTimer();
+                    timers.forEach(function (timer) {
+                        window.clearTimeout(timer);
+                    });
+                    timers = [];
+                }
+
+                function api() {
+                    return window.HyAppAPI || {};
+                }
+
+                function diceAPI() {
+                    return api().game && api().game.dice;
+                }
+
+                function role(name) {
+                    return document.querySelector('[data-role="' + name + '"]');
+                }
+
+                function rollEffectNode(side) {
+                    return role(
+                        side === 'opponent'
+                            ? 'opponent-roll-effect'
+                            : 'self-roll-effect'
+                    );
+                }
+
+                function createRollEffectPlayer(side) {
+                    var node = rollEffectNode(side);
+                    if (!node || !window.HyAppEffectPlayer) return null;
+                    if (!rollEffectPlayers[side]) {
+                        rollEffectPlayers[side] =
+                            window.HyAppEffectPlayer.create(node, {
+                                activeClass: 'is-playing',
+                                fit: 'contain',
+                                loop: true,
+                                svgaScript: '../../common/vendor/svga.min.js',
+                                waitForWindowLoad: false,
+                            });
+                    }
+                    return rollEffectPlayers[side];
+                }
+
+                function playSingleRollEffect(side) {
+                    var node = rollEffectNode(side);
+                    var player = createRollEffectPlayer(side);
+                    if (!node) return Promise.resolve();
+                    node.classList.remove('is-fallback');
+                    if (!player) {
+                        node.classList.add('is-fallback');
+                        return Promise.resolve();
+                    }
+                    player.stop();
+                    return player
+                        .play(DICE_ROLL_EFFECT_URL, {
+                            type: 'svga',
+                            waitForWindowLoad: false,
+                        })
+                        .catch(function () {
+                            node.innerHTML = '';
+                            node.classList.remove('is-playing');
+                            node.classList.add('is-fallback');
+                        });
+                }
+
+                function playRollEffects() {
+                    return Promise.all([
+                        playSingleRollEffect('self'),
+                        playSingleRollEffect('opponent'),
+                    ]);
+                }
+
+                function stopSingleRollEffect(side) {
+                    var node = rollEffectNode(side);
+                    var player = rollEffectPlayers[side];
+                    if (player) player.stop();
+                    if (node) {
+                        node.innerHTML = '';
+                        node.classList.remove('is-playing', 'is-fallback');
+                    }
+                }
+
+                function stopRollEffects() {
+                    stopSingleRollEffect('self');
+                    stopSingleRollEffect('opponent');
+                }
+
+                function setText(node, value) {
+                    if (node) node.textContent = value == null ? '' : value;
+                }
+
+                function i18nText(key, fallback) {
+                    return window.HyAppI18n && window.HyAppI18n.t
+                        ? window.HyAppI18n.t(key, fallback)
+                        : fallback;
+                }
+
+                function i18nFormat(key, fallback, values) {
+                    var text = i18nText(key, fallback);
+                    return text.replace(
+                        /\{([a-zA-Z0-9_]+)\}/g,
+                        function (match, name) {
+                            return Object.prototype.hasOwnProperty.call(
+                                values || {},
+                                name
+                            )
+                                ? values[name]
+                                : match;
+                        }
+                    );
+                }
+
+                function matchText() {
+                    return i18nText('diceMatch.match', 'Match');
+                }
+
+                function matchingText() {
+                    return i18nText('diceMatch.matching', 'Matching...');
+                }
+
+                function setPhaseText(value) {
+                    setText(role('phase-text'), value || '');
+                }
+
+                function setCountdownNumber(value) {
+                    var node = role('countdown-number');
+                    var layer = role('countdown-layer');
+                    var next = value == null ? '' : String(value);
+                    if (layer) {
+                        layer.setAttribute(
+                            'aria-hidden',
+                            next ? 'false' : 'true'
+                        );
+                    }
+                    if (!node) return;
+                    if (
+                        (node.getAttribute('data-countdown-value') || '') ===
+                        next
+                    ) {
+                        return;
+                    }
+                    if (next) {
+                        node.setAttribute('data-countdown-value', next);
+                    } else {
+                        node.removeAttribute('data-countdown-value');
+                    }
+                    node.textContent = next;
+                    node.classList.remove('is-ticking');
+                    if (!next) return;
+                    // 重新触发每一跳的弹出动画，保证 3、2、1 都是独立的一次视觉反馈。
+                    void node.offsetWidth;
+                    node.classList.add('is-ticking');
+                }
+
+                function setActionText(value) {
+                    setText(
+                        document.querySelector('.matching-action-text'),
+                        value || matchingText()
+                    );
+                }
+
+                function showMessage(message) {
+                    var text =
+                        message ||
+                        i18nText('diceMatch.requestFailed', 'Request failed');
+                    if (window.HyAppToast && window.HyAppToast.show) {
+                        window.HyAppToast.show(text);
+                        return;
+                    }
+                    setPhaseText(text);
+                }
+
+                function formatCoin(value) {
+                    var number = Number(value || 0);
+                    if (!Number.isFinite(number)) number = 0;
+                    return Math.trunc(number).toLocaleString('en-US');
+                }
+
+                function trimCompactDecimal(value) {
+                    return String(value).replace(/\.0$/, '');
+                }
+
+                function formatTopCoin(value) {
+                    var number = Number(value || 0);
+                    if (!Number.isFinite(number)) number = 0;
+                    number = Math.max(0, Math.trunc(number));
+                    if (number < 100000) return formatCoin(number);
+                    if (number < 1000000)
+                        return Math.floor(number / 1000) + 'K';
+                    if (number < 10000000)
+                        return (
+                            trimCompactDecimal(
+                                (Math.floor(number / 100000) / 10).toFixed(1)
+                            ) + 'M'
+                        );
+                    if (number < 1000000000)
+                        return Math.floor(number / 1000000) + 'M';
+                    return (
+                        trimCompactDecimal(
+                            (Math.floor(number / 100000000) / 10).toFixed(1)
+                        ) + 'B'
+                    );
+                }
+
+                function setCoin(value) {
+                    var number = Number(value || 0);
+                    if (!Number.isFinite(number)) number = 0;
+                    number = Math.max(0, Math.trunc(number));
+                    state.balanceCoin = number;
+                    var fullLabel = formatCoin(number);
+                    var topCoin = document.querySelector('.top-coin');
+                    if (topCoin) {
+                        topCoin.classList.toggle(
+                            'is-compact',
+                            number >= 100000
+                        );
+                        topCoin.setAttribute('title', fullLabel);
+                        topCoin.setAttribute(
+                            'aria-label',
+                            'Recharge ' + fullLabel
+                        );
+                    }
+                    setText(
+                        document.querySelector('.top-coin span'),
+                        formatTopCoin(number)
+                    );
+                }
+
+                function displayName(user) {
+                    user = user || {};
+                    return (
+                        user.nickname ||
+                        user.username ||
+                        user.name ||
+                        user.display_user_id ||
+                        user.user_id ||
+                        'NameName'
+                    );
+                }
+
+                function displayID(user) {
+                    user = user || {};
+                    return user.display_user_id || user.user_id || '';
+                }
+
+                function setNameGroup(selector, user) {
+                    var nodes = document.querySelectorAll(selector + ' div');
+                    var name = displayName(user);
+                    var sub = displayID(user);
+                    if (nodes[0]) nodes[0].textContent = name;
+                    if (nodes[1]) nodes[1].textContent = sub || name;
+                }
+
+                function avatarURL(user) {
+                    user = user || {};
+                    var url =
+                        user.avatar || user.avatar_url || user.avatarUrl || '';
+                    url = String(url || '').trim();
+                    if (!url) return '';
+                    var normalized = url.toLowerCase();
+                    if (
+                        normalized.indexOf('/avatar/default') !== -1 ||
+                        normalized.indexOf('avatar/default.') !== -1 ||
+                        normalized.indexOf('/default-avatar') !== -1 ||
+                        normalized.indexOf('default_avatar') !== -1 ||
+                        normalized.indexOf('cdn.example.com/avatar/default') !==
+                            -1
+                    ) {
+                        return '';
+                    }
+                    return url;
+                }
+
+                function frameURL(frameData) {
+                    frameData = frameData || {};
+                    return (
+                        frameData.asset_url ||
+                        frameData.preview_url ||
+                        frameData.animation_url ||
+                        frameData.url ||
+                        ''
+                    );
+                }
+
+                function setImage(node, url, fallbackURL) {
+                    if (!node) return;
+                    var nextURL = url || fallbackURL || '';
+                    if (nextURL) {
+                        node.onerror = function () {
+                            node.onerror = null;
+                            node.src = transparentPixel;
+                            node.classList.add('is-empty');
+                        };
+                        node.src = nextURL;
+                        node.classList.remove('is-empty');
+                    } else {
+                        node.onerror = null;
+                        node.src = transparentPixel;
+                        node.classList.add('is-empty');
+                    }
+                }
+
+                function setFrame(node, frameData) {
+                    var url = frameURL(frameData);
+                    setImage(node, url, '');
+                    if (url) {
+                        node.classList.add('has-frame');
+                        node.classList.remove('is-empty');
+                    } else {
+                        node.classList.remove('has-frame');
+                        node.classList.add('is-empty');
+                    }
+                }
+
+                function renderSelfProfile() {
+                    var profile = state.profile || {};
+                    var avatar = avatarURL(profile);
+                    var frameData = state.appearance.avatar_frame || {};
+                    setNameGroup('.lobby-player-name', profile);
+                    setNameGroup('.player-name', profile);
+                    setImage(role('self-avatar'), avatar, '');
+                    setImage(role('self-battle-avatar'), avatar, '');
+                    setFrame(role('self-avatar-frame'), frameData);
+                    setFrame(role('self-battle-avatar-frame'), frameData);
+                }
+
+                function balanceFromResponse(data) {
+                    var balances = (data && data.balances) || [];
+                    for (var i = 0; i < balances.length; i += 1) {
+                        if (balances[i].asset_type === 'COIN') {
+                            return balances[i].available_amount || 0;
+                        }
+                    }
+                    return 0;
+                }
+
+                function enabledStakeOptions(config) {
+                    var options = (config && config.stake_options) || [];
+                    return options
+                        .filter(function (item) {
+                            return (
+                                item &&
+                                item.enabled !== false &&
+                                item.stake_coin > 0
+                            );
+                        })
+                        .sort(function (left, right) {
+                            return (
+                                Number(left.sort_order || 0) -
+                                    Number(right.sort_order || 0) ||
+                                Number(left.stake_coin || 0) -
+                                    Number(right.stake_coin || 0)
+                            );
+                        });
+                }
+
+                function selectStake(button) {
+                    if (!button) return;
+                    each(document.querySelectorAll('.stake'), function (stake) {
+                        var selected = stake === button;
+                        var img = stake.querySelector('img');
+                        if (selected) {
+                            stake.setAttribute('data-selected', 'true');
+                            state.selectedStake = Number(
+                                stake.getAttribute('data-stake') || 0
+                            );
+                        } else {
+                            stake.removeAttribute('data-selected');
+                        }
+                        stake.setAttribute(
+                            'aria-pressed',
+                            selected ? 'true' : 'false'
+                        );
+                        if (img) {
+                            img.src = selected
+                                ? 'assets/figma/stake-fill.png'
+                                : 'assets/figma/stake-outline.svg';
+                        }
+                    });
+                }
+
+                function renderStakeOptions(config) {
+                    var options = enabledStakeOptions(config);
+                    if (!options.length) {
+                        selectStake(
+                            document.querySelector(
+                                '.stake[data-selected="true"]'
+                            ) || document.querySelector('.stake')
+                        );
+                        return;
+                    }
+                    var selected = state.selectedStake;
+                    var fallbackSelected = options[0] && options[0].stake_coin;
+                    var selectedButton = null;
+                    each(
+                        document.querySelectorAll('.stake'),
+                        function (button, index) {
+                            var option = options[index];
+                            if (!option) {
+                                button.style.display = 'none';
+                                return;
+                            }
+                            button.style.display = '';
+                            button.setAttribute(
+                                'data-stake',
+                                String(option.stake_coin)
+                            );
+                            button.setAttribute(
+                                'aria-label',
+                                formatCoin(option.stake_coin)
+                            );
+                            setText(
+                                button.querySelector('.stake-value'),
+                                formatCoin(option.stake_coin)
+                            );
+                            if (option.stake_coin === selected) {
+                                selectedButton = button;
+                            }
+                            if (
+                                !selectedButton &&
+                                option.stake_coin === fallbackSelected
+                            ) {
+                                selectedButton = button;
+                            }
+                        }
+                    );
+                    selectStake(
+                        selectedButton || document.querySelector('.stake')
+                    );
+                    if (config) {
+                        var fee = Number(config.fee_bps || 0) / 100;
+                        var pool = Number(config.pool_bps || 0) / 100;
+                        setText(
+                            document.querySelector('.fee-note'),
+                            i18nFormat(
+                                'diceMatch.configFeeNote',
+                                'Fee {fee}% · Pool {pool}%',
+                                {
+                                    fee: fee,
+                                    pool: pool,
+                                }
+                            )
+                        );
+                    }
+                }
+
+                function resetFrame() {
+                    stopRollEffects();
+                    frame.classList.remove(
+                        'is-searching',
+                        'is-matching',
+                        'is-countdown',
+                        'is-victory',
+                        'has-scores'
+                    );
+                    setCountdownNumber('');
+                }
+
+                function setMatchButtonBusy(busy, label) {
+                    var button = document.querySelector('.match-button');
+                    if (!button) return;
+                    button.disabled = !!busy;
+                    setText(button.querySelector('span'), label || matchText());
+                }
+
+                function currentRoomID() {
+                    var params =
+                        window.HyAppParams &&
+                        window.HyAppParams.current &&
+                        window.HyAppParams.current.raw;
+                    if (params && params.get) {
+                        return (
+                            params.get('room_id') || params.get('roomId') || ''
+                        );
+                    }
+                    return (
+                        new URLSearchParams(window.location.search).get(
+                            'room_id'
+                        ) || ''
+                    );
+                }
+
+                function selfUserID() {
+                    return String(
+                        (state.profile && state.profile.user_id) || ''
+                    );
+                }
+
+                function participantUser(participant) {
+                    participant = participant || {};
+                    var user = Object.assign(
+                        {
+                            user_id: participant.user_id || '',
+                            display_user_id: participant.display_user_id || '',
+                            nickname:
+                                participant.nickname ||
+                                participant.username ||
+                                '',
+                            username: participant.username || '',
+                            avatar:
+                                participant.avatar ||
+                                participant.avatar_url ||
+                                participant.avatarUrl ||
+                                '',
+                        },
+                        participant.user || {}
+                    );
+                    if (!user.user_id) user.user_id = participant.user_id || '';
+                    if (!user.display_user_id) {
+                        user.display_user_id =
+                            participant.display_user_id || '';
+                    }
+                    if (!user.nickname && participant.nickname) {
+                        user.nickname = participant.nickname;
+                    }
+                    if (!user.username && participant.username) {
+                        user.username = participant.username;
+                    }
+                    if (!user.avatar) {
+                        user.avatar =
+                            participant.avatar ||
+                            participant.avatar_url ||
+                            participant.avatarUrl ||
+                            '';
+                    }
+                    return user;
+                }
+
+                function findSelfParticipant(match) {
+                    var participants = (match && match.participants) || [];
+                    var id = selfUserID();
+                    for (var i = 0; i < participants.length; i += 1) {
+                        if (String(participants[i].user_id || '') === id) {
+                            return participants[i];
+                        }
+                    }
+                    for (var j = 0; j < participants.length; j += 1) {
+                        if (!participants[j].is_robot) return participants[j];
+                    }
+                    return participants[0] || null;
+                }
+
+                function findOpponentParticipant(match, selfParticipant) {
+                    var participants = (match && match.participants) || [];
+                    for (var i = 0; i < participants.length; i += 1) {
+                        if (participants[i] !== selfParticipant) {
+                            return participants[i];
+                        }
+                    }
+                    return null;
+                }
+
+                function sameParticipant(left, right) {
+                    if (!left || !right) return false;
+                    var leftID = String(left.user_id || '');
+                    var rightID = String(right.user_id || '');
+                    return leftID !== '' && leftID === rightID;
+                }
+
+                function findWinnerParticipant(match) {
+                    var participants = (match && match.participants) || [];
+                    for (var i = 0; i < participants.length; i += 1) {
+                        if (
+                            participants[i] &&
+                            participants[i].result === 'win'
+                        ) {
+                            return participants[i];
+                        }
+                    }
+                    return null;
+                }
+
+                function scoreText(participant) {
+                    var points = (participant && participant.dice_points) || [];
+                    if (!points.length) return '';
+                    return String(Number(points[0] || 0));
+                }
+
+                function isDrawReroll(match) {
+                    return (
+                        match &&
+                        match.result === 'draw' &&
+                        match.status !== 'settled'
+                    );
+                }
+
+                function renderMatchParticipants(match) {
+                    var self = findSelfParticipant(match);
+                    var opponent = findOpponentParticipant(match, self);
+                    if (self && self.user) {
+                        setNameGroup('.player-name', participantUser(self));
+                    }
+                    if (opponent) {
+                        var opponentUser = participantUser(opponent);
+                        var opponentAvatar = avatarURL(opponentUser);
+                        var hasOpponentProfile =
+                            displayName(opponentUser) !== '?' ||
+                            !!opponentAvatar ||
+                            !!displayID(opponentUser);
+                        frame.classList.toggle(
+                            'has-opponent',
+                            hasOpponentProfile
+                        );
+                        setText(
+                            document.querySelector('.opponent-mark'),
+                            displayName(opponentUser)
+                        );
+                        setNameGroup(
+                            '[data-role="opponent-name"]',
+                            opponentUser
+                        );
+                        setText(
+                            document.querySelector('.matching-label'),
+                            i18nText('diceMatch.ready', 'Ready')
+                        );
+                        setImage(role('opponent-avatar'), opponentAvatar, '');
+                        setFrame(
+                            role('opponent-avatar-frame'),
+                            opponent.avatar_frame || {}
+                        );
+                    } else {
+                        setText(document.querySelector('.opponent-mark'), '?');
+                        setText(
+                            document.querySelector('.matching-label'),
+                            matchingText()
+                        );
+                        setNameGroup('[data-role="opponent-name"]', {
+                            nickname: '?',
+                        });
+                        frame.classList.remove('has-opponent');
+                        setImage(role('opponent-avatar'), '', '');
+                        setFrame(role('opponent-avatar-frame'), {});
+                    }
+                    var selfScore = scoreText(self);
+                    var opponentScore = scoreText(opponent);
+                    setText(role('self-score'), selfScore);
+                    setText(role('opponent-score'), opponentScore);
+                    if (selfScore && opponentScore) {
+                        frame.classList.add('has-scores');
+                    } else {
+                        frame.classList.remove('has-scores');
+                    }
+                }
+
+                function matchFromData(data) {
+                    state.serverTimeMS = Number(
+                        (data && data.server_time_ms) || 0
+                    );
+                    return (data && data.match) || data || {};
+                }
+
+                function isWaitingMatch(match) {
+                    if (!match) return false;
+                    return (
+                        match.phase === 'waiting' ||
+                        (match.status === 'waiting' &&
+                            Number(match.current_players || 0) <
+                                Number(match.min_players || 2))
+                    );
+                }
+
+                function phaseDeadlineLeft(match) {
+                    var deadline = Number(
+                        (match && match.phase_deadline_ms) || 0
+                    );
+                    var serverTime = state.serverTimeMS || Date.now();
+                    if (!deadline) return 3000;
+                    return Math.max(deadline - serverTime, 0);
+                }
+
+                function pollMatch(matchID) {
+                    clearPollTimer();
+                    pollTimer = window.setTimeout(function () {
+                        pollTimer = 0;
+                        var game = diceAPI();
+                        if (!game || !matchID || !state.busy) return;
+                        game.getMatch(matchID)
+                            .then(handleMatchData)
+                            .catch(function (error) {
+                                showMessage(error.message);
+                                schedule(function () {
+                                    pollMatch(matchID);
+                                }, 1000);
+                            });
+                    }, 1000);
+                }
+
+                function enterWaiting(match) {
+                    state.match = match;
+                    state.roundStarted = false;
+                    resetFrame();
+                    frame.classList.add('is-searching');
+                    setActionText(matchingText());
+                    setPhaseText(matchingText());
+                    setMatchButtonBusy(true, matchingText());
+                    renderMatchParticipants(match);
+                    pollMatch(match.match_id);
+                }
+
+                function runCountdown(match, sequence) {
+                    var duration = Math.min(phaseDeadlineLeft(match), 3000);
+                    var endAt = Date.now() + Math.max(duration, 0);
+                    function tick() {
+                        if (sequence !== roundSequence) return;
+                        var left = Math.max(endAt - Date.now(), 0);
+                        if (left <= 0) {
+                            frame.classList.remove('is-countdown');
+                            setCountdownNumber('');
+                            setPhaseText(i18nText('diceMatch.roll', 'Roll'));
+                            rollAndAnimate(sequence);
+                            return;
+                        }
+                        setPhaseText('');
+                        setCountdownNumber(Math.ceil(left / 1000));
+                        schedule(tick, 160);
+                    }
+                    tick();
+                }
+
+                function beginRound(match) {
+                    if (state.roundStarted) {
+                        renderMatchParticipants(match);
+                        return;
+                    }
+                    clearPollTimer();
+                    state.roundStarted = true;
+                    state.busy = true;
+                    state.match = match;
+                    roundSequence += 1;
+                    resetFrame();
+                    frame.classList.add('is-matching', 'is-countdown');
+                    setMatchButtonBusy(true, matchText());
+                    renderMatchParticipants(match);
+                    postBridge('gameMatchReady', {
+                        game_code: 'touzi',
+                        match_id: match.match_id,
+                    });
+                    runCountdown(match, roundSequence);
+                }
+
+                function rollAndAnimate(sequence) {
+                    var game = diceAPI();
+                    var matchID = state.match && state.match.match_id;
+                    if (!game || !matchID) {
+                        showMessage(
+                            i18nText(
+                                'diceMatch.apiUnavailable',
+                                'Dice API unavailable'
+                            )
+                        );
+                        resetToLobby(false);
+                        return;
+                    }
+                    frame.classList.remove('is-countdown');
+                    setCountdownNumber('');
+                    setPhaseText(i18nText('diceMatch.rolling', 'Rolling...'));
+                    frame.classList.remove('has-scores');
+                    playRollEffects();
+                    postBridge('gameDiceRolling', {
+                        game_code: 'touzi',
+                        match_id: matchID,
+                    });
+                    var rollPromise = game
+                        .roll(matchID)
+                        .then(function (data) {
+                            return matchFromData(data);
+                        })
+                        .catch(function () {
+                            return game.getMatch(matchID).then(function (data) {
+                                return matchFromData(data);
+                            });
+                        });
+                    Promise.all([rollPromise, delay(3000)])
+                        .then(function (results) {
+                            if (sequence !== roundSequence) {
+                                stopRollEffects();
+                                return;
+                            }
+                            var match = results[0];
+                            state.match = match;
+                            stopRollEffects();
+                            renderMatchParticipants(match);
+                            frame.classList.add('has-scores');
+                            setPhaseText(
+                                isDrawReroll(match)
+                                    ? i18nText('diceMatch.draw', 'Draw')
+                                    : i18nText('diceMatch.compare', 'Compare')
+                            );
+                            if (isDrawReroll(match)) {
+                                return delay(2000).then(function () {
+                                    if (sequence !== roundSequence) return;
+                                    rollAndAnimate(sequence);
+                                });
+                            }
+                            return delay(3000).then(function () {
+                                showSettlement(match, sequence);
+                            });
+                        })
+                        .catch(function (error) {
+                            stopRollEffects();
+                            showMessage(error.message);
+                            resetToLobby(false);
+                        });
+                }
+
+                function renderVictory(match) {
+                    var self = findSelfParticipant(match);
+                    var winner = findWinnerParticipant(match) || self;
+                    var winnerIsSelf = sameParticipant(winner, self);
+                    var winnerUser = winnerIsSelf
+                        ? Object.assign(
+                              {},
+                              participantUser(winner),
+                              state.profile || {}
+                          )
+                        : participantUser(winner);
+                    var winnerCard = role('winner-card');
+                    if (winnerCard) {
+                        winnerCard.src = winnerIsSelf
+                            ? 'assets/figma/win-player-card.png'
+                            : 'assets/figma/opponent-card.png';
+                    }
+                    setImage(role('winner-avatar'), avatarURL(winnerUser), '');
+                    setNameGroup('.victory-name', winnerUser);
+
+                    setText(
+                        document.querySelector('.victory-panel-label'),
+                        i18nText('diceMatch.win', 'Win')
+                    );
+                    setText(
+                        document.querySelector('.victory-panel-amount'),
+                        formatCoin((winner && winner.payout_coin) || 0)
+                    );
+                    if (self && self.balance_after > 0) {
+                        setCoin(self.balance_after);
+                    }
+                }
+
+                function refreshBalance() {
+                    if (!api().wallet || !api().wallet.balances) return;
+                    api()
+                        .wallet.balances('COIN')
+                        .then(function (data) {
+                            setCoin(balanceFromResponse(data));
+                        })
+                        .catch(function () {});
+                }
+
+                function showSettlement(match, sequence) {
+                    if (sequence !== roundSequence) return;
+                    state.match = match;
+                    renderMatchParticipants(match);
+                    resetFrame();
+                    frame.classList.add('is-victory');
+                    renderVictory(match);
+                    refreshBalance();
+                    postBridge('gameDiceSettled', {
+                        game_code: 'touzi',
+                        match_id: match.match_id,
+                        result: match.result,
+                    });
+                    delay(SETTLEMENT_AUTO_CLOSE_MS).then(function () {
+                        if (sequence === roundSequence) resetToLobby(true);
+                    });
+                }
+
+                function handleMatchData(data) {
+                    var match = matchFromData(data);
+                    if (!match || !match.match_id) return;
+                    state.match = match;
+                    renderMatchParticipants(match);
+                    if (
+                        match.status === 'settled' ||
+                        match.phase === 'settled'
+                    ) {
+                        roundSequence += 1;
+                        showSettlement(match, roundSequence);
+                        return;
+                    }
+                    if (
+                        match.status === 'canceled' ||
+                        match.phase === 'canceled'
+                    ) {
+                        resetToLobby(true);
+                        return;
+                    }
+                    if (isWaitingMatch(match)) {
+                        enterWaiting(match);
+                        return;
+                    }
+                    beginRound(match);
+                }
+
+                function selectedStakeCoin() {
+                    var selected = document.querySelector(
+                        '.stake[data-selected="true"]'
+                    );
+                    return Number(
+                        (selected && selected.getAttribute('data-stake')) ||
+                            state.selectedStake ||
+                            0
+                    );
+                }
+
+                function startMatch() {
+                    var game = diceAPI();
+                    var stake = selectedStakeCoin();
+                    if (!game) {
+                        showMessage(
+                            i18nText(
+                                'diceMatch.apiUnavailable',
+                                'Dice API unavailable'
+                            )
+                        );
+                        return;
+                    }
+                    if (!stake) {
+                        showMessage(
+                            i18nText('diceMatch.selectStake', 'Select stake')
+                        );
+                        return;
+                    }
+                    clearMatchTimers();
+                    state.busy = true;
+                    state.roundStarted = false;
+                    state.match = null;
+                    roundSequence += 1;
+                    resetFrame();
+                    frame.classList.add('is-searching');
+                    setActionText(matchingText());
+                    setPhaseText(matchingText());
+                    setMatchButtonBusy(true, matchingText());
+                    postBridge('gameMatchRequested', {
+                        game_code: 'touzi',
+                        stake: stake,
+                    });
+                    game.match({
+                        game_id: 'dice',
+                        room_id: currentRoomID(),
+                        stake_coin: stake,
+                    })
+                        .then(handleMatchData)
+                        .catch(function (error) {
+                            showMessage(error.message);
+                            resetToLobby(true);
+                        });
+                }
+
+                function cancelWaitingMatch() {
+                    var game = diceAPI();
+                    var match = state.match;
+                    if (
+                        !game ||
+                        !match ||
+                        !match.match_id ||
+                        !isWaitingMatch(match)
+                    ) {
+                        return Promise.resolve();
+                    }
+                    return game.cancel(match.match_id).catch(function () {});
+                }
+
+                function resetToLobby(keepStake) {
+                    clearMatchTimers();
+                    state.busy = false;
+                    state.roundStarted = false;
+                    state.match = null;
+                    roundSequence += 1;
+                    resetFrame();
+                    setPhaseText('');
+                    setActionText(matchingText());
+                    setText(role('self-score'), '');
+                    setText(role('opponent-score'), '');
+                    setText(document.querySelector('.opponent-mark'), '?');
+                    setText(
+                        document.querySelector('.matching-label'),
+                        matchingText()
+                    );
+                    setNameGroup('[data-role="opponent-name"]', {
+                        nickname: '?',
+                    });
+                    frame.classList.remove('has-opponent');
+                    setImage(role('opponent-avatar'), '', '');
+                    setFrame(role('opponent-avatar-frame'), {});
+                    setMatchButtonBusy(false, matchText());
+                    if (!keepStake) state.selectedStake = 0;
+                    renderStakeOptions(state.config);
+                }
+
+                function refreshLocalizedRuntimeText() {
+                    renderStakeOptions(state.config);
+                    if (state.match) {
+                        renderMatchParticipants(state.match);
+                    }
+                    if (frame.classList.contains('is-victory')) {
+                        renderVictory(state.match || {});
+                    }
+                    if (frame.classList.contains('is-searching')) {
+                        setActionText(matchingText());
+                        setPhaseText(matchingText());
+                        setMatchButtonBusy(true, matchingText());
+                        return;
+                    }
+                    if (!state.busy) {
+                        setActionText(matchingText());
+                        setMatchButtonBusy(false, matchText());
+                    }
+                }
+
+                function loadLobby() {
+                    if (!window.HyAppAPI || !diceAPI()) {
+                        showMessage(
+                            i18nText(
+                                'diceMatch.apiUnavailable',
+                                'Dice API unavailable'
+                            )
+                        );
+                        return;
+                    }
+                    setMatchButtonBusy(
+                        true,
+                        i18nText('diceMatch.loading', 'Loading')
+                    );
+                    Promise.all([
+                        api()
+                            .user.me()
+                            .catch(function () {
+                                return null;
+                            }),
+                        api()
+                            .user.appearance()
+                            .catch(function () {
+                                return null;
+                            }),
+                        api()
+                            .wallet.balances('COIN')
+                            .catch(function () {
+                                return null;
+                            }),
+                        diceAPI()
+                            .config('dice')
+                            .catch(function () {
+                                return null;
+                            }),
+                    ]).then(function (results) {
+                        state.profile = results[0] || {};
+                        state.appearance = results[1] || {};
+                        state.config =
+                            (results[3] && results[3].config) || null;
+                        if (results[2])
+                            setCoin(balanceFromResponse(results[2]));
+                        renderSelfProfile();
+                        renderStakeOptions(state.config);
+                        setMatchButtonBusy(false, matchText());
+                    });
+                }
+
                 function initActions() {
                     document.addEventListener('click', function (event) {
                         var target = event.target.closest('[data-action]');
                         if (!target) return;
                         var action = target.getAttribute('data-action');
                         if (action === 'back') {
-                            postBridge('back');
+                            cancelWaitingMatch().then(function () {
+                                postBridge('back');
+                            });
+                            return;
+                        }
+                        if (action === 'recharge') {
+                            openRecharge();
                             return;
                         }
                         if (action === 'stake') {
-                            if (
-                                document
-                                    .querySelector('.dice-frame')
-                                    .classList.contains('is-matching')
-                            ) {
-                                return;
-                            }
-                            document
-                                .querySelectorAll('.stake')
-                                .forEach(function (stake) {
-                                    var selected = stake === target;
-                                    var img = stake.querySelector('img');
-                                    if (selected) {
-                                        stake.setAttribute(
-                                            'data-selected',
-                                            'true'
-                                        );
-                                    } else {
-                                        stake.removeAttribute('data-selected');
-                                    }
-                                    stake.setAttribute(
-                                        'aria-pressed',
-                                        selected ? 'true' : 'false'
-                                    );
-                                    if (img) {
-                                        img.src = selected
-                                            ? 'assets/figma/stake-fill.png'
-                                            : 'assets/figma/stake-outline.svg';
-                                    }
-                                });
+                            if (state.busy) return;
+                            selectStake(target);
                             return;
                         }
                         if (action === 'match') {
-                            var frame = document.querySelector('.dice-frame');
-                            window.clearTimeout(victoryTimer);
-                            frame.classList.remove('is-victory');
-                            frame.classList.add('is-matching');
-                            var selectedStake = document.querySelector(
-                                '.stake[data-selected="true"]'
-                            );
-                            postBridge('gameMatchRequested', {
-                                game_code: 'touzi',
-                                stake: selectedStake
-                                    ? selectedStake.getAttribute('data-stake')
-                                    : '',
-                            });
-                            victoryTimer = window.setTimeout(function () {
-                                frame.classList.remove('is-matching');
-                                frame.classList.add('is-victory');
-                            }, 3000);
+                            if (!state.busy) startMatch();
                             return;
                         }
-                        if (action === 'rematch' || action === 'play-again') {
-                            window.clearTimeout(victoryTimer);
-                            document
-                                .querySelector('.dice-frame')
-                                .classList.remove('is-matching', 'is-victory');
-                            postBridge(
-                                action === 'rematch'
-                                    ? 'gameRematch'
-                                    : 'gamePlayAgain',
-                                {
+                        if (action === 'rematch') {
+                            cancelWaitingMatch().then(function () {
+                                resetToLobby(true);
+                                postBridge('gameRematch', {
                                     game_code: 'touzi',
-                                }
-                            );
+                                });
+                                startMatch();
+                            });
+                            return;
                         }
+                        if (action === 'play-again') {
+                            cancelWaitingMatch().then(function () {
+                                resetToLobby(true);
+                                postBridge('gamePlayAgain', {
+                                    game_code: 'touzi',
+                                });
+                            });
+                        }
+                    });
+                    window.addEventListener('beforeunload', function () {
+                        cancelWaitingMatch();
                     });
                 }
 
                 updateScale();
                 initActions();
+                window.addEventListener(
+                    'hyapp:i18n-ready',
+                    refreshLocalizedRuntimeText
+                );
+                loadLobby();
                 window.addEventListener('resize', updateScale);
                 window.addEventListener('orientationchange', updateScale);
                 if (window.HyAppBridge && window.HyAppBridge.ready) {
diff --git a/recharge/index.html b/recharge/index.html
index e69de29..0c54f48 100644
--- a/recharge/index.html
+++ b/recharge/index.html
@@ -0,0 +1,1555 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta
+            name="viewport"
+            content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
+        />
+        <title>Recharge</title>
+        <link rel="stylesheet" href="../common/theme.css" />
+        <style>
+            * {
+                box-sizing: border-box;
+                -webkit-tap-highlight-color: transparent;
+            }
+
+            html,
+            body {
+                width: 100%;
+                min-height: 100%;
+                margin: 0;
+                background: var(--hy-theme-bg);
+                color: var(--hy-theme-text);
+                font-family:
+                    -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial,
+                    sans-serif;
+            }
+
+            body {
+                overflow-x: hidden;
+            }
+
+            button,
+            input {
+                font: inherit;
+            }
+
+            button {
+                border: 0;
+                cursor: pointer;
+            }
+
+            .page {
+                width: min(100%, 520px);
+                min-height: 100vh;
+                margin: 0 auto;
+                padding: max(18px, env(safe-area-inset-top)) 16px
+                    max(24px, env(safe-area-inset-bottom));
+            }
+
+            .hero {
+                position: relative;
+                display: grid;
+                min-height: 136px;
+                align-items: end;
+                padding: 22px;
+                border: 1px solid var(--hy-theme-line);
+                border-radius: 22px;
+                background: var(--hy-theme-hero);
+                box-shadow: var(--hy-theme-shadow);
+                overflow: hidden;
+            }
+
+            .hero::after {
+                content: '';
+                position: absolute;
+                right: 22px;
+                top: 20px;
+                width: 68px;
+                height: 68px;
+                border-radius: 24px;
+                background:
+                    linear-gradient(
+                        145deg,
+                        rgba(255, 255, 255, 0.86),
+                        rgba(255, 255, 255, 0.18)
+                    ),
+                    var(--hy-theme-primary);
+                box-shadow: 0 12px 28px rgba(125, 87, 199, 0.14);
+                transform: rotate(9deg);
+            }
+
+            .hero h1,
+            .hero p {
+                position: relative;
+                z-index: 2;
+                margin: 0;
+            }
+
+            .hero h1 {
+                max-width: 72%;
+                font-size: 30px;
+                line-height: 1.08;
+                letter-spacing: 0;
+            }
+
+            .hero p {
+                max-width: 86%;
+                margin-top: 9px;
+                color: var(--hy-theme-muted);
+                font-size: 14px;
+                line-height: 1.5;
+            }
+
+            .language-switcher {
+                position: absolute;
+                right: 14px;
+                top: 14px;
+                z-index: 10;
+            }
+
+            .language-button {
+                min-width: 56px;
+                height: 34px;
+                padding: 0 12px;
+                border: 1px solid var(--hy-theme-line);
+                border-radius: 17px;
+                background: var(--hy-theme-surface);
+                color: var(--hy-theme-text);
+                font-weight: 800;
+                box-shadow: var(--hy-theme-shadow);
+            }
+
+            .language-menu {
+                position: absolute;
+                right: 0;
+                top: 40px;
+                width: 128px;
+                padding: 6px;
+                border: 1px solid var(--hy-theme-line);
+                border-radius: 16px;
+                background: var(--hy-theme-surface);
+                box-shadow: var(--hy-theme-shadow);
+            }
+
+            .language-menu button {
+                width: 100%;
+                min-height: 34px;
+                border-radius: 12px;
+                background: transparent;
+                color: var(--hy-theme-text);
+                text-align: left;
+            }
+
+            [dir='rtl'] .language-menu button {
+                text-align: right;
+            }
+
+            .language-menu button.is-active {
+                background: var(--hy-theme-primary-soft);
+                color: var(--hy-theme-primary-deep);
+                font-weight: 800;
+            }
+
+            .section {
+                margin-top: 16px;
+                padding: 16px;
+                border: 1px solid var(--hy-theme-line);
+                border-radius: 20px;
+                background: var(--hy-theme-surface);
+                box-shadow: var(--hy-theme-shadow);
+            }
+
+            .view {
+                display: none;
+            }
+
+            .view.is-active {
+                display: block;
+            }
+
+            .section-title {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                gap: 12px;
+                margin-bottom: 12px;
+            }
+
+            .section-title h2 {
+                margin: 0;
+                font-size: 17px;
+                letter-spacing: 0;
+            }
+
+            .section-title span {
+                color: var(--hy-theme-muted);
+                font-size: 12px;
+                font-weight: 700;
+            }
+
+            .account-search {
+                display: grid;
+                gap: 10px;
+                grid-template-columns: minmax(0, 1fr) auto;
+            }
+
+            .input {
+                width: 100%;
+                height: 46px;
+                padding: 0 14px;
+                border: 1px solid var(--hy-theme-line);
+                border-radius: 14px;
+                background: var(--hy-theme-surface-soft);
+                color: var(--hy-theme-text);
+                outline: none;
+            }
+
+            .input:focus {
+                border-color: var(--hy-theme-primary-strong);
+                box-shadow: 0 0 0 3px rgba(197, 166, 246, 0.18);
+            }
+
+            .primary-button,
+            .secondary-button {
+                display: inline-flex;
+                min-height: 46px;
+                align-items: center;
+                justify-content: center;
+                padding: 0 16px;
+                border-radius: 14px;
+                font-weight: 850;
+                letter-spacing: 0;
+            }
+
+            .primary-button {
+                background: var(--hy-theme-button);
+                color: #fff;
+                box-shadow: var(--hy-theme-button-shadow);
+            }
+
+            .secondary-button {
+                border: 1px solid var(--hy-theme-line);
+                background: var(--hy-theme-surface-soft);
+                color: var(--hy-theme-primary-deep);
+            }
+
+            .primary-button:disabled,
+            .secondary-button:disabled {
+                background: var(--hy-theme-button-disabled);
+                box-shadow: var(--hy-theme-button-disabled-shadow);
+                color: var(--hy-theme-button-disabled-text);
+                cursor: default;
+            }
+
+            .account-card {
+                display: none;
+                align-items: center;
+                gap: 12px;
+                padding: 12px;
+                border-radius: 16px;
+                background: var(--hy-theme-primary-soft);
+            }
+
+            .account-card.is-visible {
+                display: flex;
+            }
+
+            .avatar {
+                width: 48px;
+                height: 48px;
+                flex: 0 0 auto;
+                overflow: hidden;
+                border-radius: 16px;
+                background: var(--hy-theme-primary);
+            }
+
+            .avatar img {
+                width: 100%;
+                height: 100%;
+                object-fit: cover;
+            }
+
+            .avatar span {
+                display: grid;
+                width: 100%;
+                height: 100%;
+                place-items: center;
+                color: var(--hy-theme-primary-deep);
+                font-size: 22px;
+                font-weight: 900;
+            }
+
+            .account-main {
+                min-width: 0;
+                flex: 1;
+            }
+
+            .account-name,
+            .account-meta {
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
+
+            .account-name {
+                font-weight: 850;
+            }
+
+            .account-meta {
+                margin-top: 4px;
+                color: var(--hy-theme-muted);
+                font-size: 13px;
+            }
+
+            .role-pill {
+                min-width: 76px;
+                padding: 7px 10px;
+                border-radius: 999px;
+                background: var(--hy-theme-surface);
+                color: var(--hy-theme-primary-deep);
+                font-size: 12px;
+                font-weight: 850;
+                text-align: center;
+            }
+
+            .grid {
+                display: grid;
+                gap: 10px;
+                grid-template-columns: repeat(2, minmax(0, 1fr));
+            }
+
+            .choice {
+                position: relative;
+                min-height: 98px;
+                padding: 14px;
+                border: 1px solid var(--hy-theme-line);
+                border-radius: 18px;
+                background: var(--hy-theme-surface-soft);
+                color: var(--hy-theme-text);
+                text-align: left;
+            }
+
+            .choice.is-selected {
+                border-color: var(--hy-theme-primary-strong);
+                background: var(--hy-theme-primary-soft);
+                box-shadow: inset 0 0 0 1px var(--hy-theme-primary-strong);
+            }
+
+            .choice strong,
+            .choice span {
+                display: block;
+            }
+
+            .choice strong {
+                font-size: 18px;
+                line-height: 1.2;
+            }
+
+            .choice span {
+                margin-top: 7px;
+                color: var(--hy-theme-muted);
+                font-size: 13px;
+                line-height: 1.35;
+            }
+
+            .detail-top {
+                display: flex;
+                align-items: center;
+                gap: 12px;
+                margin-top: 2px;
+            }
+
+            .back-button {
+                width: 46px;
+                min-width: 46px;
+                padding: 0;
+                font-size: 24px;
+                line-height: 1;
+            }
+
+            .detail-title {
+                min-width: 0;
+                margin: 0;
+                font-size: 20px;
+                line-height: 1.25;
+            }
+
+            .selected-summary {
+                min-height: auto;
+                margin-top: 14px;
+                cursor: default;
+            }
+
+            .method-list {
+                display: grid;
+                gap: 10px;
+            }
+
+            .method {
+                display: grid;
+                min-height: 78px;
+                align-items: center;
+                gap: 12px;
+                grid-template-columns: 44px minmax(0, 1fr) auto;
+                padding: 12px;
+                border: 1px solid var(--hy-theme-line);
+                border-radius: 18px;
+                background: var(--hy-theme-surface-soft);
+                color: var(--hy-theme-text);
+                text-align: left;
+            }
+
+            .method.is-selected {
+                border-color: var(--hy-theme-primary-strong);
+                background: var(--hy-theme-primary-soft);
+            }
+
+            .method-icon {
+                display: grid;
+                width: 44px;
+                height: 44px;
+                place-items: center;
+                border-radius: 15px;
+                background: var(--hy-theme-surface);
+                color: var(--hy-theme-primary-deep);
+                font-size: 14px;
+                font-weight: 900;
+            }
+
+            .method-main {
+                min-width: 0;
+            }
+
+            .method-name,
+            .method-meta {
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
+
+            .method-name {
+                font-weight: 850;
+            }
+
+            .method-meta {
+                margin-top: 4px;
+                color: var(--hy-theme-muted);
+                font-size: 13px;
+            }
+
+            .method-amount {
+                color: var(--hy-theme-primary-deep);
+                font-size: 13px;
+                font-weight: 850;
+                white-space: nowrap;
+            }
+
+            .order-panel {
+                display: none;
+                gap: 12px;
+            }
+
+            .order-panel.is-visible {
+                display: grid;
+            }
+
+            .order-row {
+                display: flex;
+                min-width: 0;
+                justify-content: space-between;
+                gap: 12px;
+                color: var(--hy-theme-muted);
+                font-size: 13px;
+            }
+
+            .order-row strong {
+                min-width: 0;
+                overflow: hidden;
+                color: var(--hy-theme-text);
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
+
+            .address-box {
+                display: grid;
+                gap: 10px;
+                padding: 12px;
+                border-radius: 16px;
+                background: var(--hy-theme-primary-soft);
+            }
+
+            .address-value {
+                overflow-wrap: anywhere;
+                color: var(--hy-theme-text);
+                font-size: 13px;
+                font-weight: 800;
+                line-height: 1.5;
+            }
+
+            .tx-form {
+                display: grid;
+                gap: 10px;
+            }
+
+            .modal-backdrop {
+                position: fixed;
+                inset: 0;
+                z-index: 100;
+                display: grid;
+                align-items: end;
+                padding: 16px;
+                background: rgba(34, 29, 46, 0.5);
+            }
+
+            .modal {
+                width: min(100%, 520px);
+                max-height: min(82vh, 680px);
+                margin: 0 auto;
+                overflow: auto;
+                border: 1px solid var(--hy-theme-line);
+                border-radius: 22px;
+                background: var(--hy-theme-surface);
+                box-shadow: 0 22px 54px rgba(40, 25, 72, 0.26);
+            }
+
+            .modal-header {
+                position: sticky;
+                top: 0;
+                z-index: 1;
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                gap: 12px;
+                padding: 16px;
+                border-bottom: 1px solid var(--hy-theme-line);
+                background: var(--hy-theme-surface);
+            }
+
+            .modal-header h2 {
+                margin: 0;
+                font-size: 18px;
+                letter-spacing: 0;
+            }
+
+            .modal-body {
+                padding: 16px;
+            }
+
+            .modal-actions {
+                display: grid;
+                gap: 10px;
+                margin-top: 12px;
+            }
+
+            .empty,
+            .status-line {
+                color: var(--hy-theme-muted);
+                font-size: 14px;
+                line-height: 1.5;
+            }
+
+            .status-line {
+                margin-top: 10px;
+            }
+
+            .hidden {
+                display: none !important;
+            }
+
+            @media (max-width: 390px) {
+                .page {
+                    padding-right: 12px;
+                    padding-left: 12px;
+                }
+
+                .hero h1 {
+                    font-size: 27px;
+                }
+
+                .grid {
+                    grid-template-columns: 1fr;
+                }
+
+                .account-search {
+                    grid-template-columns: 1fr;
+                }
+            }
+        </style>
+    </head>
+    <body>
+        <main class="page" aria-labelledby="page-title">
+            <div id="package-view" class="view is-active">
+                <section class="hero">
+                    <div class="language-switcher">
+                        <button
+                            class="language-button"
+                            type="button"
+                            data-language-toggle
+                            data-i18n-aria="recharge.changeLanguage"
+                            aria-expanded="false"
+                        >
+                            <span data-current-lang>EN</span>
+                        </button>
+                        <div class="language-menu" data-language-menu hidden>
+                            <button type="button" data-lang-option="en">
+                                English
+                            </button>
+                            <button type="button" data-lang-option="zh">
+                                中文
+                            </button>
+                            <button type="button" data-lang-option="ar">
+                                العربية
+                            </button>
+                            <button type="button" data-lang-option="tr">
+                                Türkçe
+                            </button>
+                            <button type="button" data-lang-option="es">
+                                Español
+                            </button>
+                            <button type="button" data-lang-option="id">
+                                Indonesia
+                            </button>
+                        </div>
+                    </div>
+                    <div>
+                        <h1 id="page-title" data-i18n="recharge.pageTitle">
+                            Recharge
+                        </h1>
+                        <p data-i18n="recharge.pageSubtitle">
+                            Choose a coin package and pay with USDT-TRC20 or a
+                            supported local payment method.
+                        </p>
+                    </div>
+                </section>
+
+                <section class="section" id="account-section">
+                    <div class="section-title">
+                        <h2 data-i18n="recharge.accountTitle">Account</h2>
+                        <span id="auth-mode"></span>
+                    </div>
+                    <div id="account-search" class="account-search">
+                        <input
+                            id="display-user-id"
+                            class="input"
+                            autocomplete="off"
+                            inputmode="numeric"
+                            data-i18n-placeholder="recharge.userIdPlaceholder"
+                            placeholder="Enter user ID"
+                        />
+                        <button
+                            id="search-account"
+                            class="primary-button"
+                            type="button"
+                            data-i18n="recharge.searchAccount"
+                        >
+                            Confirm
+                        </button>
+                    </div>
+                    <div id="account-card" class="account-card">
+                        <div class="avatar" id="account-avatar"></div>
+                        <div class="account-main">
+                            <div class="account-name" id="account-name">-</div>
+                            <div class="account-meta" id="account-meta">-</div>
+                        </div>
+                        <div class="role-pill" id="account-role">-</div>
+                    </div>
+                    <div
+                        id="account-status"
+                        class="status-line"
+                        data-i18n="recharge.accountHint"
+                    >
+                        Confirm the account before selecting a package.
+                    </div>
+                </section>
+
+                <section class="section">
+                    <div class="section-title">
+                        <h2 data-i18n="recharge.productTitle">Package</h2>
+                        <span id="product-count"></span>
+                    </div>
+                    <div id="product-list" class="grid"></div>
+                    <div
+                        id="product-empty"
+                        class="empty"
+                        data-i18n="recharge.productEmpty"
+                    >
+                        No package is available for this account.
+                    </div>
+                </section>
+            </div>
+
+            <div id="payment-view" class="view">
+                <div class="detail-top">
+                    <button
+                        id="back-to-products"
+                        class="secondary-button back-button"
+                        type="button"
+                        data-i18n-aria="recharge.backToPackages"
+                        aria-label="Back"
+                    >
+                        ‹
+                    </button>
+                    <h1 class="detail-title" data-i18n="recharge.paymentTitle">
+                        Payment
+                    </h1>
+                </div>
+
+                <section class="section">
+                    <div class="section-title">
+                        <h2 data-i18n="recharge.selectedPackage">
+                            Selected package
+                        </h2>
+                    </div>
+                    <div id="selected-product-card" class="choice selected-summary"></div>
+                </section>
+
+                <section class="section">
+                    <div class="section-title">
+                        <h2 data-i18n="recharge.paymentTitle">Payment</h2>
+                        <span id="method-count"></span>
+                    </div>
+                    <div id="method-list" class="method-list"></div>
+                    <div
+                        id="method-empty"
+                        class="empty"
+                        data-i18n="recharge.noPaymentMethods"
+                    >
+                        No payment method is available.
+                    </div>
+                    <button
+                        id="create-order"
+                        class="primary-button"
+                        type="button"
+                        disabled
+                        data-i18n="recharge.createOrder"
+                        style="width: 100%; margin-top: 12px"
+                    >
+                        Create order
+                    </button>
+                </section>
+            </div>
+
+            <div id="order-modal" class="modal-backdrop hidden" role="dialog" aria-modal="true">
+                <div class="modal">
+                    <div class="modal-header">
+                        <h2 data-i18n="recharge.paymentOperation">
+                            Payment operation
+                        </h2>
+                        <button
+                            id="close-order-modal"
+                            class="secondary-button"
+                            type="button"
+                            data-i18n="recharge.close"
+                        >
+                            Close
+                        </button>
+                    </div>
+                    <div class="modal-body">
+                        <section id="order-panel" class="order-panel">
+                            <div class="section-title">
+                                <h2 data-i18n="recharge.orderTitle">Order</h2>
+                                <span id="order-status"></span>
+                            </div>
+                            <div class="order-row">
+                                <span data-i18n="recharge.orderId">Order ID</span>
+                                <strong id="order-id">-</strong>
+                            </div>
+                            <div class="order-row">
+                                <span data-i18n="recharge.orderStatus">Status</span>
+                                <strong id="order-status-text">-</strong>
+                            </div>
+                            <div id="usdt-panel" class="hidden">
+                                <div class="address-box">
+                                    <span data-i18n="recharge.usdtAddress">
+                                        USDT-TRC20 address
+                                    </span>
+                                    <div class="address-value" id="receive-address">-</div>
+                                    <button
+                                        id="copy-address"
+                                        class="secondary-button"
+                                        type="button"
+                                        data-i18n="recharge.copy"
+                                    >
+                                        Copy
+                                    </button>
+                                </div>
+                                <form id="tx-form" class="tx-form">
+                                    <input
+                                        id="tx-hash"
+                                        class="input"
+                                        autocomplete="off"
+                                        data-i18n-placeholder="recharge.txHashPlaceholder"
+                                        placeholder="Enter TXID after payment"
+                                    />
+                                    <button
+                                        id="submit-tx"
+                                        class="primary-button"
+                                        type="submit"
+                                        data-i18n="recharge.submitTx"
+                                    >
+                                        Submit TXID
+                                    </button>
+                                </form>
+                            </div>
+                            <div id="mifapay-panel" class="modal-actions hidden">
+                                <button
+                                    id="open-payment-url"
+                                    class="primary-button"
+                                    type="button"
+                                    data-i18n="recharge.openPayment"
+                                >
+                                    Open payment
+                                </button>
+                            </div>
+                            <div id="order-message" class="status-line"></div>
+                        </section>
+                    </div>
+                </div>
+            </div>
+        </main>
+
+        <script src="../common/api.js"></script>
+        <script src="../common/params.js"></script>
+        <script src="../common/i18n.js"></script>
+        <script src="../common/toast.js"></script>
+        <script>
+            (function () {
+                var state = {
+                    context: null,
+                    options: null,
+                    activeView: 'packages',
+                    selectedProductID: 0,
+                    selectedMethodKey: '',
+                    order: null,
+                    orderModalOpen: false,
+                    pollingTimer: 0,
+                    loading: false,
+                };
+
+                var nodes = {};
+
+                // 页面只依赖公共 api/params/i18n/theme：token、app_code、env 都交给 common 层解析。
+                // 初始化阶段只决定入口模式，带 token 直接查本人，不带 token 才允许输入 display_user_id。
+                function init() {
+                    nodes = {
+                        packageView: document.getElementById('package-view'),
+                        paymentView: document.getElementById('payment-view'),
+                        backToProducts:
+                            document.getElementById('back-to-products'),
+                        accountSearch:
+                            document.getElementById('account-search'),
+                        accountCard: document.getElementById('account-card'),
+                        accountAvatar:
+                            document.getElementById('account-avatar'),
+                        accountName: document.getElementById('account-name'),
+                        accountMeta: document.getElementById('account-meta'),
+                        accountRole: document.getElementById('account-role'),
+                        accountStatus:
+                            document.getElementById('account-status'),
+                        authMode: document.getElementById('auth-mode'),
+                        displayUserID:
+                            document.getElementById('display-user-id'),
+                        searchAccount:
+                            document.getElementById('search-account'),
+                        productList: document.getElementById('product-list'),
+                        productEmpty: document.getElementById('product-empty'),
+                        productCount: document.getElementById('product-count'),
+                        selectedProductCard: document.getElementById(
+                            'selected-product-card'
+                        ),
+                        methodList: document.getElementById('method-list'),
+                        methodEmpty: document.getElementById('method-empty'),
+                        methodCount: document.getElementById('method-count'),
+                        createOrder: document.getElementById('create-order'),
+                        orderModal: document.getElementById('order-modal'),
+                        closeOrderModal:
+                            document.getElementById('close-order-modal'),
+                        orderPanel: document.getElementById('order-panel'),
+                        orderID: document.getElementById('order-id'),
+                        orderStatus: document.getElementById('order-status'),
+                        orderStatusText:
+                            document.getElementById('order-status-text'),
+                        orderMessage: document.getElementById('order-message'),
+                        usdtPanel: document.getElementById('usdt-panel'),
+                        mifapayPanel:
+                            document.getElementById('mifapay-panel'),
+                        openPaymentURL:
+                            document.getElementById('open-payment-url'),
+                        receiveAddress:
+                            document.getElementById('receive-address'),
+                        copyAddress: document.getElementById('copy-address'),
+                        txForm: document.getElementById('tx-form'),
+                        txHash: document.getElementById('tx-hash'),
+                        submitTx: document.getElementById('submit-tx'),
+                    };
+
+                    bindEvents();
+                    var current = window.HyAppParams
+                        ? window.HyAppParams.parse()
+                        : { raw: new URLSearchParams(window.location.search) };
+                    var raw = current.raw || new URLSearchParams();
+                    var displayUserID = raw.get('display_user_id') || '';
+                    nodes.displayUserID.value = displayUserID;
+                    if (current.token) {
+                        // token 模式必须隐藏账号输入，目标用户只能由服务端鉴权结果决定，不能让前端改充值对象。
+                        nodes.accountSearch.classList.add('hidden');
+                        loadContext('');
+                    } else if (displayUserID) {
+                        // 链接预填 display_user_id 时自动确认一次，适合客服或分享充值链接直接带目标账号。
+                        loadContext(displayUserID);
+                    } else {
+                        render();
+                    }
+                }
+
+                // 所有用户动作集中绑定，异步入口统一进入 load/create/submit，避免多个按钮各自拼接口参数。
+                function bindEvents() {
+                    nodes.searchAccount.addEventListener('click', function () {
+                        loadContext(nodes.displayUserID.value);
+                    });
+                    nodes.backToProducts.addEventListener('click', function () {
+                        state.activeView = 'packages';
+                        state.selectedMethodKey = '';
+                        state.orderModalOpen = false;
+                        render();
+                        scrollToTop();
+                    });
+                    nodes.createOrder.addEventListener('click', createOrder);
+                    nodes.closeOrderModal.addEventListener(
+                        'click',
+                        closeOrderModal
+                    );
+                    nodes.orderModal.addEventListener('click', function (event) {
+                        if (event.target === nodes.orderModal) {
+                            closeOrderModal();
+                        }
+                    });
+                    nodes.openPaymentURL.addEventListener('click', function () {
+                        if (state.order && state.order.pay_url) {
+                            window.location.href = state.order.pay_url;
+                        }
+                    });
+                    nodes.copyAddress.addEventListener('click', copyAddress);
+                    nodes.txForm.addEventListener('submit', submitTx);
+                    window.addEventListener('hyapp:i18n-ready', function () {
+                        document.title = t('recharge.pageTitle', 'Recharge');
+                        render();
+                    });
+                }
+
+                // 账号确认是后续商品、支付方式、钱包入账目标的唯一前置事实。
+                // 无 token 时必须提供 display_user_id；有 token 时 display_user_id 置空，后端只认 token 用户。
+                function loadContext(displayUserID) {
+                    displayUserID = String(displayUserID || '').trim();
+                    if (!window.HyAppAPI.getAccessToken() && !displayUserID) {
+                        toast(t('recharge.accountRequired', 'Enter user ID'));
+                        return;
+                    }
+                    setBusy(true);
+                    setStatus(
+                        nodes.accountStatus,
+                        t('recharge.loading', 'Loading...')
+                    );
+                    window.HyAppAPI.recharge
+                        .context(displayUserID)
+                        .then(function (context) {
+                            // context 只返回安全账号信息和 audience_type；前端不读取手机号、邮箱、余额等敏感字段。
+                            state.context = context;
+                            return window.HyAppAPI.recharge.options(
+                                context.auth_mode === 'token'
+                                    ? ''
+                                    : context.account.display_user_id
+                            );
+                        })
+                        .then(function (options) {
+                            // 商品和支付方式必须跟随已确认账号重新加载，切换账号后清空旧选择和旧订单。
+                            state.options = options;
+                            state.activeView = 'packages';
+                            state.selectedProductID = 0;
+                            state.selectedMethodKey = '';
+                            state.order = null;
+                            state.orderModalOpen = false;
+                            render();
+                        })
+                        .catch(function (error) {
+                            toast(
+                                error.message ||
+                                    t('recharge.loadFailed', 'Load failed')
+                            );
+                            setStatus(
+                                nodes.accountStatus,
+                                t('recharge.loadFailed', 'Load failed')
+                            );
+                        })
+                        .finally(function () {
+                            setBusy(false);
+                        });
+                }
+
+                // render 只消费 state，不发请求；所有接口副作用集中在动作函数里，方便排查状态流转。
+                function render() {
+                    renderAccount();
+                    renderProducts();
+                    renderViews();
+                    renderSelectedProduct();
+                    renderMethods();
+                    renderOrder();
+                }
+
+                // 账号卡只展示后端允许公开的账号确认信息；受众文案直接来自 audience_type。
+                function renderAccount() {
+                    var account = state.context && state.context.account;
+                    nodes.authMode.textContent = state.context
+                        ? state.context.auth_mode === 'token'
+                            ? 'Token'
+                            : 'ID'
+                        : '';
+                    nodes.accountCard.classList.toggle('is-visible', !!account);
+                    if (!account) return;
+
+                    nodes.accountAvatar.innerHTML = account.avatar
+                        ? '<img src="' +
+                          escapeAttr(account.avatar) +
+                          '" alt="" />'
+                        : '<span>' +
+                          escapeHTML(firstLetter(account.username)) +
+                          '</span>';
+                    nodes.accountName.textContent =
+                        account.username ||
+                        account.display_user_id ||
+                        t('recharge.accountConfirmed', 'Confirmed account');
+                    nodes.accountMeta.textContent = [
+                        account.display_user_id,
+                        account.country_name || account.country_code,
+                        account.region_name || account.region_code,
+                    ]
+                        .filter(Boolean)
+                        .join(' · ');
+                    nodes.accountRole.textContent =
+                        account.audience_type === 'coin_seller'
+                            ? t('recharge.coinSeller', 'Coin seller')
+                            : t('recharge.ordinaryUser', 'User');
+                    setStatus(
+                        nodes.accountStatus,
+                        t('recharge.accountConfirmed', 'Account confirmed')
+                    );
+                }
+
+                // 商品列表由后端按 normal / coin_seller 和用户区域过滤，前端只负责单选交互。
+                function renderProducts() {
+                    var products =
+                        (state.options && state.options.products) || [];
+                    nodes.productList.innerHTML = '';
+                    nodes.productCount.textContent = products.length
+                        ? String(products.length)
+                        : '';
+                    nodes.productEmpty.classList.toggle(
+                        'hidden',
+                        products.length > 0
+                    );
+                    products.forEach(function (product) {
+                        var button = document.createElement('button');
+                        button.type = 'button';
+                        button.className =
+                            'choice' +
+                            (product.product_id === state.selectedProductID
+                                ? ' is-selected'
+                                : '');
+                        button.innerHTML =
+                            '<strong>' +
+                            escapeHTML(formatCoins(product.coin_amount)) +
+                            ' ' +
+                            escapeHTML(t('recharge.coins', 'coins')) +
+                            '</strong><span>' +
+                            escapeHTML(formatUSD(product)) +
+                            '</span>';
+                        button.addEventListener('click', function () {
+                            state.selectedProductID = product.product_id;
+                            // 用户点击档位后进入支付页，后续支付方式和订单都绑定这个档位快照。
+                            // 切换档位必须清空支付方式和旧订单，避免把前一个档位的金额带入新订单。
+                            state.activeView = 'payment';
+                            state.selectedMethodKey = '';
+                            state.order = null;
+                            state.orderModalOpen = false;
+                            render();
+                            scrollToTop();
+                        });
+                        nodes.productList.appendChild(button);
+                    });
+                }
+
+                // 两个页面状态只由 activeView 和当前商品决定；商品消失时自动退回档位页，避免空支付页。
+                function renderViews() {
+                    var showPayment =
+                        state.activeView === 'payment' && !!selectedProduct();
+                    if (!showPayment && state.activeView === 'payment') {
+                        state.activeView = 'packages';
+                    }
+                    nodes.packageView.classList.toggle(
+                        'is-active',
+                        state.activeView !== 'payment'
+                    );
+                    nodes.paymentView.classList.toggle(
+                        'is-active',
+                        state.activeView === 'payment'
+                    );
+                }
+
+                // 支付页顶部固定展示选中的档位，用户进入下一步后还能明确当前订单金额和金币数。
+                function renderSelectedProduct() {
+                    var product = selectedProduct();
+                    if (!product) {
+                        nodes.selectedProductCard.innerHTML = '';
+                        return;
+                    }
+                    nodes.selectedProductCard.innerHTML =
+                        '<strong>' +
+                        escapeHTML(formatCoins(product.coin_amount)) +
+                        ' ' +
+                        escapeHTML(t('recharge.coins', 'coins')) +
+                        '</strong><span>' +
+                        escapeHTML(formatUSD(product)) +
+                        '</span>';
+                }
+
+                // 支付方式展示由当前商品驱动：USDT 用订单美元金额，MiFaPay 用后台汇率换算本币金额。
+                function renderMethods() {
+                    var methods = availableMethods();
+                    nodes.methodList.innerHTML = '';
+                    nodes.methodCount.textContent = methods.length
+                        ? String(methods.length)
+                        : '';
+                    nodes.methodEmpty.classList.toggle(
+                        'hidden',
+                        methods.length > 0
+                    );
+                    nodes.methodEmpty.textContent = state.selectedProductID
+                        ? t('recharge.noPaymentMethods', 'No payment method')
+                        : t(
+                              'recharge.selectProductFirst',
+                              'Select a package first'
+                          );
+                    methods.forEach(function (method) {
+                        var button = document.createElement('button');
+                        button.type = 'button';
+                        button.className =
+                            'method' +
+                            (method.key === state.selectedMethodKey
+                                ? ' is-selected'
+                                : '');
+                        button.innerHTML =
+                            '<span class="method-icon">' +
+                            escapeHTML(method.icon) +
+                            '</span><span class="method-main"><span class="method-name">' +
+                            escapeHTML(method.name) +
+                            '</span><span class="method-meta">' +
+                            escapeHTML(method.meta) +
+                            '</span></span><span class="method-amount">' +
+                            escapeHTML(method.amount) +
+                            '</span>';
+                        button.addEventListener('click', function () {
+                            state.selectedMethodKey = method.key;
+                            renderMethods();
+                        });
+                        nodes.methodList.appendChild(button);
+                    });
+                    nodes.createOrder.disabled =
+                        !state.selectedProductID ||
+                        !state.selectedMethodKey ||
+                        state.loading;
+                }
+
+                // 订单弹窗是支付后的唯一操作入口；MiFaPay 展示打开支付按钮，USDT 展示地址和 txid 表单。
+                // 弹窗关闭只影响展示，不会取消轮询；订单终态仍由服务端查询结果驱动。
+                function renderOrder() {
+                    var order = state.order;
+                    nodes.orderModal.classList.toggle(
+                        'hidden',
+                        !order || !state.orderModalOpen
+                    );
+                    nodes.orderPanel.classList.toggle('is-visible', !!order);
+                    if (!order) return;
+                    nodes.orderID.textContent = order.order_id || '-';
+                    nodes.orderStatus.textContent = statusLabel(order.status);
+                    nodes.orderStatusText.textContent = statusLabel(
+                        order.status
+                    );
+                    nodes.usdtPanel.classList.toggle(
+                        'hidden',
+                        order.provider_code !== 'usdt_trc20'
+                    );
+                    nodes.mifapayPanel.classList.toggle(
+                        'hidden',
+                        order.provider_code !== 'mifapay' || !order.pay_url
+                    );
+                    if (order.provider_code === 'usdt_trc20') {
+                        nodes.receiveAddress.textContent =
+                            order.receive_address ||
+                            (state.options &&
+                                state.options.usdt_trc20_address) ||
+                            '-';
+                    }
+                    if (order.status === 'credited') {
+                        setStatus(
+                            nodes.orderMessage,
+                            t('recharge.paidSuccess', 'Payment completed')
+                        );
+                    } else if (order.status === 'failed') {
+                        setStatus(
+                            nodes.orderMessage,
+                            order.failure_reason ||
+                                t('recharge.orderFailed', 'Order failed')
+                        );
+                    } else if (order.provider_code === 'mifapay') {
+                        setStatus(
+                            nodes.orderMessage,
+                            t(
+                                'recharge.payOpenHint',
+                                'Open the payment page and finish the payment.'
+                            )
+                        );
+                    } else {
+                        setStatus(
+                            nodes.orderMessage,
+                            t(
+                                'recharge.usdtHint',
+                                'Transfer USDT and submit the TXID.'
+                            )
+                        );
+                    }
+                }
+
+                // 可用支付方式只在选中商品后生成，避免用户先选支付方式再切商品造成金额不一致。
+                // MiFaPay 方式必须是 active；USDT 必须同时有开关和收款地址，缺地址时不展示。
+                function availableMethods() {
+                    var product = selectedProduct();
+                    if (!product) return [];
+                    var methods = [];
+                    if (
+                        state.options &&
+                        state.options.usdt_trc20_enabled &&
+                        state.options.usdt_trc20_address
+                    ) {
+                        methods.push({
+                            key: 'usdt_trc20',
+                            icon: 'USDT',
+                            name: t('recharge.usdtTrc20', 'USDT-TRC20'),
+                            meta: t('recharge.usdtNetwork', 'TRON network'),
+                            amount: formatUSD(product),
+                            providerCode: 'usdt_trc20',
+                        });
+                    }
+                    ((state.options && state.options.payment_methods) || [])
+                        .filter(function (method) {
+                            return method.status === 'active';
+                        })
+                        .forEach(function (method) {
+                            methods.push({
+                                key: 'mifapay:' + method.method_id,
+                                icon: method.currency_code || 'PAY',
+                                name:
+                                    method.method_name ||
+                                    method.pay_way ||
+                                    t(
+                                        'recharge.thirdPartyPayment',
+                                        'Local payment'
+                                    ),
+                                meta: [
+                                    method.provider_name,
+                                    method.country_name || method.country_code,
+                                    method.pay_type,
+                                ]
+                                    .filter(Boolean)
+                                    .join(' · '),
+                                amount: convertedAmount(product, method),
+                                providerCode: 'mifapay',
+                                methodID: method.method_id,
+                            });
+                        });
+                    return methods;
+                }
+
+                // 创建订单时只提交 product_id、provider 和 method_id；金额、金币、币商/普通钱包都由服务端订单快照决定。
+                // 下单成功后统一打开操作弹窗：MiFaPay 由用户点击 pay_url，USDT 则在弹窗里复制地址并提交 txid。
+                function createOrder() {
+                    var product = selectedProduct();
+                    var method = selectedMethod();
+                    if (!product || !method) return;
+                    setBusy(true);
+                    nodes.createOrder.textContent = t(
+                        'recharge.creating',
+                        'Creating...'
+                    );
+                    window.HyAppAPI.recharge
+                        .createOrder({
+                            display_user_id: targetDisplayUserID(),
+                            product_id: product.product_id,
+                            provider_code: method.providerCode,
+                            payment_method_id: method.methodID || 0,
+                            command_id: commandID(product, method),
+                            return_url: window.location.href,
+                        })
+                        .then(function (payload) {
+                            state.order = payload.order || payload;
+                            state.orderModalOpen = true;
+                            renderOrder();
+                            startPolling();
+                        })
+                        .catch(function (error) {
+                            toast(
+                                error.message ||
+                                    t(
+                                        'recharge.orderCreateFailed',
+                                        'Create order failed'
+                                    )
+                            );
+                        })
+                        .finally(function () {
+                            setBusy(false);
+                            nodes.createOrder.textContent = t(
+                                'recharge.createOrder',
+                                'Create order'
+                            );
+                            renderMethods();
+                        });
+                }
+
+                function closeOrderModal() {
+                    state.orderModalOpen = false;
+                    renderOrder();
+                }
+
+                // USDT 模式只收 tx_hash；链上合约、to 地址、金额、确认数和重复 txid 都由后端校验。
+                function submitTx(event) {
+                    event.preventDefault();
+                    if (!state.order || !nodes.txHash.value.trim()) return;
+                    setBusy(true);
+                    nodes.submitTx.textContent = t(
+                        'recharge.submitted',
+                        'Submitting...'
+                    );
+                    window.HyAppAPI.recharge
+                        .submitTx(state.order.order_id, {
+                            display_user_id: targetDisplayUserID(),
+                            tx_hash: nodes.txHash.value.trim(),
+                        })
+                        .then(function (payload) {
+                            state.order = payload.order || payload;
+                            toast(t('recharge.txSubmitted', 'TXID submitted'));
+                            renderOrder();
+                            startPolling();
+                        })
+                        .catch(function (error) {
+                            toast(
+                                error.message ||
+                                    t('recharge.loadFailed', 'Load failed')
+                            );
+                        })
+                        .finally(function () {
+                            setBusy(false);
+                            nodes.submitTx.textContent = t(
+                                'recharge.submitTx',
+                                'Submit TXID'
+                            );
+                        });
+                }
+
+                // 轮询只在订单存在时启动；credited/failed 是终态，终态后停止，避免 H5 后台持续打接口。
+                function startPolling() {
+                    window.clearInterval(state.pollingTimer);
+                    if (!state.order || !state.order.order_id) return;
+                    state.pollingTimer = window.setInterval(function () {
+                        if (
+                            !state.order ||
+                            state.order.status === 'credited' ||
+                            state.order.status === 'failed'
+                        ) {
+                            window.clearInterval(state.pollingTimer);
+                            return;
+                        }
+                        window.HyAppAPI.recharge
+                            .getOrder(
+                                state.order.order_id,
+                                targetDisplayUserID()
+                            )
+                            .then(function (payload) {
+                                state.order = payload.order || payload;
+                                renderOrder();
+                            })
+                            .catch(function () {});
+                    }, 5000);
+                }
+
+                // 复制地址不改变订单状态，只是降低 USDT 转账出错率；浏览器不支持 clipboard 时走 textarea 兜底。
+                function copyAddress() {
+                    var address = nodes.receiveAddress.textContent || '';
+                    if (!address || address === '-') return;
+                    var copied = window.navigator.clipboard
+                        ? window.navigator.clipboard.writeText(address)
+                        : fallbackCopy(address);
+                    Promise.resolve(copied)
+                        .then(function () {
+                            toast(t('recharge.copied', 'Copied'));
+                        })
+                        .catch(function () {
+                            toast(t('recharge.copyFailed', 'Copy failed'));
+                        });
+                }
+
+                function fallbackCopy(text) {
+                    var input = document.createElement('textarea');
+                    input.value = text;
+                    input.style.position = 'fixed';
+                    input.style.opacity = '0';
+                    document.body.appendChild(input);
+                    input.select();
+                    document.execCommand('copy');
+                    document.body.removeChild(input);
+                }
+
+                // 选择对象每次从 options 当前快照查找，避免保存旧对象导致切账号后仍引用旧商品。
+                function selectedProduct() {
+                    return (
+                        ((state.options && state.options.products) || []).find(
+                            function (item) {
+                                return (
+                                    item.product_id === state.selectedProductID
+                                );
+                            }
+                        ) || null
+                    );
+                }
+
+                function selectedMethod() {
+                    return (
+                        availableMethods().find(function (item) {
+                            return item.key === state.selectedMethodKey;
+                        }) || null
+                    );
+                }
+
+                // token 模式不回传 display_user_id，防止前端把 token 用户和输入账号混用。
+                function targetDisplayUserID() {
+                    if (
+                        state.context &&
+                        state.context.auth_mode !== 'token' &&
+                        state.context.account
+                    ) {
+                        return state.context.account.display_user_id || '';
+                    }
+                    return '';
+                }
+
+                // command_id 给服务端幂等使用，包含时间、商品和方式；真实订单号仍由后端生成。
+                function commandID(product, method) {
+                    return [
+                        'h5',
+                        Date.now(),
+                        product.product_id,
+                        method.key.replace(/[^a-zA-Z0-9_:-]/g, ''),
+                    ].join(':');
+                }
+
+                // MiFaPay 国家方式按后台 USD->本币汇率展示；无有效汇率时回退 USD 展示但后端仍会拒绝不可用配置。
+                function convertedAmount(product, method) {
+                    var usd = productUSD(product);
+                    var rate = Number(method.usd_to_currency_rate || 0);
+                    var currency = method.currency_code || 'USD';
+                    var amount =
+                        Number.isFinite(rate) && rate > 0 ? usd * rate : usd;
+                    return (
+                        amount.toFixed(currency === 'USD' ? 2 : 2) +
+                        ' ' +
+                        currency
+                    );
+                }
+
+                function productUSD(product) {
+                    if (product.amount_minor) return product.amount_minor / 100;
+                    if (product.amount_micro)
+                        return product.amount_micro / 1000000;
+                    return 0;
+                }
+
+                function formatUSD(product) {
+                    return productUSD(product).toFixed(2) + ' USD';
+                }
+
+                function formatCoins(value) {
+                    var numberValue = Number(value || 0);
+                    return Number.isFinite(numberValue)
+                        ? numberValue.toLocaleString()
+                        : '0';
+                }
+
+                function statusLabel(status) {
+                    var key = 'recharge.status.' + String(status || 'pending');
+                    return t(key, status || 'pending');
+                }
+
+                // loading 同时锁住确认账号和创建订单，避免用户在请求中切账号或重复下单。
+                function setBusy(loading) {
+                    state.loading = loading;
+                    nodes.searchAccount.disabled = loading;
+                    nodes.createOrder.disabled =
+                        loading ||
+                        !state.selectedProductID ||
+                        !state.selectedMethodKey;
+                }
+
+                function setStatus(node, message) {
+                    node.textContent = message || '';
+                }
+
+                function scrollToTop() {
+                    window.scrollTo({ top: 0, behavior: 'smooth' });
+                }
+
+                function firstLetter(value) {
+                    return (
+                        String(value || 'H')
+                            .trim()
+                            .charAt(0) || 'H'
+                    );
+                }
+
+                function toast(message) {
+                    if (window.HyAppToast) window.HyAppToast.show(message);
+                }
+
+                function t(key, fallback) {
+                    return window.HyAppI18n
+                        ? window.HyAppI18n.t(key, fallback)
+                        : fallback || key;
+                }
+
+                function escapeHTML(value) {
+                    return String(value || '').replace(
+                        /[&<>"']/g,
+                        function (char) {
+                            return {
+                                '&': '&amp;',
+                                '<': '&lt;',
+                                '>': '&gt;',
+                                '"': '&quot;',
+                                "'": '&#39;',
+                            }[char];
+                        }
+                    );
+                }
+
+                function escapeAttr(value) {
+                    return escapeHTML(value).replace(/`/g, '&#96;');
+                }
+
+                if (document.readyState === 'loading') {
+                    document.addEventListener('DOMContentLoaded', init);
+                } else {
+                    init();
+                }
+            })();
+        </script>
+    </body>
+</html>