' + '' + '

' + '

' + periodLabel + '

' + '

'; (function (currentOption, currentIndex) { currentOption.addEventListener('click', function () { for (var j = 0; j < state.optionNodes.length; j++) { state.optionNodes[j].classList.remove('sub-selector__option--active'); } currentOption.classList.add('sub-selector__option--active'); state.selectedIndex = currentIndex; }); })(option, idx); state.optionNodes.push(option); state.priceNodes.push(option.querySelector('.sub-selector__price')); selector.appendChild(option); } var continueBtn = document.createElement('button'); continueBtn.className = 'sub-selector__continue'; continueBtn.type = 'button'; continueBtn.innerHTML = '' + strings.cont + ''; continueBtn.addEventListener('click', function () { var activeButton = state.buttons[state.selectedIndex]; if (activeButton) activeButton.click(); }); state.continueBtn = continueBtn; stateByParent.set(parent, state); parent.insertBefore(selector, buttons[0]); parent.insertBefore(continueBtn, buttons[0]); } function updateSelector(parent, strings) { var state = stateByParent.get(parent); if (!state) return; for (var idx = 0; idx < state.buttons.length; idx++) { var btn = state.buttons[idx]; var priceNode = state.priceNodes[idx]; if (!btn || !priceNode) continue; var price = extractPrice(btn.textContent); var suffix = idx === 0 ? strings.perMonth : strings.perYear; if (price) { priceNode.textContent = price + ' ' + suffix; priceNode.classList.remove('sub-selector__price--placeholder'); } else { priceNode.textContent = ''; priceNode.classList.add('sub-selector__price--placeholder'); } btn.style.display = 'none'; } } var updatingNow = false; function syncSelectors() { syncScheduled = false; if (updatingNow) return; updatingNow = true; try { injectStyles(); var strings = t(detectLang()); var groups = getButtonGroups(); for (var i = 0; i < groups.length; i++) { var group = groups[i]; if (group.length < 2) continue; var parent = group[0].parentElement; var pair = group.slice(0, 2); if (!stateByParent.has(parent)) { buildSelector(parent, pair, strings); } else { stateByParent.get(parent).buttons = pair; } updateSelector(parent, strings); } } finally { updatingNow = false; } } function scheduleSync() { if (syncScheduled || updatingNow) return; syncScheduled = true; setTimeout(syncSelectors, 0); } function startObserver() { if (!document.body) return; var observer = new MutationObserver(function () { scheduleSync(); }); observer.observe(document.body, { childList: true, subtree: true, characterData: true }); // Fallback poll for environments where MutationObserver // may miss changes (e.g. framework virtual-DOM patches) var pollCount = 0; var pollId = setInterval(function () { scheduleSync(); pollCount++; if (pollCount >= 30) clearInterval(pollId); }, 500); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function () { scheduleSync(); startObserver(); }); } else { scheduleSync(); startObserver(); } })();

Library Tokens

Legendary Shards

Library Tokens

Legendary Shards

Wanna play the game? Download it today!