편집토론문서 역사

미디어위키:Common.js: 두 판 사이의 차이

편집 요약 없음
(Install package: clbiwiki-portal-section-fit-20260721-008 / js/Common.js)
 
(같은 사용자의 중간 판 250개는 보이지 않습니다)
1번째 줄: 1번째 줄:
mw.loader.load('https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.13/cropper.min.js');
mw.loader.load('https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.13/cropper.min.js');
mw.loader.load('/index.php?title=MediaWiki:DevTools.js&action=raw&ctype=text/javascript');
mw.loader.load('/index.php?title=MediaWiki:CategoryNav.js&action=raw&ctype=text/javascript');
mw.loader.load('/index.php?title=MediaWiki:AnecdoteViewer.js&action=raw&ctype=text/javascript');


/* Raw MediaWiki script cache key.
  This is not a semantic version. It only prevents stale raw JS during active editing. */
window.CLBI_RAW_LOAD_BUST = 'portal-frame-section-fit-20260721-008';


(function () {
/*
     'use strict';
Raw script loads are tracked so the site boot gate can wait for real subsystem scripts
before releasing the normal surface.  The old prefixed load-bust variable remains for
compatibility only; new loader state uses unprefixed EntryScriptLoads/EntryRawScriptPromises.
*/
window.EntryScriptLoads = window.EntryScriptLoads || [];
window.EntryRawScriptPromises = window.EntryRawScriptPromises || {};
function buildEntryRawScriptUrl(key) {
     var url = '/index.php?title=' + encodeURIComponent(key) + '&action=raw&ctype=text/javascript';
    var token;
    var sep;


     var SYSTEM_TITLE_NAMESPACES = {
     try {
         '-1': true,
         if (window.RevisionManifest && typeof window.RevisionManifest.addRevisionParam === 'function') {
        '4': true,
            url = window.RevisionManifest.addRevisionParam(url, key);
         '5': true,
         }
         '6': true,
         if (/[?&]_entryRev=/.test(url)) return url;
         '7': true,
         token = window.RevisionManifest && typeof window.RevisionManifest.manifestToken === 'function' ? window.RevisionManifest.manifestToken('raw-script-fallback') : window.CLBI_RAW_LOAD_BUST;
        '8': true,
    } catch (err) {
        '9': true,
         token = window.CLBI_RAW_LOAD_BUST;
         '10': true,
     }
        '11': true,
        '12': true,
        '13': true,
        '14': true,
        '15': true,
        '828': true,
        '829': true
     };


     function normalizePageNameForShell(value) {
     sep = url.indexOf('?') === -1 ? '?' : '&';
        return String(value || '')
    return url + sep + 'v=' + encodeURIComponent(String(token || 'entry-raw'));
            .split('?')[0]
}
            .replace(/^\/index\.php\//, '')
            .replace(/_/g, ' ')
            .trim();
    }


    function readCurrentPageNameForShell() {
function loadClbiRawScript(title) {
        var pageName = mw.config.get('wgPageName') || '';
    var key = String(title || '').trim();
    var promise;


        if (pageName) {
    if (!key) return Promise.resolve(false);
            return normalizePageNameForShell(pageName);
    if (window.EntryRawScriptPromises[key]) return window.EntryRawScriptPromises[key];
        }


         return normalizePageNameForShell(window.location.pathname || '');
    promise = Promise.resolve()
    }
        .then(function () {
            if (window.RevisionManifest && typeof window.RevisionManifest.ensureLoaded === 'function') {
                return window.RevisionManifest.ensureLoaded();
            }
            return null;
         })
        .catch(function () { return null; })
        .then(function () {
            return new Promise(function (resolve) {
                var script = document.createElement('script');
                script.src = buildEntryRawScriptUrl(key);
                script.async = true;
                script.setAttribute('data-entry-raw-script', key);
                script.onload = function () { resolve({ title: key, ok: true, src: script.src }); };
                script.onerror = function () { resolve({ title: key, ok: false, src: script.src }); };
                (document.head || document.documentElement).appendChild(script);
            });
        });


     function isAnecdoteNamespaceForShell() {
     window.EntryRawScriptPromises[key] = promise;
        var namespaceNumber = Number(mw.config.get('wgNamespaceNumber'));
    window.EntryScriptLoads.push(promise);
        var canonicalNamespace = String(mw.config.get('wgCanonicalNamespace') || '').toLowerCase();
    return promise;
        var pageName = readCurrentPageNameForShell();
}


        return namespaceNumber === 3000 ||
            canonicalNamespace === 'anecdote' ||
            /^(anecdote|에넥도트):/i.test(pageName);
    }


    function isBackendOrSystemPageForShell() {
/* =========================================
        var namespaceNumber = Number(mw.config.get('wgNamespaceNumber'));
Main-page fresh assets with fallback
        var action = String(mw.config.get('wgAction') || 'view').toLowerCase();
========================================= */
        var contentModel = String(mw.config.get('wgPageContentModel') || '').toLowerCase();
 
        var pageName = readCurrentPageNameForShell();
/*
        var lowerPageName = pageName.toLowerCase();
Common.css의 MainPage.css import는 안전망으로 그대로 유지한다.
대문에서는 새로고침마다 timestamp가 붙은 CSS/JS를 추가로 불러와
브라우저·프록시의 오래된 raw 응답을 우회한다.


        if (action && action !== 'view') {
이 보조 로더가 실패해도 기존 정적 import와 기존 화면은 남는다.
            return true;
*/
        }
window.MainPageFreshAssets = window.MainPageFreshAssets || (function (window, document, mw) {
    'use strict';


        if (pageName === '대문') {
    var sessionToken = String(Date.now());
            return false;
    var PORTAL_FRAME_BUILD = '20260721-portal-frame-section-fit-008';
        }
    var ASSET_LOAD_TIMEOUT_MS = 5000;
    var scriptPromises = {};
    var styleNode = null;


         if (SYSTEM_TITLE_NAMESPACES[String(namespaceNumber)]) {
    function isMainPage() {
            return true;
         var page = '';
        }
        try {
            page = String(mw && mw.config ? mw.config.get('wgPageName') || '' : '');
        } catch (err) {}
        return page.replace(/_/g, ' ') === '대문';
    }


         if (contentModel === 'css' || contentModel === 'javascript' || contentModel === 'json' || contentModel === 'sanitized-css') {
    function rawUrl(title, type) {
             return true;
         var ctype = type === 'style' ? 'text/css' : 'text/javascript';
        }
        return '/index.php?title=' + encodeURIComponent(title) +
            '&action=raw&ctype=' + encodeURIComponent(ctype) +
             '&_mainPageFresh=' + encodeURIComponent(sessionToken);
    }


         if (/\.(css|js|json)$/i.test(pageName)) {
    function loadStyle() {
            return true;
         if (!isMainPage()) return Promise.resolve(false);
        }


         if (/^(mediawiki|미디어위키|special|특수):/i.test(pageName)) {
         if (styleNode && styleNode.parentNode) {
             return true;
             return Promise.resolve(true);
         }
         }


         return false;
         return new Promise(function (resolve) {
    }
            var link = document.createElement('link');
            var settled = false;
            var timeout = 0;


    function isMediaWikiSystemAssetPageForShell() {
            function settle(ok) {
        var namespaceNumber = Number(mw.config.get('wgNamespaceNumber'));
                if (settled) return;
        var pageName = readCurrentPageNameForShell();
                settled = true;
        var contentModel = String(mw.config.get('wgPageContentModel') || '').toLowerCase();
                window.clearTimeout(timeout);
                resolve(ok);
            }


        return namespaceNumber === 8 &&
            link.rel = 'stylesheet';
             (/\.(css|js)$/i.test(pageName) || contentModel === 'css' || contentModel === 'javascript' || contentModel === 'sanitized-css');
             link.href = rawUrl('MediaWiki:MainPage.css', 'style');
            link.setAttribute('data-main-page-fresh-style', sessionToken);
            link.onload = function () {
                styleNode = link;
                settle(true);
            };
            link.onerror = function () {
                /* Common.css의 정적 import가 그대로 남아 있으므로 화면은 유지된다. */
                settle(false);
            };
            timeout = window.setTimeout(function () { settle(false); }, ASSET_LOAD_TIMEOUT_MS);
            (document.head || document.documentElement).appendChild(link);
        });
     }
     }


    function loadScript(title) {
        var key = String(title || '').trim();


    var systemDocRawFetchToken = 0;
        if (!key || !isMainPage()) return Promise.resolve(false);
        if (scriptPromises[key]) return scriptPromises[key];


    function cleanupLegacySystemDocCodeMutationsForShell() {
        scriptPromises[key] = new Promise(function (resolve) {
        document.querySelectorAll('.clbi-system-doc-codepane').forEach(function (pane) {
            var script = document.createElement('script');
             var parent;
            var settled = false;
             var timeout = 0;


             if (!pane || !pane.parentNode) return;
             function settle(ok) {
                if (settled) return;
                settled = true;
                window.clearTimeout(timeout);
                resolve(ok);
            }


             parent = pane.parentNode;
             script.src = rawUrl(key, 'script');
             while (pane.firstChild) {
            script.async = false;
                 parent.insertBefore(pane.firstChild, pane);
            script.setAttribute('data-main-page-fresh-script', key);
             }
            script.onload = function () { settle(true); };
             parent.removeChild(pane);
             script.onerror = function () { settle(false); };
            timeout = window.setTimeout(function () {
                 if (script.parentNode) script.parentNode.removeChild(script);
                settle(false);
             }, ASSET_LOAD_TIMEOUT_MS);
             (document.head || document.documentElement).appendChild(script);
         });
         });


         document.querySelectorAll('.clbi-system-doc-codebox').forEach(function (node) {
         return scriptPromises[key];
             node.classList.remove('clbi-system-doc-codebox');
    }
            node.removeAttribute('data-clbi-system-doc-codebox');
 
             node.removeAttribute('style');
    function validatePortalFrameSet() {
        var modules = [
            ['PortalFrame', window.PortalFrame],
            ['CategoryNav', window.CategoryNav],
             ['CategoryPillar', window.CategoryPillar],
            ['PortalSectionNav', window.PortalSectionNav],
            ['BottomGuideNav', window.BottomGuideNav]
        ];
        var mismatches = modules.filter(function (entry) {
            var module = entry[1];
             var version = module && (module.frameVersion || module.version);
            return version !== PORTAL_FRAME_BUILD;
         });
         });
    }


    function getSystemDocOutputForShell() {
        document.documentElement.toggleAttribute(
         return document.querySelector('.liberty-content-main .mw-parser-output');
            'data-portal-frame-build-mismatch',
            mismatches.length > 0
        );
         document.documentElement.setAttribute('data-portal-frame-build', PORTAL_FRAME_BUILD);
 
        if (mismatches.length && window.console && typeof window.console.error === 'function') {
            window.console.error(
                '[PortalFrame] 원자적 배포 세트의 버전이 일치하지 않습니다:',
                mismatches.map(function (entry) { return entry[0]; }).join(', ')
            );
        }
        return mismatches.length === 0;
     }
     }


     function findSystemDocSourceNodeForShell() {
     function ensure() {
        var output = getSystemDocOutputForShell();
         if (!isMainPage()) return Promise.resolve(false);
        var children;
        var preferred;
 
         if (!output) return null;


         children = Array.prototype.slice.call(output.children || [])
         return loadStyle()
             .filter(function (el) {
            .then(function () {
                 return el && el.nodeType === 1 &&
                return loadScript('MediaWiki:CategoryNav.js');
                    el.id !== 'clbi-system-doc-indicator-row' &&
            })
                    el.id !== 'clbi-system-source-viewer' &&
            .then(function () {
                     !el.classList.contains('catlinks') &&
                return loadScript('MediaWiki:CategoryPillar.js');
                    (el.textContent || '').trim().length > 200;
            })
            .then(function () {
                return loadScript('MediaWiki:PortalSectionNav.js');
            })
             .then(function () {
                 return loadScript('MediaWiki:BottomGuideNav.js');
            })
            .then(function () {
                validatePortalFrameSet();
                if (window.CategoryNav && typeof window.CategoryNav.renderAll === 'function') {
                    window.CategoryNav.renderAll(document);
                }
                if (window.CategoryPillar && typeof window.CategoryPillar.renderAll === 'function') {
                    window.CategoryPillar.renderAll(document);
                }
                if (window.PortalSectionNav && typeof window.PortalSectionNav.renderAll === 'function') {
                     window.PortalSectionNav.renderAll(document);
                }
                if (window.BottomGuideNav && typeof window.BottomGuideNav.render === 'function') {
                    window.BottomGuideNav.render();
                }
                return true;
             });
             });
    }


        preferred = children.filter(function (el) {
    function status() {
             return el.matches && el.matches('.mw-highlight, .mw-code, pre');
        return {
         })[0];
             mainPage: isMainPage(),
            token: sessionToken,
            style: !!document.querySelector('link[data-main-page-fresh-style]'),
            category: !!document.querySelector(
                'script[data-main-page-fresh-script="MediaWiki:CategoryNav.js"]'
            ),
            pillar: !!document.querySelector(
                'script[data-main-page-fresh-script="MediaWiki:CategoryPillar.js"]'
            ),
            section: !!document.querySelector(
                'script[data-main-page-fresh-script="MediaWiki:PortalSectionNav.js"]'
            ),
            guide: !!document.querySelector(
                'script[data-main-page-fresh-script="MediaWiki:BottomGuideNav.js"]'
            ),
            frameBuild: PORTAL_FRAME_BUILD,
            frameConsistent: validatePortalFrameSet()
         };
    }


        return preferred || children.sort(function (a, b) {
    if (mw && mw.hook) {
            return (b.textContent || '').trim().length - (a.textContent || '').trim().length;
        mw.hook('wikipage.content').add(function () {
         })[0] || null;
            ensure();
         });
     }
     }


     function getSystemDocRawUrlForShell() {
     window.setTimeout(ensure, 0);
        var title = mw.config.get('wgPageName') || readCurrentPageNameForShell();


        if (window.mw && mw.util && typeof mw.util.getUrl === 'function') {
    return {
            return mw.util.getUrl(title, {
        ensure: ensure,
                action: 'raw',
        status: status
                ctype: 'text/plain',
    };
                _: String(Date.now())
}(window, document, window.mw));
            });
        }


        return '/index.php?title=' + encodeURIComponent(title) + '&action=raw&ctype=text/plain&_=' + Date.now();
    }


    function removeSystemDocSourceViewerForShell() {
/* =========================================
        var viewer = document.getElementById('clbi-system-source-viewer');
  Account access page marker
  =========================================
  New shared systems use unprefixed names.  The server body class differs
  between skins/locales, so the canonical special-page name is normalized
  once and exposed as a stable page-state class for the login surface.
*/
(function markAccountLoginPage(window, document) {
    'use strict';


        if (viewer && viewer.parentNode) {
    var canonical = '';
            viewer.parentNode.removeChild(viewer);
    var pageName = '';
        }
    var isLoginPage = false;


         document.querySelectorAll('.clbi-system-original-source-hidden').forEach(function (node) {
    try {
            node.classList.remove('clbi-system-original-source-hidden');
         canonical = String(window.mw && mw.config ? mw.config.get('wgCanonicalSpecialPageName') || '' : '').toLowerCase();
            node.removeAttribute('data-clbi-system-source-hidden');
        pageName = String(window.mw && mw.config ? mw.config.get('wgPageName') || '' : '').replace(/_/g, ' ').toLowerCase();
            node.style.removeProperty('display');
    } catch (err) {}
        });


        cleanupLegacySystemDocCodeMutationsForShell();
    isLoginPage = canonical === 'userlogin' || /^(?:special|특수):(?:userlogin|로그인)$/.test(pageName);
     }
     if (!isLoginPage) return;


     function ensureSystemDocSourceViewerForShell() {
     document.documentElement.classList.add('account-login-page-root');
        var output = getSystemDocOutputForShell();
        var source;
        var viewer;
        var fallbackText;


        if (!output || !isMediaWikiSystemAssetPageForShell()) return null;
    function isCreateAccountTarget(link) {
        var href = '';
        var title = '';
        var text = '';
        var sample = '';


         cleanupLegacySystemDocCodeMutationsForShell();
         if (!link) return false;
        href = String(link.getAttribute('href') || '');
        title = String(link.getAttribute('title') || '');
        text = String(link.textContent || '');
        try { href = decodeURIComponent(href); } catch (err) {}
        sample = (href + ' ' + title + ' ' + text).replace(/_/g, ' ').toLowerCase();
        return /(?:special|특수)\s*[:%]\s*(?:createaccount|계정\s*(?:만들기|생성))|createaccount|계정\s*(?:만들기|생성)/i.test(sample);
    }


         source = findSystemDocSourceNodeForShell();
    function suppressCreateAccountSurface(root) {
         if (!source) return null;
         var scope = root && root.querySelectorAll ? root : document;
         var fixedSelectors = [
            '.mw-createacct-benefits-container',
            '.mw-createacct-benefits-list',
            '.mw-createaccount-cta',
            '.mw-createaccount-join',
            '#mw-createaccount-join',
            '.mw-userlogin-create'
        ];


         viewer = document.getElementById('clbi-system-source-viewer');
         fixedSelectors.forEach(function (selector) {
 
            Array.prototype.forEach.call(scope.querySelectorAll(selector), function (node) {
        if (!viewer) {
                node.style.setProperty('display', 'none', 'important');
            viewer = document.createElement('pre');
                node.setAttribute('aria-hidden', 'true');
            viewer.id = 'clbi-system-source-viewer';
             });
            viewer.className = 'clbi-system-source-viewer';
         });
             output.appendChild(viewer);
         }


         fallbackText = source.textContent || '';
         Array.prototype.forEach.call(scope.querySelectorAll('a[href]'), function (link) {
            var container;
            if (!isCreateAccountTarget(link)) return;


        if (!viewer.textContent && fallbackText) {
            link.style.setProperty('display', 'none', 'important');
             viewer.textContent = fallbackText;
            link.setAttribute('aria-hidden', 'true');
        }
             link.setAttribute('tabindex', '-1');


        source.classList.add('clbi-system-original-source-hidden');
            container = link.closest('.mw-ui-vform-field, .oo-ui-fieldLayout, .mw-userlogin-create, p, li');
        source.setAttribute('data-clbi-system-source-hidden', 'true');
            if (container && container.querySelectorAll('a').length === 1) {
        source.style.setProperty('display', 'none', 'important');
                container.style.setProperty('display', 'none', 'important');
                container.setAttribute('aria-hidden', 'true');
            }
        });
    }


         return viewer;
    function applyMarker() {
         if (!document.body) return;
        document.body.classList.add('account-login-page');
        suppressCreateAccountSurface(document);
     }
     }


     function renderSystemDocSourceViewerForShell() {
     if (document.readyState === 'loading') {
         var viewer;
         document.addEventListener('DOMContentLoaded', applyMarker, { once: true });
        var pageName;
    } else {
         var token;
         applyMarker();
        var currentScrollTop;
    }


         if (!isMediaWikiSystemAssetPageForShell()) return;
    try {
         if (window.mw && mw.hook) {
            mw.hook('wikipage.content').add(function (content) {
                suppressCreateAccountSurface(content && content[0] ? content[0] : document);
            });
        }
    } catch (err) {}
})(window, document);


        pageName = String(mw.config.get('wgPageName') || readCurrentPageNameForShell());
/* =========================================
        viewer = document.getElementById('clbi-system-source-viewer');
  Boot gate prelude
  =========================================
  This tiny prelude runs before the full EntryStore/EntryLoader/BootGate implementation.
  Its job is only to guarantee that the user sees the separate loading surface before the
  normal wiki shell can paint. The full BootGate later adopts the same DOM node and keeps
  it open until the real full-entry readiness contract is satisfied.


        /*
  Maintenance rule:
        시스템 문서 뷰어가 이미 만들어져 있고 raw 원문도 로드된 상태라면
  - Do not move first-screen hiding into a late subsystem callback.  If the boot gate is
        다시 source 탐색/숨김/스타일 재적용을 하지 않는다.
    meant to protect the first impression, the surface must be activated before sidebars,
        DevTools Elements 패널에서 body가 계속 파랗게 깜빡이던 원인은
    navbars, document wells, nations panels, or other entry surfaces can visibly fill in.
        MutationObserver가 이 재적용을 반복해서 DOM attribute mutation을 만들었기 때문이다.
  - New names remain unprefixed.  Existing prefixed names elsewhere are legacy aliases only.
        */
*/
        if (
(function installBootGatePrelude(window, document) {
            viewer &&
    'use strict';
            viewer.getAttribute('data-clbi-raw-title') === pageName &&
            viewer.getAttribute('data-clbi-raw-loaded') === '1'
        ) {
            return;
        }


         viewer = ensureSystemDocSourceViewerForShell();
    var SCREEN_ID = 'boot-gate-screen';
         if (!viewer) return;
    var STYLE_ID = 'boot-gate-prelude-style';
    var START_TIME = Date.now ? Date.now() : new Date().getTime();
    function hasQueryFlag(name, value) {
        var search = String(window.location && window.location.search || '');
         var re = new RegExp('[?&]' + name + '=([^&]+)');
         var match = search.match(re);
        return !!(match && decodeURIComponent(match[1]) === value);
    }


         currentScrollTop = viewer.scrollTop || 0;
    function getMwConfig(name, fallback) {
         viewer.setAttribute('data-clbi-raw-title', pageName);
         try {
         token = ++systemDocRawFetchToken;
            if (window.mw && window.mw.config && typeof window.mw.config.get === 'function') {
                var value = window.mw.config.get(name);
                return value == null ? fallback : value;
            }
         } catch (err) {}
         return fallback;
    }


        fetch(getSystemDocRawUrlForShell(), { credentials: 'same-origin' })
    function normalizePageName(value) {
            .then(function (res) {
        return String(value || '').split('?')[0].replace(/^\/index\.php\//, '').replace(/_/g, ' ').trim();
                if (!res.ok) throw new Error('raw fetch failed ' + res.status);
    }
                return res.text();
            })
            .then(function (text) {
                if (token !== systemDocRawFetchToken) return;


                currentScrollTop = viewer.scrollTop || currentScrollTop || 0;
    function isDeveloperOrEditingPage() {
        var ns = Number(getMwConfig('wgNamespaceNumber', NaN));
        var action = String(getMwConfig('wgAction', 'view') || 'view').toLowerCase();
        var model = String(getMwConfig('wgPageContentModel', '') || '').toLowerCase();
        var name = normalizePageName(getMwConfig('wgPageName', '') || window.location.pathname || '');
        var systemNamespaces = {
            '-1': true, '4': true, '5': true, '6': true, '7': true, '8': true, '9': true,
            '10': true, '11': true, '12': true, '13': true, '14': true, '15': true,
            '828': true, '829': true
        };


                if (text && viewer.textContent !== text) {
        /*
                    viewer.textContent = text;
        * Developer/system pages must stay practical.  Editing MediaWiki:, File:,
                }
        * Project:, Template:, Module:, Category:, or any non-view action already forces
        * a full page load in MediaWiki, so showing the entry boot screen there only slows
        * maintenance work and does not improve the public first impression.
        */
        if (hasQueryFlag('bootGatePreview', '1')) return false;
        if (action && action !== 'view') return true;
        if (systemNamespaces[String(ns)]) return true;
        if (model === 'css' || model === 'javascript' || model === 'json' || model === 'sanitized-css') return true;
        if (/\.(?:css|js|json)$/i.test(name)) return true;
        if (/^(?:mediawiki|미디어위키|file|파일|project|프로젝트|template|틀|module|모듈|category|분류|special|특수):/i.test(name)) return true;
        return false;
    }


                viewer.setAttribute('data-clbi-raw-loaded', '1');
    function isAnonymousUser() {
                viewer.scrollTop = currentScrollTop;
        var userName = getMwConfig('wgUserName', null);
            })
        var userId = Number(getMwConfig('wgUserId', 0) || 0);
            .catch(function () {
        return !userName && !userId;
                viewer.setAttribute('data-clbi-raw-loaded', '0');
            });
     }
     }


     function removeSystemDocIndicatorForShell() {
     function isAuthenticationPage() {
         var existing = document.getElementById('clbi-system-doc-indicator-row');
         var canonical = String(getMwConfig('wgCanonicalSpecialPageName', '') || '').toLowerCase();
        var name = normalizePageName(getMwConfig('wgPageName', '') || window.location.pathname || '').toLowerCase();
        var allowed = {
            userlogin: true,
            passwordreset: true,
            resetpass: true,
            confirmemail: true
        };
 
        if (allowed[canonical]) return true;
        return /^(?:special|특수):(?:userlogin|로그인|passwordreset|비밀번호 ?재설정|resetpass|confirmemail)/i.test(name);
    }


        if (document.body) {
    var anonymousUser = isAnonymousUser();
            document.body.classList.remove('clbi-system-doc-page');
    var disabled = isAuthenticationPage() || (!anonymousUser && (hasQueryFlag('bootGate', '0') || isDeveloperOrEditingPage()));
        }


         if (existing && existing.parentNode) {
    function injectStyle() {
             existing.parentNode.removeChild(existing);
        var style;
         }
         if (disabled || document.getElementById(STYLE_ID)) return;
        style = document.createElement('style');
        style.id = STYLE_ID;
        style.textContent = [
            'html.boot-gate-active,body.boot-gate-active{overflow:hidden!important;}',
            'html.boot-gate-active body{background:#080808!important;}',
            'html.boot-gate-active body>:not(#boot-gate-screen){visibility:hidden!important;pointer-events:none!important;}',
            'html.boot-gate-active #boot-gate-screen,html.boot-gate-active #boot-gate-screen *{visibility:visible!important;}',
            '#boot-gate-screen{position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#080808!important;color:#d8d8d8!important;opacity:1;pointer-events:auto!important;}',
            '#boot-gate-screen .boot-gate-decoration-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;}',
            '#boot-gate-screen .boot-gate-panel{position:relative;z-index:2;}',
            '#boot-gate-screen .boot-gate-close{display:none;position:absolute;right:7px;top:6px;z-index:3;height:18px;min-width:18px;border:1px solid #000;background:#141414;color:#ddd;font-size:11px;line-height:16px;padding:0 5px;cursor:pointer;}',
            '#boot-gate-screen.is-preview{inset:auto!important;left:18px!important;top:18px!important;width:min(720px,calc(100vw - 380px))!important;height:360px!important;z-index:99990!important;overflow:hidden!important;border:1px solid #000!important;box-shadow:0 10px 28px rgba(0,0,0,.55)!important;pointer-events:none!important;}',
            '#boot-gate-screen.is-preview .boot-gate-panel,#boot-gate-screen.is-preview .boot-gate-close{pointer-events:auto!important;}',
             '#boot-gate-screen.is-preview .boot-gate-close{display:block;}'
        ].join('');
         (document.head || document.documentElement).appendChild(style);
    }


         removeSystemDocSourceViewerForShell();
    function activate() {
         if (disabled) return;
        injectStyle();
        if (document.documentElement) document.documentElement.classList.add('boot-gate-active');
        if (document.body) document.body.classList.add('boot-gate-active');
     }
     }


     function renderSystemDocIndicatorForShell() {
     function makeNode() {
         var pageName;
         var node;
         var extMatch;
         var panel;
        var ext;
        var row;
        var box;
        var meta;
        var label;
        var type;
         var title;
         var title;
         var anchor;
         var status;
         var main;
         var meter;
        var fill;
        var progress;
        var detail;
        var decoLayer;
        var close;


         if (!document.body || !isMediaWikiSystemAssetPageForShell()) return;
         if (disabled || !document.body) return null;
        activate();


         pageName = readCurrentPageNameForShell();
         node = document.getElementById(SCREEN_ID);
        extMatch = pageName.match(/\.(css|js)$/i);
         if (node) return node;
         ext = extMatch ? extMatch[1].toUpperCase() : 'DOC';


         document.body.classList.add('clbi-system-doc-page');
         node = document.createElement('div');
        node.id = SCREEN_ID;
        node.className = 'boot-gate-screen is-active';
        node.setAttribute('role', 'status');
        node.setAttribute('aria-live', 'polite');
        node.setAttribute('data-boot-gate-prelude', '1');


         row = document.getElementById('clbi-system-doc-indicator-row');
         panel = document.createElement('div');
        panel.className = 'boot-gate-panel';


         if (!row) {
         title = document.createElement('div');
            row = document.createElement('div');
        title.className = 'boot-gate-title';
            row.id = 'clbi-system-doc-indicator-row';
        title.textContent = 'ARCHIVE INITIALIZATION';
            row.className = 'clbi-system-doc-indicator-row';


            box = document.createElement('div');
        status = document.createElement('div');
            box.className = 'clbi-system-doc-indicator';
        status.className = 'boot-gate-status';
        status.textContent = 'Preparing site entry systems';


            meta = document.createElement('div');
        meter = document.createElement('div');
            meta.className = 'clbi-system-doc-meta';
        meter.className = 'boot-gate-meter';
        fill = document.createElement('div');
        fill.className = 'boot-gate-meter-fill';
        meter.appendChild(fill);


            label = document.createElement('span');
        progress = document.createElement('div');
            label.className = 'clbi-system-doc-label';
        progress.className = 'boot-gate-progress';
            label.textContent = 'SYSTEM DOCUMENT';
        progress.textContent = '0%';


            type = document.createElement('span');
        detail = document.createElement('div');
            type.className = 'clbi-system-doc-type';
        detail.className = 'boot-gate-detail';
        detail.textContent = 'boot gate prelude';


            title = document.createElement('div');
        close = document.createElement('button');
            title.className = 'clbi-system-doc-title';
        close.type = 'button';
        close.className = 'boot-gate-close';
        close.setAttribute('aria-label', 'Close boot preview');
        close.textContent = '×';
        close.addEventListener('click', function () { release(node); });
 
        decoLayer = document.createElement('div');
        decoLayer.className = 'boot-gate-decoration-layer';
        decoLayer.setAttribute('data-decoration-target', 'boot-gate');
        decoLayer.setAttribute('aria-hidden', 'true');


            meta.appendChild(label);
        panel.appendChild(title);
            meta.appendChild(type);
        panel.appendChild(status);
            box.appendChild(meta);
        panel.appendChild(meter);
            box.appendChild(title);
        panel.appendChild(progress);
            row.appendChild(box);
        panel.appendChild(detail);
        node.appendChild(decoLayer);
        node.appendChild(panel);
        node.appendChild(close);


            anchor = getSystemDocOutputForShell();
        document.body.insertBefore(node, document.body.firstChild || null);
            main = document.querySelector('.liberty-content-main');
        return node;
    }


            if (anchor && anchor.parentNode) {
    function onBody(callback) {
                anchor.parentNode.insertBefore(row, anchor);
        if (document.body) {
             } else if (main) {
            callback();
                main.insertBefore(row, main.firstChild);
             return;
            }
        }
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', callback, { once: true });
         }
         }
        window.setTimeout(function tick() {
            if (document.body) return callback();
            window.setTimeout(tick, 10);
        }, 0);
    }


         type = row.querySelector('.clbi-system-doc-type');
    function release(node) {
        title = row.querySelector('.clbi-system-doc-title');
         node = node || document.getElementById(SCREEN_ID);
        if (node) {
            node.classList.add('is-complete');
            node.classList.remove('is-active');
            window.setTimeout(function () {
                if (node.parentNode) node.parentNode.removeChild(node);
            }, 240);
        }
        window.setTimeout(function () {
            if (document.documentElement) document.documentElement.classList.remove('boot-gate-active');
            if (document.body) document.body.classList.remove('boot-gate-active');
        }, 250);
    }


         if (type) type.textContent = ext;
    activate();
         if (title) title.textContent = pageName;
    onBody(function () {
         activate();
         makeNode();
    });


         renderSystemDocSourceViewerForShell();
    window.__BootGatePrelude = {
     }
        startTime: START_TIME,
         activate: activate,
        ensure: makeNode,
        release: release,
        node: function () { return document.getElementById(SCREEN_ID); },
        disabled: disabled
     };
})(window, document);


    var PAGE_TITLE_TARGET_SELECTORS = [
/* =========================================
        '.liberty-content-header',
  Site boot gate and entry artifact contract
        '.liberty-content-header .title',
  =========================================
        '.liberty-content-header .title h1',
  This is the initial-load full/half entry artifact system.
        '.liberty-content-header h1',
        '#firstHeading',
        '.firstHeading',
        '.mw-first-heading',
        '.page-heading',
        '.page-header',
        '.mw-page-title-main',
        '.mw-page-title-namespace',
        '.mw-page-title-separator'
    ];


    var pageShellObserverStarted = false;
  Purpose:
    var pageShellObserverTimer = null;
  - The loading screen is not decorative. It exists only during the first site entry in a
    tab, before the user is allowed into the normal wiki surface.
  - A "full" entry must mean that the first view of that system can appear without an
    additional visible data load. For the nations system, the 1950 entry is full only when
    its nation list/link-map data and first-view pixel decorations are ready in this tab.
  - A "half" entry is a predictive warm state for the next likely path. It may fetch and
    parse data, but may skip expensive final work such as image/canvas preparation until it
    is promoted to full.
  - This principle is a site-wide design priority, like SPA continuity. New viewers,
    document systems, and information panels should define their entry full/half packs
    before exposing a first screen that can visibly fill in later.
  - SPA navigation is a consumer phase, not a blocking phase.  Do not add BootGate holds
    to SPA route changes.  If a route needs seamless first paint, prepare its artifacts
    during the initial boot pack and have the subsystem consume EntryStore synchronously
    before inserting or painting visible DOM.


    function setPageTitleDomHidden(hidden) {
  Naming rule:
        var nodes = document.querySelectorAll(PAGE_TITLE_TARGET_SELECTORS.join(','));
  - New public APIs, globals, classes, functions, files, and components must not use a
    project prefix. Old prefixed globals are legacy compatibility surfaces only.
  - New code should use names such as BootGate, EntryLoader, EntryStore, and boot-gate-*.
*/
(function (window, document, mw) {
    'use strict';


        nodes.forEach(function (node) {
    var MANIFEST_TITLE = 'MediaWiki:EntryManifest.json';
            if (!node || !node.style) return;
    var BUILD_ID = '20260711-existing-account-login-001';
    var deferredEntryWarmups = [];
    var READY_KEY = 'boot-gate-ready-version';
    var DISMISS_PARAM = 'bootGate';
    var bootStarted = false;
    var bootPromise = null;
    var bootNode = null;
    var bootStatusNode = null;
    var bootProgressNode = null;
    var bootDetailNode = null;
    var bootFillNode = null;
    var bootStartTime = 0;
    var earlyBootStyleInjected = false;
    var loginGateLocked = false;
    var loginGateActionNode = null;


            if (hidden) {
    function hasQueryFlag(name, value) {
                node.setAttribute('data-clbi-title-hidden', 'true');
        var search = String(window.location && window.location.search || '');
                node.style.setProperty('display', 'none', 'important');
        var re = new RegExp('[?&]' + name + '=([^&]+)');
             } else if (node.getAttribute('data-clbi-title-hidden') === 'true') {
        var match = search.match(re);
                 node.removeAttribute('data-clbi-title-hidden');
        return !!(match && decodeURIComponent(match[1]) === value);
                 node.style.removeProperty('display');
    }
 
    function readConfig(name, fallback) {
        try {
             if (mw && mw.config && typeof mw.config.get === 'function') {
                 var value = mw.config.get(name);
                 return value == null ? fallback : value;
             }
             }
         });
         } catch (err) {}
        return fallback;
    }
 
    function normalizeBootPageName(value) {
        return String(value || '').split('?')[0].replace(/^\/index\.php\//, '').replace(/_/g, ' ').trim();
     }
     }


     function applyPageShellClasses() {
     function isCreateAccountPage() {
         var body = document.body;
         var canonical = String(readConfig('wgCanonicalSpecialPageName', '') || '').toLowerCase();
         var isSystemPage;
         var name = normalizeBootPageName(readConfig('wgPageName', '') || window.location.pathname || '').toLowerCase();
        return canonical === 'createaccount' || /^(?:special|특수):(?:createaccount|계정 ?(?:만들기|생성))/i.test(name);
    }


         if (!body) return;
    function isAnonymousUser() {
         var userName = readConfig('wgUserName', null);
        var userId = Number(readConfig('wgUserId', 0) || 0);
        return !userName && !userId;
    }


         isSystemPage = isBackendOrSystemPageForShell();
    function isAuthenticationPage() {
         var canonical = String(readConfig('wgCanonicalSpecialPageName', '') || '').toLowerCase();
        var name = normalizeBootPageName(readConfig('wgPageName', '') || window.location.pathname || '').toLowerCase();
        var allowed = {
            userlogin: true,
            passwordreset: true,
            resetpass: true,
            confirmemail: true
        };


         body.classList.remove('page-title-hidden', 'page-title-visible', 'backend-system-page', 'anecdote-namespace-page');
         if (allowed[canonical]) return true;
        return /^(?:special|특수):(?:userlogin|로그인|passwordreset|비밀번호 ?재설정|resetpass|confirmemail)/i.test(name);
    }


        if (!isMediaWikiSystemAssetPageForShell()) {
    function requiresLoginGate() {
            body.classList.remove('clbi-system-doc-page');
        return isAnonymousUser() && !isAuthenticationPage();
            removeSystemDocIndicatorForShell();
    }
        }


         if (isAnecdoteNamespaceForShell()) {
    function isBootExcludedPage() {
            body.classList.add('anecdote-namespace-page');
         var ns = Number(readConfig('wgNamespaceNumber', NaN));
         }
        var action = String(readConfig('wgAction', 'view') || 'view').toLowerCase();
        var model = String(readConfig('wgPageContentModel', '') || '').toLowerCase();
        var name = normalizeBootPageName(readConfig('wgPageName', '') || window.location.pathname || '');
        var systemNamespaces = {
            '-1': true, '4': true, '5': true, '6': true, '7': true, '8': true, '9': true,
            '10': true, '11': true, '12': true, '13': true, '14': true, '15': true,
            '828': true, '829': true
         };


         if (isMediaWikiSystemAssetPageForShell()) {
         /*
            body.classList.add('page-title-hidden', 'backend-system-page', 'clbi-system-doc-page');
        * The public boot gate is for normal reading surfaces. Developer/system
            setPageTitleDomHidden(true);
        * namespaces and edit/diff/history actions already reload outside SPA, so
            renderSystemDocIndicatorForShell();
        * blocking them would turn every maintenance save into another entry boot.
         } else if (isSystemPage) {
        */
            body.classList.add('page-title-visible', 'backend-system-page');
        if (hasQueryFlag('bootGatePreview', '1')) return false;
            setPageTitleDomHidden(false);
        if (action && action !== 'view') return true;
         } else {
        if (systemNamespaces[String(ns)]) return true;
            body.classList.add('page-title-hidden');
         if (model === 'css' || model === 'javascript' || model === 'json' || model === 'sanitized-css') return true;
            setPageTitleDomHidden(true);
        if (/\.(?:css|js|json)$/i.test(name)) return true;
         }
         if (/^(?:mediawiki|미디어위키|file|파일|project|프로젝트|template|틀|module|모듈|category|분류|special|특수):/i.test(name)) return true;
         return false;
     }
     }


     function applyPageShellClassesDeferred() {
    var LOGIN_REQUIRED = requiresLoginGate();
         applyPageShellClasses();
    var BOOT_EXCLUDED_PAGE = isBootExcludedPage() && !LOGIN_REQUIRED;
         window.setTimeout(applyPageShellClasses, 0);
 
         window.setTimeout(applyPageShellClasses, 80);
     function injectEarlyBootStyle() {
         window.setTimeout(applyPageShellClasses, 250);
         var style;
        if (earlyBootStyleInjected || !document.documentElement) return;
         earlyBootStyleInjected = true;
        style = document.createElement('style');
        style.id = 'boot-gate-early-style';
        style.textContent = [
            'html.boot-gate-active, body.boot-gate-active{overflow:hidden!important;}',
            'html.boot-gate-active body{background:#080808!important;}',
            'html.boot-gate-active body> :not(#boot-gate-screen){visibility:hidden!important;pointer-events:none!important;}',
            'html.boot-gate-active #boot-gate-screen,html.boot-gate-active #boot-gate-screen *{visibility:visible!important;}'
         ].join('');
         (document.head || document.documentElement).appendChild(style);
     }
     }


     function startPageShellObserver() {
     function activateBootSurface() {
         var observer;
         injectEarlyBootStyle();
        if (document.documentElement) document.documentElement.classList.add('boot-gate-active');
        if (document.body) document.body.classList.add('boot-gate-active');
    }
 
    if (!BOOT_EXCLUDED_PAGE) activateBootSurface();
    else if (window.__BootGatePrelude && window.__BootGatePrelude.release) window.__BootGatePrelude.release();


         if (pageShellObserverStarted || !window.MutationObserver || !document.body) return;
    var defaultManifest = {
         version: '20260710-globe-vhs-restore-entry-001',
        boot: {
            minDisplayMs: 950,
            cachedMinDisplayMs: 350,
            maxBlockingMs: 15000
        },
        initial: {
            full: [
                {
                    id: 'decorations-registry',
                    label: 'DECORATION REGISTRY',
                    type: 'decorations',
                    ref: 'MediaWiki:Decorations.json',
                    page: '시대',
                    era: '1950',
                    preparePixels: true
                },
                {
                    id: 'nations-1950-entry',
                    label: '1950 ERA ENTRY',
                    type: 'nations-era',
                    era: '1950',
                    level: 'full'
                }
            ],
            half: [
                {
                    id: 'nations-1960-half',
                    label: '1960 ERA HALF',
                    type: 'nations-era',
                    era: '1960',
                    level: 'half'
                }
            ]
        }
    };


        pageShellObserverStarted = true;
    function now() {
         observer = new MutationObserver(function (mutations) {
         return Date.now ? Date.now() : new Date().getTime();
            var i;
    }
            var target;


            /*
            시스템 CSS/JS 문서는 applyPageShellClasses()가 초기에 한 번
            인디케이터와 source viewer를 만든 뒤에는 MutationObserver가 다시
            같은 렌더링을 반복할 필요가 없다. 이 반복이 DevTools에서 body/요소가
            계속 플래시되는 직접 원인이다.
            SPA 전환 뒤의 처리는 loadPage()와 wikipage.content hook에서 따로 호출된다.
            */
            if (isMediaWikiSystemAssetPageForShell()) {
                for (i = 0; i < mutations.length; i += 1) {
                    target = mutations[i] && mutations[i].target;


                    if (
    var BootPerf = window.BootPerf = window.BootPerf || (function () {
                        target &&
        var t0 = now();
                        target.nodeType === 1 &&
        var entries = [];
                        (
        var active = {};
                            target.id === 'clbi-system-source-viewer' ||
        var seq = 0;
                            target.id === 'clbi-system-doc-indicator-row' ||
                            (target.closest && target.closest('#clbi-system-source-viewer, #clbi-system-doc-indicator-row'))
                        )
                    ) {
                        return;
                    }
                }


                 if (
        function cloneMeta(meta) {
                    document.getElementById('clbi-system-doc-indicator-row') &&
            var out = {};
                     document.getElementById('clbi-system-source-viewer')
            Object.keys(meta || {}).forEach(function (key) {
                ) {
                var value = meta[key];
                    return;
                 if (value == null) return;
                if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') out[key] = value;
                else {
                     try { out[key] = JSON.parse(JSON.stringify(value)); }
                    catch (err) { out[key] = String(value); }
                 }
                 }
             }
             });
            return out;
        }


             if (pageShellObserverTimer) return;
        function start(name, meta) {
            var id = String(++seq);
             active[id] = { id: id, name: String(name || 'entry'), start: now(), meta: cloneMeta(meta) };
            return id;
        }


            pageShellObserverTimer = window.setTimeout(function () {
        function end(id, meta) {
                pageShellObserverTimer = null;
            var item = active[id];
                applyPageShellClasses();
            var ended = now();
             }, 50);
            if (!item) return null;
         });
            delete active[id];
            item.end = ended;
            item.ms = ended - item.start;
            item.offset = item.start - t0;
             item.meta = Object.assign({}, item.meta || {}, cloneMeta(meta));
            entries.push(item);
            return item;
         }


         observer.observe(document.body, {
         function instant(name, meta) {
             childList: true,
            var t = now();
             subtree: true
            entries.push({ id: String(++seq), name: String(name || 'mark'), start: t, end: t, ms: 0, offset: t - t0, meta: cloneMeta(meta) });
         });
        }
    }
 
        function measure(name, meta, fn) {
             var id = start(name, meta);
            try {
                return Promise.resolve(fn()).then(function (value) {
                    end(id, { ok: true });
                    return value;
                }, function (err) {
                    end(id, { ok: false, error: err && (err.message || String(err)) });
                    throw err;
                });
             } catch (err) {
                end(id, { ok: false, error: err && (err.message || String(err)) });
                return Promise.reject(err);
            }
        }
 
         function rows() {
            return entries.slice().sort(function (a, b) { return a.start - b.start; }).map(function (item) {
                return {
                    offset: item.offset,
                    ms: item.ms,
                    name: item.name,
                    meta: item.meta || {}
                };
            });
        }


    if (document.readyState === 'loading') {
         function summary() {
         document.addEventListener('DOMContentLoaded', function () {
             var list = rows();
             applyPageShellClassesDeferred();
             var total = list.reduce(function (max, item) { return Math.max(max, item.offset + item.ms); }, 0);
             startPageShellObserver();
            return {
        });
                build: BUILD_ID,
    } else {
                startedAt: t0,
        applyPageShellClassesDeferred();
                totalMs: total,
        startPageShellObserver();
                entries: list,
    }
                active: Object.keys(active).map(function (id) { return active[id]; })
            };
        }


    if (mw.hook) {
        function print() {
        mw.hook('wikipage.content').add(applyPageShellClassesDeferred);
            var list = rows();
    }
            if (!window.console || !console.log) return summary();
            try {
                console.groupCollapsed('[BootPerf] entry loading timeline · ' + BUILD_ID);
                if (console.table) console.table(list.map(function (item) {
                    return {
                        offset: item.offset + 'ms',
                        duration: item.ms + 'ms',
                        name: item.name,
                        detail: JSON.stringify(item.meta || {})
                    };
                }));
                else list.forEach(function (item) { console.log(item.offset + 'ms', item.ms + 'ms', item.name, item.meta || {}); });
                console.groupEnd();
            } catch (err) {}
            return summary();
        }


    window.CLBI_PAGE_SHELL = {
        return {
        refresh: applyPageShellClasses,
            start: start,
        isBackendOrSystemPage: isBackendOrSystemPageForShell,
            end: end,
        isSystemAssetPage: isMediaWikiSystemAssetPageForShell,
            mark: instant,
        renderSystemDocIndicator: renderSystemDocIndicatorForShell,
            measure: measure,
        removeSystemDocIndicator: removeSystemDocIndicatorForShell,
            rows: rows,
        refreshSystemDocSourceViewer: renderSystemDocSourceViewerForShell
            summary: summary,
    };
            print: print
}());
        };
    }());


function loadLangScript(done) {
    $.getScript('/index.php?title=미디어위키:Lang.js&action=raw&ctype=text/javascript')
        .done(function() {
            if (typeof done === 'function') done();
        })
        .fail(function(a, b, c) {
            console.error('Lang.js load failed:', b, c);
            if (typeof done === 'function') done();
        });
}


    var InteractionPerf = window.InteractionPerf = window.InteractionPerf || (function () {
        var BUILD = '20260710-interaction-perf-instrument-001';
        var t0 = (window.performance && performance.now ? performance.now() : now());
        var entries = [];
        var active = {};
        var seq = 0;
        var maxEntries = 1600;


function initHalftoneBackground() {
        function perfNow() {
    try {
            return window.performance && performance.now ? performance.now() : now();
        initWebGLHalftoneBackground();
         }
    } catch (err) {
         console.error('WebGL halftone background failed:', err);
    }
}


function initWebGLHalftoneBackground() {
        function cloneMeta(meta) {
    var canvasId = 'site-halftone-bg';
            var out = {};
    var existing = document.getElementById(canvasId);
            Object.keys(meta || {}).forEach(function (key) {
    var canvas = existing || document.createElement('canvas');
                var value = meta[key];
                if (value == null) return;
                if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') out[key] = value;
                else {
                    try { out[key] = JSON.parse(JSON.stringify(value)); }
                    catch (err) { out[key] = String(value); }
                }
            });
            return out;
        }


    if (!existing) {
        function push(entry) {
        canvas.id = canvasId;
            entries.push(entry);
        canvas.setAttribute('aria-hidden', 'true');
            if (entries.length > maxEntries) entries.splice(0, entries.length - maxEntries);
        document.body.insertBefore(canvas, document.body.firstChild || null);
            return entry;
    }
        }


    canvas.style.position = 'fixed';
        function start(name, meta) {
    canvas.style.inset = '0';
            var id = String(++seq);
    canvas.style.width = '100vw';
            active[id] = { id: id, name: String(name || 'interaction'), start: perfNow(), meta: cloneMeta(meta) };
    canvas.style.height = '100vh';
            return id;
    canvas.style.pointerEvents = 'none';
        }
    canvas.style.background = '#000000';


    var gl = canvas.getContext('webgl', {
        function end(id, meta) {
        alpha: false,
            var item = active[id];
        antialias: false,
            var ended = perfNow();
        depth: false,
            if (!item) return null;
        stencil: false,
            delete active[id];
        preserveDrawingBuffer: false,
            item.end = ended;
        powerPreference: 'high-performance'
            item.ms = Math.round((ended - item.start) * 100) / 100;
    }) || canvas.getContext('experimental-webgl');
            item.offset = Math.round((item.start - t0) * 100) / 100;
            item.meta = Object.assign({}, item.meta || {}, cloneMeta(meta));
            return push(item);
        }


    if (!gl) {
        function mark(name, meta) {
        console.warn('WebGL background unavailable.');
            var t = perfNow();
         return;
            return push({ id: String(++seq), name: String(name || 'mark'), start: t, end: t, ms: 0, offset: Math.round((t - t0) * 100) / 100, meta: cloneMeta(meta) });
    }
         }


    var vertexSrc = [
        function measureSync(name, meta, fn) {
        'attribute vec2 a_position;',
            var id = start(name, meta);
        'void main() {',
            try {
        '  gl_Position = vec4(a_position, 0.0, 1.0);',
                var value = fn();
         '}'
                end(id, { ok: true });
    ].join('\n');
                return value;
            } catch (err) {
                end(id, { ok: false, error: err && (err.message || String(err)) || String(err) });
                throw err;
            }
         }


    var fragmentSrc = [
         function measureAsync(name, meta, fn) {
         'precision mediump float;',
            var id = start(name, meta);
        'uniform vec2 u_resolution;',
            try {
        'uniform float u_time;',
                return Promise.resolve(fn()).then(function (value) {
        'const float TAU = 6.28318530718;',
                    end(id, { ok: true });
        'float gaussian(float v, float r) {',
                    return value;
        '  return exp(-((v * v) / max(0.0001, r * r)));',
                }, function (err) {
        '}',
                    end(id, { ok: false, error: err && (err.message || String(err)) || String(err) });
        'float hash(vec2 p) {',
                    throw err;
        '  return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453123);',
                });
        '}',
            } catch (err) {
        'float bucketAlpha(float a) {',
                end(id, { ok: false, error: err && (err.message || String(err)) || String(err) });
        '  float i = floor(a * 9.0);',
                return Promise.reject(err);
        '  if (i < 1.0) return 0.040;',
            }
        '  if (i < 2.0) return 0.080;',
         }
         '  if (i < 3.0) return 0.135;',
 
         '  if (i < 4.0) return 0.210;',
         function summary() {
        '  if (i < 5.0) return 0.310;',
            return {
        '  if (i < 6.0) return 0.430;',
                build: BUILD,
        '  if (i < 7.0) return 0.580;',
                startedAt: t0,
        '  if (i < 8.0) return 0.760;',
                totalMs: Math.round((perfNow() - t0) * 100) / 100,
        '  return 0.920;',
                entries: entries.slice().sort(function (a, b) {
        '}',
                    if (a.offset !== b.offset) return a.offset - b.offset;
        'void main() {',
                    return b.ms - a.ms;
        '  vec2 frag = gl_FragCoord.xy;',
                }),
        '  float spacing = 5.0;',
                active: Object.keys(active).map(function (id) {
        '  float dotSize = 1.08;',
                    var item = active[id];
        '  vec2 grid = floor(frag / spacing);',
                    return { offset: Math.round((item.start - t0) * 100) / 100, ms: Math.round((perfNow() - item.start) * 100) / 100, name: item.name, meta: item.meta || {} };
        '  vec2 inCell = mod(frag, spacing);',
                })
        '  vec2 dotOrigin = vec2(1.0, 1.0);',
            };
         '  vec2 dotCenter = dotOrigin + vec2(dotSize * 0.5);',
         }
         '  vec2 local = abs(inCell - dotCenter);',
 
        '  float noise = hash(grid);',
         function table() {
        '  float size = dotSize + noise * 0.18;',
            var data = summary().entries.map(function (entry) {
        '  float dotMask = 1.0 - smoothstep(size * 0.5, size * 0.5 + 0.22, max(local.x, local.y));',
                return { offset: entry.offset, ms: entry.ms, name: entry.name, meta: entry.meta };
        '  vec2 uv = frag / u_resolution;',
            });
        '  float centerLine = 0.50 +',
            if (window.console && console.table) console.table(data);
        '    sin((uv.y * 1.32 + 0.08) * TAU) * 0.070 +',
            return data;
        '    sin((uv.y * 3.18 + 0.34) * TAU) * 0.030;',
         }
        '  float u = uv.x - centerLine;',
 
         '  float absU = abs(u);',
         try {
         '  float sideLift = smoothstep(0.065, 0.44, absU);',
            if (window.PerformanceObserver && !window.CLBI_InteractionLongTaskObserverBound) {
        '  float valley = gaussian(u, 0.150);',
                window.CLBI_InteractionLongTaskObserverBound = true;
        '  float t = u_time;',
                new PerformanceObserver(function (list) {
        '  float leftRibbonCenter = -0.28 + sin((uv.y * 3.20 + 0.12) * TAU) * 0.050;',
                    list.getEntries().forEach(function (entry) {
        '  float rightRibbonCenter = 0.27 + sin((uv.y * 2.85 + 0.56) * TAU) * 0.055;',
                        mark('browser long task', {
        '  float leftRibbon = gaussian(u - leftRibbonCenter, 0.105);',
                            ms: Math.round(entry.duration * 100) / 100,
        '  float rightRibbon = gaussian(u - rightRibbonCenter, 0.110);',
                            start: Math.round(entry.startTime * 100) / 100,
        ' float foldedU = u +',
                            attribution: entry.attribution && entry.attribution.length ? entry.attribution.length : 0
        '    sin((uv.y * 4.40 + 0.22) * TAU) * 0.050 * (0.3 + sideLift) +',
                        });
        '    sin((uv.y * 7.20 + uv.x * 1.10) * TAU) * 0.022;',
                    });
        '  float verticalFold = pow(0.5 + 0.5 * cos(((foldedU * 3.05) + (sin(uv.y * TAU * 2.35) * 0.18)) * TAU), 2.5);',
                }).observe({ entryTypes: ['longtask'] });
         '  float diagonalFold = pow(0.5 + 0.5 * cos(((foldedU * 1.80) - (uv.y * 1.12) + 0.18) * TAU), 2.1);',
            }
         '  float waist = gaussian(uv.y - 0.50, 0.25) * gaussian(absU - 0.20, 0.19);',
         } catch (ignoreLongTaskObserver) {}
        '  float grain = (noise - 0.5) * 0.050;',
 
        '  float staticField =',
         return {
        '    0.055 +',
            build: BUILD,
        '    sideLift * 0.210 +',
            start: start,
         '    (leftRibbon + rightRibbon) * 0.145 +',
            end: end,
         '    verticalFold * (0.055 + sideLift * 0.115) +',
            mark: mark,
        '    diagonalFold * 0.045 +',
            measureSync: measureSync,
        '    waist * 0.060 -',
            measureAsync: measureAsync,
        '    valley * 0.150 +',
            summary: summary,
         '    grain;',
            table: table
         '  float alpha = staticField;',
         };
         '  alpha += 0.115 * (leftRibbon + rightRibbon) * sin(t * 0.00030 + ((uv.y * 1.9) + sideLift * 0.4) * TAU);',
    }());
        '  alpha += 0.095 * verticalFold * (0.4 + sideLift) * sin(t * 0.00041 + ((uv.y * 2.7) + foldedU * 0.65) * TAU);',
 
        '  alpha += 0.070 * waist * sin(t * 0.00053 + ((uv.y * 3.1) - absU * 0.8) * TAU);',
    function toArray(value) {
         '  alpha += 0.060 * (1.0 - valley) * diagonalFold * sin(t * 0.00067 + ((uv.y * 1.4) + uv.x * 0.6) * TAU);',
         return Array.prototype.slice.call(value || []);
         '  alpha += 0.038 * (0.35 + sideLift) * (0.35 + noise) * sin(t * 0.00079 + ((uv.y * 4.6) + noise * 0.8) * TAU);',
    }
         '  alpha = bucketAlpha(clamp(alpha, 0.025, 0.96));',
 
         '  float value = alpha * dotMask;',
    function unique(list) {
        '  gl_FragColor = vec4(vec3(0.8862745 * value), 1.0);',
         var seen = {};
         '}'
         var out = [];
    ].join('\n');
         (list || []).forEach(function (item) {
            item = String(item || '').trim();
            if (!item || seen[item]) return;
            seen[item] = true;
            out.push(item);
        });
         return out;
    }
 
    function hasBootParam(value) {
        var search = String(window.location && window.location.search || '');
         var re = new RegExp('[?&]' + DISMISS_PARAM + '=([^&]+)');
         var match = search.match(re);
         return match && decodeURIComponent(match[1]) === value;
    }
 
    function normalizeTitle(value) {
         return String(value || '')
            .split('#')[0]
            .replace(/_/g, ' ')
            .trim();
    }


     function compileShader(type, source) {
     function extractTitleFromUrl(value) {
         var shader = gl.createShader(type);
         var text = String(value || '');
         gl.shaderSource(shader, source);
         var match = text.match(/[?&]title=([^&]+)/i);
         gl.compileShader(shader);
         if (match) return normalizeTitle(decodeURIComponent(match[1].replace(/\+/g, ' ')));
        return '';
    }


         if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
    function normalizeRefKey(ref) {
            console.error('WebGL shader compile error:', gl.getShaderInfoLog(shader));
        var text = String(ref || '').trim();
            gl.deleteShader(shader);
        var title;
             return null;
         if (!text) return '';
        title = extractTitleFromUrl(text);
        if (title) return 'title:' + title.toLowerCase();
        if (text.indexOf('/') === -1 && text.indexOf(':') !== -1) return 'title:' + normalizeTitle(text).toLowerCase();
        return 'url:' + text;
    }
 
    function rawUrlForRef(ref, ctype) {
        var text = String(ref || '').trim();
        var title;
        if (!text) return '';
        if (/^(?:https?:)?\/\//i.test(text) || text.charAt(0) === '/') return text;
        title = normalizeTitle(text.indexOf(':') !== -1 ? text : ('MediaWiki:' + text));
        if (mw && mw.util && typeof mw.util.getUrl === 'function') {
             return mw.util.getUrl(title, { action: 'raw', ctype: ctype || 'application/json' });
         }
         }
        return '/index.php?title=' + encodeURIComponent(title) + '&action=raw&ctype=' + encodeURIComponent(ctype || 'application/json');
    }


         return shader;
    function getApiEndpoint() {
         return (mw && mw.util && typeof mw.util.wikiScript === 'function') ? mw.util.wikiScript('api') : '/api.php';
     }
     }


     var vertexShader = compileShader(gl.VERTEX_SHADER, vertexSrc);
     function fetchApi(params) {
    var fragmentShader = compileShader(gl.FRAGMENT_SHADER, fragmentSrc);
        var body = new URLSearchParams();
        Object.keys(params || {}).forEach(function (key) {
            body.append(key, params[key]);
        });
        return fetch(getApiEndpoint(), {
            method: 'POST',
            credentials: 'same-origin',
            headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
            body: body.toString()
        }).then(function (res) {
            if (!res.ok) throw new Error('HTTP ' + res.status);
            return res.json();
        });
    }


    if (!vertexShader || !fragmentShader) return;


     var program = gl.createProgram();
    /* =========================================
     gl.attachShader(program, vertexShader);
      Revision manifest and persistent entry cache
     gl.attachShader(program, fragmentShader);
      =========================================
     gl.linkProgram(program);
      The first boot still prepares current-tab artifacts, but freshness is not guessed from
      filenames or old localStorage flags.  The client reads a tiny server-side current-state
      manifest, compares page revisions / file sha1 values, and only keeps cached raw resources
      whose revision token still matches the server.  The manifest is a latest-state table, not
      an append-only client log.
    */
    var REVISION_MANIFEST_ACTION = 'entryrevisionmanifest';
    var REVISION_MANIFEST_LOCAL_KEY = 'entry-revision-manifest-current-v1';
     var REVISION_MANIFEST_PRUNE_LOCAL_KEY = 'entry-revision-manifest-last-client-prune-v1';
    var ENTRY_CACHE_NAME = 'entry-cache-v1';
     var ENTRY_CACHE_INDEX_KEY = 'entry-cache-index-v1';
     var ENTRY_CACHE_REQUEST_PREFIX = '/__entry-cache__/';
     var ENTRY_CACHE_PACK_KEY = 'entry-cache-pack-state-v1';


     if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
     function hasCacheStorage() {
         console.error('WebGL program link error:', gl.getProgramInfoLog(program));
         return !!(window.caches && typeof window.caches.open === 'function');
        return;
     }
     }


     var positionLoc = gl.getAttribLocation(program, 'a_position');
     function safeJsonParse(text, fallback) {
    var resolutionLoc = gl.getUniformLocation(program, 'u_resolution');
        try { return JSON.parse(text); } catch (err) { return fallback; }
    var timeLoc = gl.getUniformLocation(program, 'u_time');
    }


     var buffer = gl.createBuffer();
     function readLocalJson(key, fallback) {
    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
        try {
    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
            var text = window.localStorage ? window.localStorage.getItem(key) : null;
        -1, -1,
            return text ? safeJsonParse(text, fallback) : fallback;
        1, -1,
        } catch (err) {
        -1,  1,
            return fallback;
         -1,  1,
         }
        1, -1,
     }
        1,  1
     ]), gl.STATIC_DRAW);


     gl.useProgram(program);
     function writeLocalJson(key, value) {
    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
        try {
    gl.enableVertexAttribArray(positionLoc);
            if (window.localStorage) window.localStorage.setItem(key, JSON.stringify(value));
     gl.vertexAttribPointer(positionLoc, 2, gl.FLOAT, false, 0, 0);
        } catch (err) {}
     }


     function resize() {
     function normalizeManifestTitle(value) {
         var dpr = Math.min(window.devicePixelRatio || 1, 1.5);
         var text = String(value || '').trim();
         var cssW = Math.max(1, window.innerWidth || document.documentElement.clientWidth || 1);
        var match;
         var cssH = Math.max(1, window.innerHeight || document.documentElement.clientHeight || 1);
        var i;
         var w = Math.max(1, Math.floor(cssW * dpr));
        if (!text) return '';
         var h = Math.max(1, Math.floor(cssH * dpr));
        for (i = 0; i < 3; i += 1) {
 
            try {
         if (canvas.width !== w || canvas.height !== h) {
                if (/%[0-9a-f]{2}/i.test(text)) text = decodeURIComponent(text);
             canvas.width = w;
            } catch (err) { break; }
            canvas.height = h;
         }
            canvas.style.width = cssW + 'px';
        match = text.match(/[?&]title=([^&#]+)/i);
            canvas.style.height = cssH + 'px';
        if (match) text = match[1];
            gl.viewport(0, 0, w, h);
        text = text.replace(/^https?:\/\/[^/]+/i, '')
            .replace(/^\/+/, '')
            .replace(/^index\.php\/?/i, '')
            .replace(/^wiki\/?/i, '')
            .trim();
         match = text.match(/(?:^|\/)(?:(?:Special|특수)\s*[:/]\s*)?(?:Redirect|넘겨주기)\s*\/\s*file\s*\/([^?#]+)(?:[?#].*)?$/i);
        if (match) text = 'File:' + match[1];
         text = text.split('#')[0].replace(/_/g, ' ').replace(/\s+/g, ' ').trim();
         text = text.replace(/^(?:파일|Image|이미지)\s*:/i, 'File:');
         if (/^(?:mediawiki|template|module|manage|file)\s*:/i.test(text)) {
             text = text.replace(/^([^:]+)\s*:\s*/, function (_, ns) { return ns.charAt(0).toUpperCase() + ns.slice(1).toLowerCase() + ':'; });
         }
         }
        if (/^File:/i.test(text)) text = 'File:' + text.slice(text.indexOf(':') + 1).trim();
        if (/^Mediawiki:/i.test(text)) text = 'MediaWiki:' + text.slice(text.indexOf(':') + 1).trim();
        return text;
     }
     }


     var prefersReducedMotion = false;
     function resourceToken(resource) {
    try {
        if (!resource || typeof resource !== 'object') return '';
         prefersReducedMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
         return String(resource.revision || resource.sha1 || resource.hash || resource.timestamp || resource.updatedAt || resource.url || '').trim();
     } catch (err) {}
     }


     var lastFrame = 0;
     function createEntryCache() {
    var frameInterval = prefersReducedMotion ? 1000 : 66;
        var index = readLocalJson(ENTRY_CACHE_INDEX_KEY, { entries: {} }) || { entries: {} };
    var startTime = performance.now();
        var packs = readLocalJson(ENTRY_CACHE_PACK_KEY, { packs: {} }) || { packs: {} };
        var objectUrls = {};
        var stats = {
            textHits: 0,
            blobHits: 0,
            misses: 0,
            networkStores: 0,
            stores: 0,
            deletes: 0
        };


    function render(now) {
        function ensureIndex() {
        requestAnimationFrame(render);
            if (!index || typeof index !== 'object') index = { entries: {} };
        if (document.hidden) return;
            if (!index.entries || typeof index.entries !== 'object') index.entries = {};
         if (now - lastFrame < frameInterval) return;
         }


         lastFrame = now;
         function compactIndexForLocalStorage() {
        resize();
            var entries;
            var next = {};
            ensureIndex();
            entries = index.entries || {};
            Object.keys(entries).forEach(function (key) {
                var entry = entries[key] || {};
                var kind = String(entry.kind || 'raw').toLowerCase();
                /*
                * CacheStorage already owns image/blob bodies.  Keeping one localStorage
                * metadata row per flag/blob competes with MediaWiki ResourceLoader's own
                * localStorage module store and can trigger QuotaExceededError before our
                * code even runs on the next page load.  Text/json/file URL rows stay indexed
                * because they are small and useful for invalidation diagnostics.
                */
                if (kind === 'image' || kind === 'blob') return;
                next[key] = entry;
            });
            index.entries = next;
        }


         gl.clearColor(0, 0, 0, 1);
         function ensurePacks() {
        gl.clear(gl.COLOR_BUFFER_BIT);
            if (!packs || typeof packs !== 'object') packs = { packs: {} };
        gl.uniform2f(resolutionLoc, canvas.width, canvas.height);
            if (!packs.packs || typeof packs.packs !== 'object') packs.packs = {};
        gl.uniform1f(timeLoc, now - startTime);
         }
         gl.drawArrays(gl.TRIANGLES, 0, 6);
    }


    resize();
        function saveIndex() {
    requestAnimationFrame(render);
            ensureIndex();
}
            compactIndexForLocalStorage();
            writeLocalJson(ENTRY_CACHE_INDEX_KEY, index);
        }


var CLBI_SVG_BELL = '<svg class="profile-svg profile-svg-bell" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10.268 21a2 2 0 0 0 3.464 0"/><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"/></svg>';
        function savePacks() {
var CLBI_SVG_BELL_DOT = '<svg class="profile-svg profile-svg-bell-dot" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10.268 21a2 2 0 0 0 3.464 0"/><path d="M11.68 2.009A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673c-.824-.85-1.678-1.731-2.21-3.348"/><circle cx="18" cy="5" r="3"/></svg>';
            ensurePacks();
var CLBI_SVG_LIST = '<svg class="profile-svg profile-svg-list" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 5h.01"/><path d="M3 12h.01"/><path d="M3 19h.01"/><path d="M8 5h13"/><path d="M8 12h13"/><path d="M8 19h13"/></svg>';
            writeLocalJson(ENTRY_CACHE_PACK_KEY, packs);
var CLBI_SVG_LANGUAGES = '<svg class="profile-svg profile-svg-languages" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m5 8 6 6"/><path d="m4 14 6-6 2-3"/><path d="M2 5h12"/><path d="M7 2h1"/><path d="m22 22-5-10-5 10"/><path d="M14 18h6"/></svg>';
        }
var CLBI_SVG_POWER = '<svg class="profile-svg profile-svg-power" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 2v10"/><path d="M18.4 6.6a9 9 0 1 1-12.77.04"/></svg>';
var CLBI_SVG_SETTINGS = '<svg class="profile-svg profile-svg-settings" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"/><circle cx="12" cy="12" r="3"/></svg>';
var CLBI_SVG_SCAN_TEXT = '<svg class="profile-svg profile-svg-scan-text" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 7V5a2 2 0 0 1 2-2h2"/><path d="M17 3h2a2 2 0 0 1 2 2v2"/><path d="M21 17v2a2 2 0 0 1-2 2h-2"/><path d="M7 21H5a2 2 0 0 1-2-2v-2"/><path d="M7 8h8"/><path d="M7 12h10"/><path d="M7 16h6"/></svg>';
var CLBI_SVG_SCAN_EYE = '<svg class="profile-svg profile-svg-scan-eye" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 7V5a2 2 0 0 1 2-2h2"/><path d="M17 3h2a2 2 0 0 1 2 2v2"/><path d="M21 17v2a2 2 0 0 1-2 2h-2"/><path d="M7 21H5a2 2 0 0 1-2-2v-2"/><circle cx="12" cy="12" r="1"/><path d="M18.944 12.33a1 1 0 0 0 0-.66 7.5 7.5 0 0 0-13.888 0 1 1 0 0 0 0 .66 7.5 7.5 0 0 0 13.888 0"/></svg>';
var CLBI_SVG_NEWSPAPER = '<svg class="profile-svg profile-svg-newspaper" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 18h-5"/><path d="M18 14h-8"/><path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-4 0v-9a2 2 0 0 1 2-2h2"/><rect width="8" height="4" x="10" y="6" rx="1"/></svg>';
var CLBI_SVG_TROPHY = '<svg class="profile-svg profile-svg-trophy" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978"/><path d="M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978"/><path d="M18 9h1.5a1 1 0 0 0 0-5H18"/><path d="M4 22h16"/><path d="M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z"/><path d="M6 9H4.5a1 1 0 0 1 0-5H6"/></svg>';
var CLBI_SVG_PACKAGE = '<svg class="profile-svg profile-svg-package" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3v6"/><path d="M16.76 3a2 2 0 0 1 1.8 1.1l2.23 4.479a2 2 0 0 1 .21.891V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9.472a2 2 0 0 1 .211-.894L5.45 4.1A2 2 0 0 1 7.24 3z"/><path d="M3.054 9.013h17.893"/></svg>';


var PROFILE_RENDER_TOKEN = 0;
        function requestForKey(key) {
            return new Request(ENTRY_CACHE_REQUEST_PREFIX + encodeURIComponent(String(key || '')), { credentials: 'same-origin' });
        }


function invalidateProfileRender() {
        function openCache() {
    PROFILE_RENDER_TOKEN++;
            if (!hasCacheStorage()) return Promise.resolve(null);
}
            return window.caches.open(ENTRY_CACHE_NAME).catch(function () { return null; });
        }


$(function() {
        function cacheEntry(key, meta) {
    initHalftoneBackground();
            key = String(key || '');
            ensureIndex();
            index.entries[key] = Object.assign({}, index.entries[key] || {}, {
                key: key,
                resourceKey: String(meta && meta.resourceKey || ''),
                token: String(meta && meta.token || ''),
                kind: String(meta && meta.kind || 'raw'),
                contentType: String(meta && meta.contentType || ''),
                size: Number(meta && meta.size || 0) || null,
                createdAt: index.entries[key] && index.entries[key].createdAt ? index.entries[key].createdAt : now(),
                updatedAt: now(),
                lastHitAt: index.entries[key] && index.entries[key].lastHitAt ? index.entries[key].lastHitAt : null,
                hits: Number(index.entries[key] && index.entries[key].hits || 0)
            });
            saveIndex();
        }


// ── 상·하단 네비게이션 바 ──
        function markHit(key, field) {
function buildClbiNavHtml(position) {
            key = String(key || '');
    var isBottom = position === 'bottom';
            ensureIndex();
    var base = isBottom ? 'clbi-bottom' : 'clbi-top';
            if (index.entries[key]) {
    var shortBase = isBottom ? 'clbi-bnav' : 'clbi-tnav';
                index.entries[key].hits = Number(index.entries[key].hits || 0) + 1;
    var wrapId = base + '-nav-wrap';
                index.entries[key].lastHitAt = now();
    var navId = base + '-nav';
                saveIndex();
    var mainId = base + '-nav-main';
            }
    var tabsId = base + '-nav-tabs';
            if (field && stats[field] != null) stats[field] += 1;
    var searchId = base + '-nav-search';
        }
    var inputId = isBottom ? 'clbi-bottom-search-input' : 'clbi-top-search-input';
 
    var rightId = base + '-nav-right';
        function getResponse(key) {
    var worldId = shortBase + '-worldbuilding';
            key = String(key || '');
    var infoId = shortBase + '-info';
            if (!key || !hasCacheStorage()) return Promise.resolve(null);
    var subId = isBottom ? 'clbi-bottom-sub-worldbuilding' : 'clbi-sub-worldbuilding';
            return openCache().then(function (cache) {
    var subInnerId = subId + '-inner';
                if (!cache) return null;
                return cache.match(requestForKey(key)).then(function (res) {
                    if (!res) {
                        stats.misses += 1;
                        return null;
                    }
                    return res;
                });
            }).catch(function () { return null; });
        }
 
        function putResponse(key, response, meta) {
            key = String(key || '');
            if (!key || !response || !hasCacheStorage()) return Promise.resolve(false);
            meta = meta || {};
            return openCache().then(function (cache) {
                var cloned;
                var headers;
                var bodyPromise;
                if (!cache) return false;
                cloned = response.clone();
                bodyPromise = cloned.blob().catch(function () { return null; });
                return bodyPromise.then(function (blob) {
                    if (!blob) return false;
                    headers = new Headers(response.headers || {});
                    if (!headers.get('Content-Type')) headers.set('Content-Type', meta.contentType || blob.type || 'application/octet-stream');
                    headers.set('X-Entry-Cache-Key', key);
                    headers.set('X-Entry-Resource-Key', String(meta.resourceKey || ''));
                    headers.set('X-Entry-Revision-Token', String(meta.token || ''));
                    headers.set('X-Entry-Cached-At', String(now()));
                    return cache.put(requestForKey(key), new Response(blob, { status: 200, headers: headers })).then(function () {
                        stats.stores += 1;
                        cacheEntry(key, {
                            resourceKey: meta.resourceKey,
                            token: meta.token,
                            kind: meta.kind || 'blob',
                            contentType: headers.get('Content-Type') || blob.type || '',
                            size: blob.size
                        });
                        return true;
                    });
                });
            }).catch(function () { return false; });
        }
 
        function getText(key) {
            return getResponse(key).then(function (res) {
                if (!res) return null;
                markHit(key, 'textHits');
                return res.text();
            }).catch(function () { return null; });
        }
 
        function putText(key, text, meta) {
            key = String(key || '');
            if (!key || !hasCacheStorage()) return Promise.resolve(false);
            meta = meta || {};
            return openCache().then(function (cache) {
                var headers;
                var body = String(text || '');
                if (!cache) return false;
                headers = new Headers({
                    'Content-Type': meta.contentType || 'text/plain; charset=UTF-8',
                    'X-Entry-Cache-Key': key,
                    'X-Entry-Resource-Key': String(meta.resourceKey || ''),
                    'X-Entry-Revision-Token': String(meta.token || ''),
                    'X-Entry-Cached-At': String(now())
                });
                return cache.put(requestForKey(key), new Response(body, { status: 200, headers: headers })).then(function () {
                    stats.stores += 1;
                    cacheEntry(key, {
                        resourceKey: meta.resourceKey,
                        token: meta.token,
                        kind: meta.kind || 'text',
                        contentType: headers.get('Content-Type'),
                        size: body.length
                    });
                    return true;
                });
            }).catch(function () { return false; });
        }


    return '' +
         function getBlobUrl(key) {
         '<div id="' + wrapId + '">' +
             key = String(key || '');
             '<div id="' + navId + '">' +
            if (!key) return Promise.resolve('');
                '<div id="' + mainId + '">' +
            if (objectUrls[key]) {
                    '<div id="' + tabsId + '">' +
                markHit(key, 'blobHits');
                        '<a class="clbi-top-nav-item" href="/index.php/대문">' +
                return Promise.resolve(objectUrls[key]);
                            '<img class="clbi-tnav-icon" src="/index.php?title=특수:Redirect/file/Ic-main-menu-001.png" alt="">' +
            }
                            '<span class="clbi-tnav-label">메인 메뉴</span>' +
            return getResponse(key).then(function (res) {
                        '</a>' +
                if (!res) return '';
                        '<a class="clbi-top-nav-item" href="/index.php/프로젝트:소개">' +
                return res.blob().then(function (blob) {
                            '<img class="clbi-tnav-icon" src="/index.php?title=특수:Redirect/file/Ic-project-001.png" alt="">' +
                    if (!blob || !blob.size) return '';
                            '<span class="clbi-tnav-label">프로젝트</span>' +
                    objectUrls[key] = URL.createObjectURL(blob);
                        '</a>' +
                    markHit(key, 'blobHits');
                        '<div class="clbi-top-nav-item" id="' + worldId + '">' +
                    return objectUrls[key];
                            '<img class="clbi-tnav-icon" src="/index.php?title=특수:Redirect/file/Ic-worldbuilding-001.png" alt="">' +
                });
                            '<span class="clbi-tnav-label">세계관</span>' +
            }).catch(function () { return ''; });
                            '<span class="clbi-tnav-arrow">▾</span>' +
        }
                        '</div>' +
 
                    '</div>' +
        function fetchBlobUrl(url, key, meta, options) {
                    '<div id="' + searchId + '">' +
            url = String(url || '').trim();
                        '<input type="text" id="' + inputId + '" placeholder="검색...">' +
            key = String(key || '').trim();
                    '</div>' +
            if (!url || !key) return Promise.resolve('');
                    '<div id="' + rightId + '">' +
            return getBlobUrl(key).then(function (cachedUrl) {
                        '<div class="clbi-top-nav-item" id="' + infoId + '">' +
                 if (cachedUrl) return cachedUrl;
                            '<span class="clbi-tnav-label">ℹ</span>' +
                 return fetch(url, {
                        '</div>' +
                     credentials: 'same-origin',
                    '</div>' +
                    cache: options && options.noStore ? 'no-store' : 'force-cache'
                 '</div>' +
                }).then(function (res) {
                 '<div id="' + subId + '">' +
                    if (!res.ok) throw new Error('HTTP ' + res.status);
                     '<div id="' + subInnerId + '">' +
                    stats.networkStores += 1;
                        '<div class="clbi-tnav-sub-list">' +
                    return putResponse(key, res, Object.assign({}, meta || {}, { kind: meta && meta.kind ? meta.kind : 'blob' })).then(function () {
                            '<a class="clbi-tnav-sub-item" href="/index.php/역사적_사건">역사적 사건</a>' +
                         return getBlobUrl(key);
                            '<a class="clbi-tnav-sub-item" href="/index.php/설정">설정</a>' +
                    });
                            '<a class="clbi-tnav-sub-item" href="/index.php/국가_및_조합">국가 및 조합</a>' +
                }).catch(function () {
                            '<a class="clbi-tnav-sub-item" href="/index.php/기업_및_공동체">기업 및 공동체</a>' +
                     return '';
                            '<a class="clbi-tnav-sub-item" href="/index.php/군_정치집단">군, 정치집단</a>' +
                 });
                            '<a class="clbi-tnav-sub-item" href="/index.php/인물">인물</a>' +
             });
                         '</div>' +
         }
                     '</div>' +
                 '</div>' +
             '</div>' +
         '</div>';
}


function normalizeClbiShellDomOrder() {
        function deleteKey(key) {
    var contentWrapper = document.querySelector('.content-wrapper');
            key = String(key || '');
    var topNav = document.getElementById('clbi-top-nav-wrap');
            if (!key || !hasCacheStorage()) return Promise.resolve(false);
    var bottomNav = document.getElementById('clbi-bottom-nav-wrap');
            if (objectUrls[key]) {
    var canvas = document.getElementById('site-halftone-bg');
                try { URL.revokeObjectURL(objectUrls[key]); } catch (err) {}
    var anchor;
                delete objectUrls[key];
    var viewportH;
            }
    var topRect;
            return openCache().then(function (cache) {
    var wrapperRect;
                if (!cache) return false;
    var needsRecovery;
                return cache.delete(requestForKey(key)).then(function (ok) {
    var expectedWrapperTop;
                    ensureIndex();
    var host;
                    if (index.entries && index.entries[key]) {
                        delete index.entries[key];
                        stats.deletes += 1;
                        saveIndex();
                    }
                    return ok;
                });
            }).catch(function () { return false; });
        }


    if (!contentWrapper || !topNav || !bottomNav || !document.body) return;
        function invalidateResources(resourceKeys) {
            var map = {};
            var entries;
            var keys = [];
            ensureIndex();
            entries = index.entries || {};
            (resourceKeys || []).forEach(function (resourceKey) {
                resourceKey = String(resourceKey || '').toLowerCase();
                if (resourceKey) map[resourceKey] = true;
            });
            Object.keys(entries).forEach(function (cacheKey) {
                var resourceKey = String(entries[cacheKey] && entries[cacheKey].resourceKey || '').toLowerCase();
                if (map[resourceKey]) keys.push(cacheKey);
            });
            return Promise.all(keys.map(deleteKey)).then(function () { return keys.length; });
        }


    /*
        function prune(maxAgeDays) {
    CLBI shell can live inside a Liberty <section>. Some skins/layouts give that
            var days = Math.max(1, Number(maxAgeDays) || 7);
    section a flow context that lets the top nav visually overlap the content
            var cutoff = now() - days * 24 * 60 * 60 * 1000;
    wrapper even when DOM sibling order is correct.  Mark the common parent and
            var entries;
    let Layout.css force a simple vertical flow for the shell.
            var keys;
    */
            ensureIndex();
    host = topNav.parentElement === contentWrapper.parentElement &&
            entries = index.entries || {};
        contentWrapper.parentElement === bottomNav.parentElement
            keys = Object.keys(entries).filter(function (key) {
        ? contentWrapper.parentElement
                return Number(entries[key] && entries[key].createdAt || 0) < cutoff;
         : null;
            });
            window.localStorage && window.localStorage.setItem(REVISION_MANIFEST_PRUNE_LOCAL_KEY, String(now()));
            return Promise.all(keys.map(deleteKey)).then(function () { return keys.length; });
         }


    if (host) {
        function reset() {
        host.classList.add('clbi-shell-host');
            Object.keys(objectUrls).forEach(function (key) {
    }
                try { URL.revokeObjectURL(objectUrls[key]); } catch (err) {}
            });
            objectUrls = {};
            index = { entries: {} };
            packs = { packs: {} };
            saveIndex();
            savePacks();
            if (!hasCacheStorage()) return Promise.resolve(false);
            return window.caches.delete(ENTRY_CACHE_NAME).catch(function () { return false; });
        }


    viewportH = window.innerHeight || document.documentElement.clientHeight || 0;
        function packReady(key, token) {
    topRect = topNav.getBoundingClientRect();
            key = String(key || '');
    wrapperRect = contentWrapper.getBoundingClientRect();
            token = String(token || '');
    expectedWrapperTop = topRect.bottom + 8;
            ensurePacks();
            if (!key || !token) return false;
            return !!(packs.packs[key] && String(packs.packs[key].token || '') === token && packs.packs[key].ready);
        }


    needsRecovery = false;
        function setPackReady(key, token, meta) {
            key = String(key || '');
            token = String(token || '');
            if (!key || !token) return false;
            ensurePacks();
            packs.packs[key] = Object.assign({}, meta || {}, {
                key: key,
                token: token,
                ready: true,
                updatedAt: now()
            });
            savePacks();
            return true;
        }


    if (viewportH > 0) {
        function packInfo() {
        if (topRect.top >= viewportH * 0.55) needsRecovery = true;
            ensurePacks();
        if (wrapperRect.top >= viewportH * 0.60) needsRecovery = true;
            return Object.assign({}, packs.packs || {});
    }
        }


    if (topRect.top > 240 || wrapperRect.top > 320) {
        function info() {
        needsRecovery = true;
            var lastClientPrune = 0;
    }
            var entries;
            var byKind = {};
            try { lastClientPrune = Number(window.localStorage && window.localStorage.getItem(REVISION_MANIFEST_PRUNE_LOCAL_KEY) || 0); } catch (err) {}
            ensureIndex();
            ensurePacks();
            entries = index.entries || {};
            Object.keys(entries).forEach(function (key) {
                var kind = String(entries[key] && entries[key].kind || 'raw');
                byKind[kind] = (byKind[kind] || 0) + 1;
            });
            return {
                supported: hasCacheStorage(),
                name: ENTRY_CACHE_NAME,
                entries: Object.keys(entries).length,
                byKind: byKind,
                packs: Object.keys(packs.packs || {}).length,
                lastClientPruneAt: lastClientPrune || null,
                stats: Object.assign({}, stats)
            };
        }


    if (wrapperRect.top < expectedWrapperTop - 1) {
        /* Trim legacy image/blob metadata rows produced by older builds. */
         needsRecovery = true;
         try { saveIndex(); } catch (err) {}
    }


    if (!needsRecovery) {
        return {
        document.body.classList.add('clbi-shell-ready');
            getResponse: getResponse,
         return;
            putResponse: putResponse,
            getText: getText,
            putText: putText,
            getBlobUrl: getBlobUrl,
            fetchBlobUrl: fetchBlobUrl,
            invalidateResources: invalidateResources,
            prune: prune,
            reset: reset,
            packReady: packReady,
            setPackReady: setPackReady,
            packInfo: packInfo,
            info: info
         };
     }
     }


     anchor = canvas && canvas.parentNode === document.body
     window.EntryCache = window.EntryCache || createEntryCache();
        ? canvas.nextSibling
        : document.body.firstChild;


     document.body.insertBefore(topNav, anchor);
     function createRevisionManifestService() {
    document.body.insertBefore(contentWrapper, topNav.nextSibling);
        var current = null;
    document.body.insertBefore(bottomNav, contentWrapper.nextSibling);
        var previous = readLocalJson(REVISION_MANIFEST_LOCAL_KEY, null);
        var loadPromise = null;
        var changedResources = [];


    document.body.classList.add('clbi-shell-ready');
        function unwrap(payload) {
}
            return payload && (payload.entryrevisionmanifest || payload.revisionManifest || payload) || null;
        }


window.normalizeClbiShellDomOrder = normalizeClbiShellDomOrder;
        function resourcesOf(manifest) {
            return manifest && manifest.resources && typeof manifest.resources === 'object' ? manifest.resources : {};
        }


var $contentWrapper = $('.content-wrapper').first();
        function compactRevisionManifest(manifest) {
            var out;
            var resources;
            if (!manifest || typeof manifest !== 'object') return null;
            out = {
                manifestVersion: manifest.manifestVersion || manifest.version || '',
                version: manifest.version || manifest.manifestVersion || '',
                generatedAt: manifest.generatedAt || '',
                pruneDays: manifest.pruneDays,
                clientPruneDays: manifest.clientPruneDays,
                resources: {}
            };
            resources = resourcesOf(manifest);
            Object.keys(resources).forEach(function (title) {
                var src = resources[title];
                var dst;
                if (!src || typeof src !== 'object') return;
                dst = {};
                ['revision', 'sha1', 'hash', 'timestamp', 'updatedAt', 'url'].forEach(function (key) {
                    if (src[key] !== undefined && src[key] !== null && String(src[key]) !== '') dst[key] = src[key];
                });
                out.resources[title] = dst;
            });
            return out;
        }


if ($contentWrapper.length) {
        function buildLookup(manifest) {
    $('#clbi-top-nav-wrap, #clbi-bottom-nav-wrap').remove();
            var lookup = {};
    $contentWrapper.before(buildClbiNavHtml('top'));
            Object.keys(resourcesOf(manifest)).forEach(function (title) {
    $contentWrapper.after(buildClbiNavHtml('bottom'));
                lookup[normalizeManifestTitle(title).toLowerCase()] = resourcesOf(manifest)[title];
    if (typeof window.normalizeClbiShellDomOrder === 'function') window.normalizeClbiShellDomOrder();
            });
}
            return lookup;
        }


function updateClbiShellMetrics() {
        function computeChanged(prev, next) {
    var top = document.getElementById('clbi-top-nav-wrap');
            var prevLookup = buildLookup(prev);
    var bottom = document.getElementById('clbi-bottom-nav-wrap');
            var nextLookup = buildLookup(next);
    var root = document.documentElement;
            var out = [];
    var topH = 0;
            Object.keys(nextLookup).forEach(function (key) {
    var bottomH = 0;
                if (resourceToken(prevLookup[key]) !== resourceToken(nextLookup[key])) out.push(key);
            });
            Object.keys(prevLookup).forEach(function (key) {
                if (!nextLookup[key]) out.push(key);
            });
            return unique(out);
        }


    if (!root) return;
        function load(options) {
            if (loadPromise && !(options && options.force)) return loadPromise;
            loadPromise = fetchApi({
                action: REVISION_MANIFEST_ACTION,
                format: 'json',
                formatversion: '2'
            }).then(function (payload) {
                var manifest = unwrap(payload);
                if (!manifest || !manifest.resources) throw new Error('invalid revision manifest');
                current = compactRevisionManifest(manifest) || manifest;
                changedResources = computeChanged(previous, current);
                if (changedResources.length && window.EntryCache && typeof window.EntryCache.invalidateResources === 'function') {
                    window.EntryCache.invalidateResources(changedResources);
                }
                writeLocalJson(REVISION_MANIFEST_LOCAL_KEY, current);
                previous = current;
                maybePrune();
                return current;
            }).catch(function () {
                current = previous || null;
                return current;
            });
            return loadPromise;
        }


    if (top) {
        function ensureLoaded() {
        topH = Math.ceil(top.getBoundingClientRect().height || top.offsetHeight || 0);
            return current ? Promise.resolve(current) : load();
    }
        }


    if (bottom) {
        function resourceForRef(ref) {
        bottomH = Math.ceil(bottom.getBoundingClientRect().height || bottom.offsetHeight || 0);
            var title = normalizeManifestTitle(ref);
    }
            var lookup;
            if (!title || !current) return null;
            lookup = buildLookup(current);
            return lookup[title.toLowerCase()] || null;
        }


    root.style.setProperty('--clbi-top-nav-outer-h', topH + 'px');
        function tokenForRef(ref) {
    root.style.setProperty('--clbi-bottom-nav-outer-h', bottomH + 'px');
            return resourceToken(resourceForRef(ref));
}
        }


function scheduleClbiShellMetrics() {
        function resourceKeyForRef(ref) {
    updateClbiShellMetrics();
            var title = normalizeManifestTitle(ref);
            return title ? title.toLowerCase() : '';
        }


    if (typeof scheduleAdaptiveLeftRecentItems === 'function') {
        function cacheKeyForRef(ref, type) {
        scheduleAdaptiveLeftRecentItems();
            var resourceKey = resourceKeyForRef(ref);
    }
            var token = tokenForRef(ref);
    if (typeof scheduleClbiContentBottomGap === 'function') {
            if (!resourceKey || !token) return '';
        scheduleClbiContentBottomGap();
            return String(type || 'raw') + ':' + resourceKey + '@' + token;
    }
        }


    window.setTimeout(function () {
        function manifestToken(extra) {
        updateClbiShellMetrics();
            var base = current && (current.manifestVersion || current.version || current.generatedAt || '') || '';
        if (typeof scheduleAdaptiveLeftRecentItems === 'function') {
            return String(base || 'no-manifest') + (extra ? (':' + String(extra)) : '');
            scheduleAdaptiveLeftRecentItems();
         }
         }
         if (typeof scheduleClbiContentBottomGap === 'function') {
 
             scheduleClbiContentBottomGap();
         function tokenFromUrl(url) {
            var text = String(url || '');
            var match = text.match(/[?&](?:_entryFileRev|_entryAsset|_entryRev)=([^&]+)/);
            if (!match) return '';
             try { return decodeURIComponent(match[1]); } catch (err) { return match[1]; }
         }
         }
    }, 0);


    window.setTimeout(function () {
        function cacheKeyForUrl(url, type) {
        updateClbiShellMetrics();
            var text = String(url || '').trim();
        if (typeof scheduleAdaptiveLeftRecentItems === 'function') {
            var token = tokenFromUrl(text) || manifestToken('url');
             scheduleAdaptiveLeftRecentItems();
            var normalized;
            if (!text) return '';
            try {
                normalized = new URL(text, window.location.href);
                text = normalized.pathname + (normalized.search || '');
            } catch (err) {}
            text = text.replace(/[?&](?:_entryFileRev|_entryAsset|_entryRev)=[^&]*/g, '').replace(/[?&]$/, '');
            try { text = decodeURI(text); } catch (err2) {}
             return String(type || 'blob') + ':url:' + text.toLowerCase() + '@' + token;
         }
         }
         if (typeof scheduleClbiContentBottomGap === 'function') {
 
             scheduleClbiContentBottomGap();
         function addRevisionParam(url, ref) {
            var token = tokenForRef(ref);
            var text = String(url || '').trim();
            var sep;
            if (!text || !token || /[?&]_entryRev=/.test(text)) return text;
            sep = text.indexOf('?') === -1 ? '?' : '&';
             return text + sep + '_entryRev=' + encodeURIComponent(token);
         }
         }
    }, 80);


    window.setTimeout(function () {
        function maybePrune() {
        updateClbiShellMetrics();
            var days = current && Number(current.pruneDays || current.clientPruneDays) || 7;
        if (typeof scheduleAdaptiveLeftRecentItems === 'function') {
            var last = 0;
            scheduleAdaptiveLeftRecentItems();
            var due;
            try { last = Number(window.localStorage && window.localStorage.getItem(REVISION_MANIFEST_PRUNE_LOCAL_KEY) || 0); } catch (err) {}
            due = !last || (now() - last >= days * 24 * 60 * 60 * 1000);
            if (due && window.EntryCache && typeof window.EntryCache.prune === 'function') {
                window.EntryCache.prune(days);
            }
         }
         }
         if (typeof scheduleClbiContentBottomGap === 'function') {
 
             scheduleClbiContentBottomGap();
         function countdown() {
            var days = current && Number(current.pruneDays || current.clientPruneDays) || 7;
            var last = 0;
            var next;
            var remain;
            try { last = Number(window.localStorage && window.localStorage.getItem(REVISION_MANIFEST_PRUNE_LOCAL_KEY) || 0); } catch (err) {}
            if (!last) return { days: days, lastClientPruneAt: null, nextClientPruneAt: null, remainingMs: 0, remainingDays: 0, due: true };
            next = last + days * 24 * 60 * 60 * 1000;
            remain = Math.max(0, next - now());
             return {
                days: days,
                lastClientPruneAt: last,
                nextClientPruneAt: next,
                remainingMs: remain,
                remainingDays: Math.ceil(remain / (24 * 60 * 60 * 1000)),
                due: remain <= 0
            };
         }
         }
    }, 240);
}


function watchClbiShellMetrics() {
        function status() {
    var top = document.getElementById('clbi-top-nav-wrap');
            return {
    var bottom = document.getElementById('clbi-bottom-nav-wrap');
                available: !!current,
    var observer;
                manifestVersion: current && (current.manifestVersion || current.version || ''),
                generatedAt: current && current.generatedAt || '',
                changedResources: changedResources.slice(0, 50),
                changedCount: changedResources.length,
                prune: countdown(),
                cache: window.EntryCache && typeof window.EntryCache.info === 'function' ? window.EntryCache.info() : null
            };
        }


    scheduleClbiShellMetrics();
        return {
            load: load,
            ensureLoaded: ensureLoaded,
            current: function () { return current; },
            resourceForRef: resourceForRef,
            tokenForRef: tokenForRef,
            cacheKeyForRef: cacheKeyForRef,
            cacheKeyForUrl: cacheKeyForUrl,
            manifestToken: manifestToken,
            resourceKeyForRef: resourceKeyForRef,
            addRevisionParam: addRevisionParam,
            maybePrune: maybePrune,
            countdown: countdown,
            status: status
        };
    }


     $(window).on('resize orientationchange', scheduleClbiShellMetrics);
     window.RevisionManifest = window.RevisionManifest || createRevisionManifestService();
    $(window).on('resize.clbiRecentViewport orientationchange.clbiRecentViewport', function () { scheduleAdaptiveLeftRecentItems(); scheduleClbiContentBottomGap(); });
    $(window).on('resize.clbiContentBottomGap orientationchange.clbiContentBottomGap', scheduleClbiContentBottomGap);


     if (window.ResizeObserver) {
     function createEntryStore() {
         observer = new ResizeObserver(scheduleClbiShellMetrics);
         var jsonCache = {};
         if (top) observer.observe(top);
        var flagUrlCache = {};
         if (bottom) observer.observe(bottom);
        var fileUrlCache = {};
         window.CLBI_SHELL_RESIZE_OBSERVER = observer;
        var imageReadyCache = {};
    }
        var imageObjectCache = {};
}
         var imageDisplayUrlCache = {};
         var imagePromiseCache = {};
         var rawPromiseCache = {};
        var textCache = {};
        var textPromiseCache = {};


function bindClbiWorldbuildingToggle(buttonSelector, menuSelector) {
        function fetchJsonRef(ref, options) {
    $(buttonSelector).on('click', function() {
            var key = normalizeRefKey(ref);
        var $menu = $(menuSelector);
            var cacheKey;
        var $btn = $(this);
            var promiseKey;
            var url;
            var resourceKey;
            var token;
            if (!key) return Promise.reject(new Error('empty json ref'));
            cacheKey = window.RevisionManifest && typeof window.RevisionManifest.cacheKeyForRef === 'function' ? window.RevisionManifest.cacheKeyForRef(ref, 'json') : '';
            promiseKey = cacheKey ? (key + '@' + cacheKey) : key;
            if (jsonCache[promiseKey]) return Promise.resolve(jsonCache[promiseKey].data);
            if (rawPromiseCache[promiseKey]) return rawPromiseCache[promiseKey];
            url = rawUrlForRef(ref, 'application/json');
            if (window.RevisionManifest && typeof window.RevisionManifest.addRevisionParam === 'function') {
                url = window.RevisionManifest.addRevisionParam(url, ref);
            }
            resourceKey = window.RevisionManifest && typeof window.RevisionManifest.resourceKeyForRef === 'function' ? window.RevisionManifest.resourceKeyForRef(ref) : key;
            token = window.RevisionManifest && typeof window.RevisionManifest.tokenForRef === 'function' ? window.RevisionManifest.tokenForRef(ref) : '';
            if (cacheKey && !(options && options.noStore) && window.EntryCache && typeof window.EntryCache.getText === 'function') {
                rawPromiseCache[promiseKey] = window.EntryCache.getText(cacheKey).then(function (cachedText) {
                    if (cachedText !== null && cachedText !== undefined) {
                        var cachedData = cachedText && cachedText.trim() ? JSON.parse(cachedText) : {};
                        jsonCache[promiseKey] = { key: promiseKey, ref: ref, url: url, data: cachedData, loadedAt: now(), persistent: true };
                        jsonCache[key] = jsonCache[promiseKey];
                        return cachedData;
                    }
                    return fetch(url, {
                        credentials: 'same-origin',
                        cache: 'force-cache'
                    }).then(function (res) {
                        if (!res.ok) throw new Error('HTTP ' + res.status);
                        return res.text();
                    }).then(function (text) {
                        var data = text && text.trim() ? JSON.parse(text) : {};
                        jsonCache[promiseKey] = { key: promiseKey, ref: ref, url: url, data: data, loadedAt: now() };
                        jsonCache[key] = jsonCache[promiseKey];
                        window.EntryCache.putText(cacheKey, text, { resourceKey: resourceKey, token: token });
                        return data;
                    });
                });
                return rawPromiseCache[promiseKey];
            }
            rawPromiseCache[promiseKey] = fetch(url, {
                credentials: 'same-origin',
                cache: options && options.noStore ? 'no-store' : 'force-cache'
            }).then(function (res) {
                if (!res.ok) throw new Error('HTTP ' + res.status);
                return res.text();
            }).then(function (text) {
                var data = text && text.trim() ? JSON.parse(text) : {};
                jsonCache[promiseKey] = { key: promiseKey, ref: ref, url: url, data: data, loadedAt: now() };
                jsonCache[key] = jsonCache[promiseKey];
                return data;
            });
            return rawPromiseCache[promiseKey];
        }


         $menu.toggleClass('worldbuilding-open');
         function getJsonSync(ref) {
        $btn.toggleClass('clbi-tnav-active', $menu.hasClass('worldbuilding-open'));
            var key = normalizeRefKey(ref);
        scheduleClbiShellMetrics();
            return key && jsonCache[key] ? jsonCache[key].data : null;
    });
        }
}


bindClbiWorldbuildingToggle('#clbi-tnav-worldbuilding', '#clbi-sub-worldbuilding');
        function setJsonRef(ref, data) {
bindClbiWorldbuildingToggle('#clbi-bnav-worldbuilding', '#clbi-bottom-sub-worldbuilding');
            var key = normalizeRefKey(ref);
            if (!key) return;
            jsonCache[key] = { key: key, ref: ref, url: rawUrlForRef(ref, 'application/json'), data: data, loadedAt: now() };
        }


$('#clbi-top-search-input, #clbi-bottom-search-input').on('keydown', function(e) {
        function normalizeFile(value) {
    if (e.key === 'Enter') {
            return String(value || '')
        var q = $(this).val().trim();
                .replace(/^(?:file|파일):/i, '')
         if (q) window.location.href = '/index.php?search=' + encodeURIComponent(q);
                .trim();
    }
         }
});


watchClbiShellMetrics();
        function fileKey(value) {
            return normalizeFile(value).replace(/_/g, ' ').replace(/\s+/g, ' ').toLowerCase();
        }


});
        function setFlagUrl(file, url) {
            var key = fileKey(file);
            if (!key) return;
            flagUrlCache[key] = String(url || '');
        }


// 페이지 전환 사운드
        function getFlagUrl(file) {
var transitionSound = new Audio('/index.php?title=특수:Redirect/file/Sfx-ui-001.mp3');
            var key = fileKey(file);
            return key ? (flagUrlCache[key] || '') : '';
        }


(function() {
        function resolveFlagUrls(files) {
    var master = parseFloat(localStorage.getItem('clbi-audio-master') || 80) / 100;
            var clean = unique((files || []).map(normalizeFile).filter(Boolean));
    var sfx = parseFloat(localStorage.getItem('clbi-audio-sfx') || 60) / 100;
    var sfxOn = localStorage.getItem('clbi-audio-sfxOn') !== 'false';
    transitionSound.volume = sfxOn ? master * sfx : 0;
})();


function playStaticSound() {
            function cacheKeyForFile(file) {
    var master = parseFloat(localStorage.getItem('clbi-audio-master') || 80) / 100;
                return window.RevisionManifest && typeof window.RevisionManifest.cacheKeyForRef === 'function' ? window.RevisionManifest.cacheKeyForRef('File:' + file, 'flagurl') : '';
    var sfx = parseFloat(localStorage.getItem('clbi-audio-sfx') || 60) / 100;
            }
    var sfxOn = localStorage.getItem('clbi-audio-sfxOn') !== 'false';


    if (!sfxOn) return;
            function resourceKeyForFile(file) {
                return window.RevisionManifest && typeof window.RevisionManifest.resourceKeyForRef === 'function' ? window.RevisionManifest.resourceKeyForRef('File:' + file) : ('file:' + fileKey(file));
            }


    transitionSound.volume = master * sfx;
            function tokenForFile(file) {
    transitionSound.currentTime = 0;
                return window.RevisionManifest && typeof window.RevisionManifest.tokenForRef === 'function' ? window.RevisionManifest.tokenForRef('File:' + file) : '';
    transitionSound.play();
            }
}


// 현재 언어 감지
            function hydrateCachedFlagUrl(file) {
function getCurrentLang() {
                var key = fileKey(file);
    var langData = document.getElementById('clbi-lang-data');
                var cacheKey = cacheKeyForFile(file);
    return langData ? (langData.getAttribute('data-lang') || 'ko') : 'ko';
                if (!key || flagUrlCache[key] !== undefined || !cacheKey || !window.EntryCache || typeof window.EntryCache.getText !== 'function') {
}
                    return Promise.resolve(false);
                }
                return window.EntryCache.getText(cacheKey).then(function (cachedUrl) {
                    if (cachedUrl !== null && cachedUrl !== undefined) {
                        flagUrlCache[key] = String(cachedUrl || '');
                        return true;
                    }
                    return false;
                }).catch(function () { return false; });
            }


function normalizePageName(value) {
            return Promise.all(clean.map(hydrateCachedFlagUrl)).then(function () {
    return String(value || '')
                var pending = clean.filter(function (file) {
        .split('?')[0]
                    return getFlagUrl(file) === '' && flagUrlCache[fileKey(file)] === undefined;
        .replace(/^\/index\.php\//, '')
                });
        .replace(/_/g, ' ')
                var chunks = [];
        .trim();
}


function buildWikiPath(title) {
                while (pending.length) chunks.push(pending.splice(0, 20));
    return '/index.php/' + encodeURI(String(title || '').replace(/ /g, '_'));
                if (!chunks.length) return flagUrlCache;
}


function getLangShortCode(lang) {
                return Promise.all(chunks.map(function (chunk) {
    var map = { ko: 'KR', en: 'EN', zh: 'ZH', ja: 'JA', ru: 'RU', es: 'ES' };
                    var titleToKey = {};
    return map[lang] || String(lang || '').toUpperCase();
                    var keyToFile = {};
}
                    var titles = [];
                    chunk.forEach(function (file) {
                        var key = fileKey(file);
                        if (!key) return;
                        titleToKey[fileKey('File:' + file)] = key;
                        titleToKey[fileKey('파일:' + file)] = key;
                        keyToFile[key] = file;
                        titles.push('File:' + file);
                        titles.push('파일:' + file);
                    });
                    return fetchApi({
                        action: 'query',
                        format: 'json',
                        formatversion: '2',
                        redirects: '1',
                        prop: 'imageinfo',
                        iiprop: 'url|sha1|timestamp|size',
                        iiurlwidth: '16',
                        titles: titles.join('|')
                    }).then(function (json) {
                        var pages = (json && json.query && json.query.pages) || [];
                        var seen = {};
                        pages.forEach(function (page) {
                            var key = titleToKey[fileKey(page && page.title)] || fileKey(page && page.title);
                            var file = keyToFile[key] || (page && page.title || '').replace(/^(?:File|파일):/i, '');
                            var imageinfo = page && page.imageinfo && page.imageinfo[0];
                            var url;
                            var rev;
                            var sep;
                            var cacheKey;
                            if (!key) return;
                            seen[key] = true;
                            url = imageinfo && (imageinfo.thumburl || imageinfo.url) ? (imageinfo.thumburl || imageinfo.url) : '';
                            if (url) {
                                rev = imageinfo && (imageinfo.sha1 || imageinfo.timestamp || imageinfo.size) ? (imageinfo.sha1 || imageinfo.timestamp || imageinfo.size) : '';
                                if (rev && !/[?&]_entryFileRev=/.test(url)) {
                                    sep = url.indexOf('?') === -1 ? '?' : '&';
                                    url += sep + '_entryFileRev=' + encodeURIComponent(String(rev));
                                }
                            }
                            flagUrlCache[key] = url;
                            cacheKey = cacheKeyForFile(file);
                            if (cacheKey && window.EntryCache && typeof window.EntryCache.putText === 'function') {
                                window.EntryCache.putText(cacheKey, url || '', {
                                    resourceKey: resourceKeyForFile(file),
                                    token: tokenForFile(file),
                                    kind: 'flagurl',
                                    contentType: 'text/plain; charset=UTF-8'
                                });
                            }
                        });
                        chunk.forEach(function (file) {
                            var key = fileKey(file);
                            if (key && !seen[key] && flagUrlCache[key] === undefined) flagUrlCache[key] = '';
                        });
                    }).catch(function () {
                        chunk.forEach(function (file) {
                            var key = fileKey(file);
                            if (key && flagUrlCache[key] === undefined) flagUrlCache[key] = '';
                        });
                    });
                })).then(function () { return flagUrlCache; });
            });
        }


function getLanguageTargetTitle(lang) {
        function normalizeGenericFileTitle(value) {
    var data = document.getElementById('clbi-lang-data');
            var text = String(value || '').trim();
    if (!data || !lang) return '';
            var match;
            var i;
 
            if (!text) return '';
            for (i = 0; i < 4; i += 1) {
                try {
                    if (/%[0-9a-f]{2}/i.test(text)) text = decodeURIComponent(text);
                } catch (err) {
                    break;
                }
            }
            match = text.match(/[?&]title=([^&#]+)/i);
            if (match) text = match[1];
            text = text.replace(/^https?:\/\/[^/]+/i, '').replace(/^\/+/, '').replace(/^index\.php\/?/i, '').replace(/^wiki\/?/i, '').trim();
            match = text.match(/(?:^|\/)(?:(?:Special|특수)\s*[:/]\s*)?(?:Redirect|넘겨주기)\s*\/\s*file\s*\/(.+)$/i);
            if (match) text = match[1];
            text = text.replace(/^(?:File|파일|Image|이미지)\s*:/i, '').replace(/^:+/, '').trim();
            return text;
        }
 
        function isFileRef(value) {
            var text = String(value || '').trim();
            return /^(?:file|파일)\s*:/i.test(text) || /(?:^|\/)(?:(?:Special|특수)\s*[:/]\s*)?(?:Redirect|넘겨주기)\s*\/\s*file\s*\//i.test(text);
        }
 
        function fileUrlKey(value) {
            return normalizeGenericFileTitle(value).replace(/_/g, ' ').replace(/\s+/g, ' ').toLowerCase();
        }


    var keys = [
        function stableDirectImageUrl(url) {
        'data-' + lang,
            var text = String(url || '').trim();
        'data-page-' + lang,
            var separator;
        'data-title-' + lang,
            var bust;
        'data-target-' + lang,
            if (!text) return '';
        'data-lang-' + lang
            if (/[?&]_entryAsset=/.test(text) || /[?&]_=/.test(text)) return text;
    ];
            bust = String(BUILD_ID || 'entry');
            separator = text.indexOf('?') === -1 ? '?' : '&';
            return text + separator + '_entryAsset=' + encodeURIComponent(bust);
        }


    for (var i = 0; i < keys.length; i++) {
        function resolveFileUrl(ref) {
        var value = data.getAttribute(keys[i]);
            var original = String(ref || '').trim();
        if (value) return value;
            var file;
    }
            var key;
            var cacheKey;
            var resourceKey;
            var token;
            if (!original) return Promise.resolve('');
            if (!isFileRef(original)) return Promise.resolve(stableDirectImageUrl(original));
            file = normalizeGenericFileTitle(original);
            key = fileUrlKey(file);
            if (!file || !key) return Promise.resolve(stableDirectImageUrl(original));
            if (fileUrlCache[key]) return Promise.resolve(fileUrlCache[key]);
            cacheKey = window.RevisionManifest && typeof window.RevisionManifest.cacheKeyForRef === 'function' ? window.RevisionManifest.cacheKeyForRef('File:' + file, 'fileurl') : '';
            resourceKey = window.RevisionManifest && typeof window.RevisionManifest.resourceKeyForRef === 'function' ? window.RevisionManifest.resourceKeyForRef('File:' + file) : ('file:' + key);
            token = window.RevisionManifest && typeof window.RevisionManifest.tokenForRef === 'function' ? window.RevisionManifest.tokenForRef('File:' + file) : '';
            if (cacheKey && window.EntryCache && typeof window.EntryCache.getText === 'function') {
                return window.EntryCache.getText(cacheKey).then(function (cachedUrl) {
                    if (cachedUrl !== null && cachedUrl !== undefined) {
                        fileUrlCache[key] = String(cachedUrl || '');
                        return fileUrlCache[key];
                    }
                    return fetchApi({
                        action: 'query',
                        format: 'json',
                        formatversion: '2',
                        redirects: '1',
                        prop: 'imageinfo',
                        iiprop: 'url|sha1|timestamp|size|mime',
                        titles: 'File:' + file
                    }).then(function (json) {
                        var pages = (json && json.query && json.query.pages) || [];
                        var info = pages[0] && pages[0].imageinfo && pages[0].imageinfo[0] ? pages[0].imageinfo[0] : null;
                        var url = info && info.url ? info.url : original;
                        var rev = info && (info.sha1 || info.timestamp || info.size) ? (info.sha1 || info.timestamp || info.size) : String(BUILD_ID || 'entry-file');
                        var separator = url.indexOf('?') === -1 ? '?' : '&';
                        var resolved = url + separator + '_entryFileRev=' + encodeURIComponent(String(rev));
                        fileUrlCache[key] = resolved;
                        window.EntryCache.putText(cacheKey, resolved, { resourceKey: resourceKey, token: token, kind: 'fileurl', contentType: 'text/plain; charset=UTF-8' });
                        return resolved;
                    });
                }).catch(function () {
                    return stableDirectImageUrl(original);
                });
            }
            return fetchApi({
                action: 'query',
                format: 'json',
                formatversion: '2',
                redirects: '1',
                prop: 'imageinfo',
                iiprop: 'url|sha1|timestamp|size|mime',
                titles: 'File:' + file
            }).then(function (json) {
                var pages = (json && json.query && json.query.pages) || [];
                var info = pages[0] && pages[0].imageinfo && pages[0].imageinfo[0] ? pages[0].imageinfo[0] : null;
                var url = info && info.url ? info.url : original;
                var rev = info && (info.sha1 || info.timestamp || info.size) ? (info.sha1 || info.timestamp || info.size) : String(BUILD_ID || 'entry-file');
                var separator = url.indexOf('?') === -1 ? '?' : '&';
                var resolved = url + separator + '_entryFileRev=' + encodeURIComponent(String(rev));
                fileUrlCache[key] = resolved;
                return resolved;
            }).catch(function () {
                return stableDirectImageUrl(original);
            });
        }


    return '';
        function preloadImageUrl(url, options) {
}
            var key = String(url || '').trim();
            var cacheKey;
            var sourcePromise;
            var persistent = !(options && options.persistent === false);
            if (!key) return Promise.resolve(false);
            if (imageReadyCache[key]) return Promise.resolve(true);
            if (imagePromiseCache[key]) return imagePromiseCache[key];


            cacheKey = persistent && window.RevisionManifest && typeof window.RevisionManifest.cacheKeyForUrl === 'function' ? window.RevisionManifest.cacheKeyForUrl(key, 'image') : '';
            sourcePromise = Promise.resolve('');
            if (cacheKey && window.EntryCache && typeof window.EntryCache.fetchBlobUrl === 'function') {
                sourcePromise = window.EntryCache.fetchBlobUrl(key, cacheKey, {
                    resourceKey: '',
                    token: '',
                    kind: 'image'
                }).catch(function () { return ''; });
            }


var SIDEBAR_LANG_SVG_NS = 'http://www.w3.org/2000/svg';
            imagePromiseCache[key] = sourcePromise.then(function (cachedObjectUrl) {
var SIDEBAR_LANGUAGE_STATUS_TITLE = 'MediaWiki:LanguageStatus.json';
                return new Promise(function (resolve) {
var SIDEBAR_LANGUAGE_LABELS = {
                    var img = new Image();
    ko: '한국어',
                    var settled = false;
    en: 'English',
                    var src = cachedObjectUrl || key;
    zh: '中文',
                    function finish(ok) {
    ja: '日本語',
                        if (settled) return;
    ru: 'Русский',
                        settled = true;
    es: 'Español'
                        if (ok) {
};
                            imageReadyCache[key] = true;
var SIDEBAR_LANGUAGE_DIAL_LABELS = {
                            imageReadyCache[src] = true;
    ko: '한국어',
                            imageObjectCache[key] = img;
    en: 'ENG',
                            imageObjectCache[src] = img;
    zh: '中文',
                            imageDisplayUrlCache[key] = src;
    ja: '日本語',
                            imageDisplayUrlCache[src] = src;
    ru: 'РУС',
                        }
    es: 'ESP'
                        resolve(!!ok);
};
                    }
var SIDEBAR_LANGUAGE_STATUS_VALUES = {
                    img.onload = function () {
    available: true,
                        if (img.decode) {
    wip: true,
                            img.decode().then(function () { finish(true); }).catch(function () { finish(true); });
    unavailable: true
                        } else {
};
                            finish(true);
                        }
                    };
                    img.onerror = function () {
                        if (src !== key) {
                            src = key;
                            img.src = key;
                            return;
                        }
                        finish(false);
                    };
                    img.decoding = 'async';
                    img.loading = 'eager';
                    img.src = src;
                    if (img.complete && img.naturalWidth) {
                        if (img.decode) img.decode().then(function () { finish(true); }).catch(function () { finish(true); });
                        else finish(true);
                    }
                });
            });
            return imagePromiseCache[key];
        }
 
        function preloadImages(urls, options) {
            var list = unique((urls || []).filter(Boolean));
            var limit = options && Number(options.limit);
            var concurrency = Math.max(1, Math.min(48, Number(options && options.concurrency) || 24));
            var index = 0;
            var ok = 0;
            var fail = 0;
            if (Number.isFinite(limit) && limit > 0) list = list.slice(0, limit);
            if (!list.length) return Promise.resolve({ total: 0, ok: 0, fail: 0 });
            return new Promise(function (resolve) {
                function pump() {
                    while (index < list.length && concurrency > 0) {
                        (function (url) {
                            concurrency -= 1;
                            preloadImageUrl(url, options || {}).then(function (result) {
                                if (result) ok += 1;
                                else fail += 1;
                            }).catch(function () {
                                fail += 1;
                            }).then(function () {
                                concurrency += 1;
                                if (index >= list.length && ok + fail >= list.length) resolve({ total: list.length, ok: ok, fail: fail });
                                else pump();
                            });
                        })(list[index++]);
                    }
                }
                pump();
            });
        }
 
        function isImageReady(url) {
            var key = String(url || '').trim();
            return !!(key && imageReadyCache[key]);
        }
 
        function getImageElement(url) {
            var key = String(url || '').trim();
            return key ? (imageObjectCache[key] || null) : null;
        }
 
        function getImageDisplayUrl(url) {
            var key = String(url || '').trim();
            return key ? (imageDisplayUrlCache[key] || key) : '';
        }


var sidebarLanguageStatusRegistry = {};
        function normalizeUrlKey(url) {
var sidebarLanguageStatusLoaded = false;
            var text = String(url || '').trim();
var sidebarLanguageStatusLoading = false;
            var a;
var sidebarLanguageStatusCallbacks = [];
            if (!text) return '';
            try {
                a = document.createElement('a');
                a.href = text;
                text = a.pathname + (a.search || '');
            } catch (err) {}
            try {
                text = decodeURI(text);
            } catch (err2) {}
            text = text.replace(/([?&])_=[^&]*/g, '$1').replace(/[?&]$/, '');
            text = text.replace(/_/g, '_');
            return text;
        }


var sidebarLanguageState = {
        function fetchTextUrl(url, options) {
    order: ['ko', 'en', 'zh', 'ja', 'ru', 'es'],
            var key = normalizeUrlKey(url);
    currentLang: 'ko',
            var cacheKey;
    baseIndex: 0,
            var resourceRef;
    selectedIndex: 0,
            var resourceKey;
    rotation: 0,
            var token;
    dragging: false,
            if (!key) return Promise.reject(new Error('empty text url'));
    dragMoved: false,
            if (textCache[key]) return Promise.resolve(textCache[key].text);
    dragStartX: 0,
            if (textPromiseCache[key]) return textPromiseCache[key];
    dragStartY: 0,
            resourceRef = options && options.resourceRef ? options.resourceRef : (options && options.ref ? options.ref : '');
    dragStartRotation: 0,
            cacheKey = resourceRef && window.RevisionManifest && typeof window.RevisionManifest.cacheKeyForRef === 'function' ? window.RevisionManifest.cacheKeyForRef(resourceRef, 'text') : '';
    dragAxis: null,
            if (!cacheKey && window.RevisionManifest && typeof window.RevisionManifest.cacheKeyForUrl === 'function') cacheKey = window.RevisionManifest.cacheKeyForUrl(url, 'text');
    pointerCaptured: false,
            resourceKey = resourceRef && window.RevisionManifest && typeof window.RevisionManifest.resourceKeyForRef === 'function' ? window.RevisionManifest.resourceKeyForRef(resourceRef) : ('url:' + key);
    lastX: 0,
            token = resourceRef && window.RevisionManifest && typeof window.RevisionManifest.tokenForRef === 'function' ? window.RevisionManifest.tokenForRef(resourceRef) : '';
    lastTime: 0,
            if (cacheKey && !(options && options.noStore) && window.EntryCache && typeof window.EntryCache.getText === 'function') {
    releaseVelocity: 0,
                textPromiseCache[key] = window.EntryCache.getText(cacheKey).then(function (cachedText) {
    suppressClickUntil: 0,
                    if (cachedText !== null && cachedText !== undefined) {
    raf: null,
                        textCache[key] = { key: key, url: url, text: cachedText, loadedAt: now(), persistent: true };
    pendingRotation: 0,
                        return cachedText;
    snapTimer: null,
                    }
    inertiaRaf: null,
                    return fetch(url, {
    navigateTimer: null,
                        credentials: 'same-origin',
    bound: false,
                        cache: 'force-cache'
    boundElement: null,
                    }).then(function (res) {
    rotor: null,
                        if (!res.ok) throw new Error('HTTP ' + res.status);
    cx: 101,
                        return res.text();
    cy: 119,
                    }).then(function (text) {
    outerR: 109,
                        textCache[key] = { key: key, url: url, text: text, loadedAt: now() };
    innerR: 28,
                        window.EntryCache.putText(cacheKey, text, { resourceKey: resourceKey, token: token, kind: 'text', contentType: 'text/html; charset=UTF-8' });
    sectorAngle: 30,
                        return text;
    halfSector: 15,
                    });
    repeats: 8,
                });
    dragSensitivity: 0.58,
                return textPromiseCache[key];
    maxSpinVelocity: 1.75,
            }
    minSpinVelocity: 0.055,
            textPromiseCache[key] = fetch(url, {
    spinDecel: 0.00185
                credentials: 'same-origin',
};
                cache: options && options.noStore ? 'no-store' : 'force-cache'
            }).then(function (res) {
                if (!res.ok) throw new Error('HTTP ' + res.status);
                return res.text();
            }).then(function (text) {
                textCache[key] = { key: key, url: url, text: text, loadedAt: now() };
                return text;
            });
            return textPromiseCache[key];
        }
 
        function getTextSync(url) {
            var key = normalizeUrlKey(url);
            return key && textCache[key] ? textCache[key].text : '';
        }


function createSidebarLanguageSvgEl(tag) {
        function setTextUrl(url, text) {
    return document.createElementNS(SIDEBAR_LANG_SVG_NS, tag);
            var key = normalizeUrlKey(url);
}
            if (!key) return;
            textCache[key] = { key: key, url: url, text: String(text || ''), loadedAt: now() };
        }


function normalizeSidebarLanguageIndex(index) {
        function cacheInfo() {
    var length = sidebarLanguageState.order.length;
            return {
    var normalized = index % length;
                json: Object.keys(jsonCache).length,
    return normalized < 0 ? normalized + length : normalized;
                jsonKeys: Object.keys(jsonCache),
}
                flags: Object.keys(flagUrlCache).length,
                files: Object.keys(fileUrlCache).length,
                images: Object.keys(imageReadyCache).length,
                retainedImages: Object.keys(imageObjectCache).length,
                displayImages: Object.keys(imageDisplayUrlCache).length,
                text: Object.keys(textCache).length,
                textKeys: Object.keys(textCache)
            };
        }


function getSidebarLanguageName(lang) {
        return {
    return SIDEBAR_LANGUAGE_LABELS[lang] || String(lang || '').toUpperCase();
            fetchJsonRef: fetchJsonRef,
}
            getJsonSync: getJsonSync,
            setJsonRef: setJsonRef,
            normalizeRefKey: normalizeRefKey,
            rawUrlForRef: rawUrlForRef,
            revisionUrlForRef: function (ref, ctype) {
                var url = rawUrlForRef(ref, ctype);
                if (window.RevisionManifest && typeof window.RevisionManifest.addRevisionParam === 'function') {
                    url = window.RevisionManifest.addRevisionParam(url, ref);
                }
                return url;
            },
            resolveFlagUrls: resolveFlagUrls,
            setFlagUrl: setFlagUrl,
            getFlagUrl: getFlagUrl,
            resolveFileUrl: resolveFileUrl,
            preloadImageUrl: preloadImageUrl,
            preloadImages: preloadImages,
            isImageReady: isImageReady,
            getImageElement: getImageElement,
            getImageDisplayUrl: getImageDisplayUrl,
            fetchTextUrl: fetchTextUrl,
            getTextSync: getTextSync,
            setTextUrl: setTextUrl,
            stableDirectImageUrl: stableDirectImageUrl,
            cacheInfo: cacheInfo
        };
    }


function getSidebarLanguageDialName(lang) {
     window.EntryStore = window.EntryStore || createEntryStore();
     return SIDEBAR_LANGUAGE_DIAL_LABELS[lang] || getSidebarLanguageName(lang);
}


function normalizeSidebarLanguageStatusValue(value) {
    function updateBootProgress(done, total, label) {
     value = String(value == null ? '' : value).toLowerCase().trim();
        var pct = total ? Math.max(0, Math.min(100, Math.round((done / total) * 100))) : 0;
    return SIDEBAR_LANGUAGE_STATUS_VALUES[value] ? value : '';
        if (bootProgressNode) bootProgressNode.textContent = pct + '%';
}
        if (bootFillNode) bootFillNode.style.width = pct + '%';
        if (bootDetailNode && label) bootDetailNode.textContent = label;
    }
 
     function adoptBootScreen(node) {
        if (!node) return null;
        bootNode = node;
        bootStatusNode = bootNode.querySelector('.boot-gate-status');
        bootProgressNode = bootNode.querySelector('.boot-gate-progress');
        bootDetailNode = bootNode.querySelector('.boot-gate-detail');
        bootFillNode = bootNode.querySelector('.boot-gate-meter-fill');
        bootNode.classList.add('is-active');
        bootNode.classList.remove('is-complete');
        return bootNode;
    }


function getSidebarLanguageStatusPageKey() {
    function ensureBootScreen(options) {
    var raw = String(mw.config.get('wgPageName') || '').trim();
        var panel;
    var normalized = normalizePageName(raw);
        var header;
        var meter;
        var existing;
        var decoLayer;
        var close;
        var previewMode;
        options = options || {};
        previewMode = !!options.preview;
        if (bootNode && bootNode.parentNode) return bootNode;
        if (!document.body) return null;


    return normalized || raw || '대문';
        if (BOOT_EXCLUDED_PAGE && !previewMode) return null;
}
        if (!previewMode) activateBootSurface();


function getSidebarLanguageStatusEntry() {
        existing = document.getElementById('boot-gate-screen') || (!previewMode && window.__BootGatePrelude && window.__BootGatePrelude.ensure ? window.__BootGatePrelude.ensure() : null);
    var registry = sidebarLanguageStatusRegistry || {};
         if (existing) return adoptBootScreen(existing);
    var pages = registry.pages && typeof registry.pages === 'object' ? registry.pages : registry;
    var raw = String(mw.config.get('wgPageName') || '').trim();
    var normalized = normalizePageName(raw);
    var title = String(mw.config.get('wgTitle') || '').trim();
    var keys = [
        normalized,
        raw,
         raw.replace(/_/g, ' '),
        normalized.replace(/ /g, '_'),
        title,
        title.replace(/_/g, ' ')
    ];
    var i;


    for (i = 0; i < keys.length; i += 1) {
        bootNode = document.createElement('div');
         if (keys[i] && pages[keys[i]] && typeof pages[keys[i]] === 'object') {
        bootNode.id = 'boot-gate-screen';
            return pages[keys[i]];
        bootNode.className = 'boot-gate-screen is-active';
         }
         bootNode.setAttribute('role', 'status');
    }
         bootNode.setAttribute('aria-live', 'polite');


    return {};
        panel = document.createElement('div');
}
        panel.className = 'boot-gate-panel';


function getSidebarLanguageStatusOverride(lang) {
        header = document.createElement('div');
    var entry = getSidebarLanguageStatusEntry();
        header.className = 'boot-gate-title';
    return normalizeSidebarLanguageStatusValue(entry[lang]);
        header.textContent = 'ARCHIVE INITIALIZATION';
}


function flushSidebarLanguageStatusCallbacks() {
        bootStatusNode = document.createElement('div');
    var callbacks = sidebarLanguageStatusCallbacks.slice();
        bootStatusNode.className = 'boot-gate-status';
    sidebarLanguageStatusCallbacks.length = 0;
        bootStatusNode.textContent = 'Preparing entry systems';


    callbacks.forEach(function(callback) {
        meter = document.createElement('div');
         if (typeof callback === 'function') {
         meter.className = 'boot-gate-meter';
            callback(sidebarLanguageStatusRegistry);
        bootFillNode = document.createElement('div');
         }
         bootFillNode.className = 'boot-gate-meter-fill';
    });
        meter.appendChild(bootFillNode);
}


function loadSidebarLanguageStatusRegistry(callback, force) {
        bootProgressNode = document.createElement('div');
    if (typeof callback === 'function') {
        bootProgressNode.className = 'boot-gate-progress';
         sidebarLanguageStatusCallbacks.push(callback);
         bootProgressNode.textContent = '0%';
    }


    if (sidebarLanguageStatusLoaded && !force) {
        bootDetailNode = document.createElement('div');
         flushSidebarLanguageStatusCallbacks();
        bootDetailNode.className = 'boot-gate-detail';
         return;
        bootDetailNode.textContent = 'loading manifest';
 
        close = document.createElement('button');
        close.type = 'button';
        close.className = 'boot-gate-close';
        close.setAttribute('aria-label', 'Close boot preview');
        close.textContent = '×';
        close.addEventListener('click', function () { hideBootScreen({ force: true }); });
 
        decoLayer = document.createElement('div');
        decoLayer.className = 'boot-gate-decoration-layer';
        decoLayer.setAttribute('data-decoration-target', 'boot-gate');
        decoLayer.setAttribute('aria-hidden', 'true');
 
        panel.appendChild(header);
        panel.appendChild(bootStatusNode);
        panel.appendChild(meter);
        panel.appendChild(bootProgressNode);
        panel.appendChild(bootDetailNode);
        bootNode.appendChild(decoLayer);
        bootNode.appendChild(panel);
        bootNode.appendChild(close);
         document.body.appendChild(bootNode);
         return bootNode;
     }
     }


     if (sidebarLanguageStatusLoading) return;
     function buildLoginUrl() {
        var pageName = String(readConfig('wgPageName', '') || '').trim();
        var params = {};
 
        if (pageName && !isAuthenticationPage() && !isCreateAccountPage()) params.returnto = pageName;
        try {
            if (mw && mw.util && typeof mw.util.getUrl === 'function') {
                return mw.util.getUrl('Special:UserLogin', params);
            }
        } catch (err) {}
 
        return '/index.php?title=Special%3AUserLogin' + (params.returnto ? '&returnto=' + encodeURIComponent(params.returnto) : '');
    }


     sidebarLanguageStatusLoading = true;
     function ensureLoginGateAction(panel) {
        var copy;
        var action;


    $.ajax({
        if (loginGateActionNode && loginGateActionNode.parentNode) return loginGateActionNode;
         url: mw.util.getUrl(SIDEBAR_LANGUAGE_STATUS_TITLE, {
         loginGateActionNode = document.createElement('div');
            action: 'raw',
         loginGateActionNode.className = 'boot-gate-login';
            ctype: 'application/json',
            _: String(Date.now())
         }),
        dataType: 'text',
        cache: false
    }).done(function(text) {
        var parsed = {};


         try {
         copy = document.createElement('div');
            parsed = text ? JSON.parse(text) : {};
         copy.className = 'boot-gate-login-copy';
         } catch (err) {
        copy.textContent = 'SIGN IN TO ENTER THE WIKI.';
            console.error('LanguageStatus.json parse failed:', err);
            parsed = {};
        }


         sidebarLanguageStatusRegistry = parsed && typeof parsed === 'object' ? parsed : {};
         action = document.createElement('a');
    }).fail(function() {
        action.className = 'boot-gate-login-action';
        sidebarLanguageStatusRegistry = {};
        action.href = buildLoginUrl();
    }).always(function() {
         action.textContent = 'LOGIN';
        sidebarLanguageStatusLoaded = true;
         action.setAttribute('role', 'button');
         sidebarLanguageStatusLoading = false;
         flushSidebarLanguageStatusCallbacks();
    });
}


window.CLBI_LANGUAGE_STATUS = {
        loginGateActionNode.appendChild(copy);
    title: SIDEBAR_LANGUAGE_STATUS_TITLE,
         loginGateActionNode.appendChild(action);
    languages: sidebarLanguageState.order.slice(),
         panel.appendChild(loginGateActionNode);
    labels: SIDEBAR_LANGUAGE_LABELS,
         return loginGateActionNode;
    dialLabels: SIDEBAR_LANGUAGE_DIAL_LABELS,
    getPageKey: getSidebarLanguageStatusPageKey,
    getRegistry: function() {
         return sidebarLanguageStatusRegistry || {};
    },
    reload: function(callback) {
        sidebarLanguageStatusLoaded = false;
         loadSidebarLanguageStatusRegistry(function() {
            renderSidebarLanguageBox();
            if (typeof callback === 'function') callback(sidebarLanguageStatusRegistry);
         }, true);
    },
    refreshDial: function() {
        renderSidebarLanguageBox();
     }
     }
};


function getSidebarLanguageMeta(lang) {
    function showLoginGate() {
    var currentLang = getCurrentLang();
        var node = ensureBootScreen();
    var targetTitle = getLanguageTargetTitle(lang);
        var panel;
    var isCurrent = lang === currentLang;
        var title;
        var action;
 
        if (!node || !requiresLoginGate()) return false;
        activateBootSurface();
        loginGateLocked = true;
        node.classList.remove('is-complete');
        node.classList.add('is-active', 'is-login-required');
        node.setAttribute('role', 'dialog');
        node.setAttribute('aria-modal', 'true');
        node.setAttribute('aria-live', 'off');
 
        panel = node.querySelector('.boot-gate-panel');
        title = node.querySelector('.boot-gate-title');
        if (title) title.textContent = 'ACCOUNT AUTHENTICATION';
        if (bootStatusNode) bootStatusNode.textContent = 'LOGIN REQUIRED';
        if (bootDetailNode) bootDetailNode.textContent = '';
        if (bootProgressNode) bootProgressNode.textContent = '';
        if (bootFillNode) bootFillNode.style.width = '100%';


    return {
         action = panel ? ensureLoginGateAction(panel).querySelector('.boot-gate-login-action') : null;
         lang: lang,
         if (action) {
         code: getLangShortCode(lang),
            action.href = buildLoginUrl();
        name: getSidebarLanguageName(lang),
            window.requestAnimationFrame(function () {
        dialName: getSidebarLanguageDialName(lang),
                try { action.focus({ preventScroll: true }); }
        targetTitle: targetTitle,
                catch (err) { try { action.focus(); } catch (ignore) {} }
         isCurrent: isCurrent,
            });
         canMove: !!targetTitle && !isCurrent
         }
     };
         return true;
}
     }


function getSidebarLanguageStatus(meta) {
    function hideBootScreen(options) {
    var override;
        var node = bootNode || document.getElementById('boot-gate-screen');
        options = options || {};
        if (loginGateLocked && requiresLoginGate() && !options.force) return false;
        if (!node) {
            document.documentElement.classList.remove('boot-gate-active');
            if (document.body) document.body.classList.remove('boot-gate-active');
            return true;
        }
        node.classList.add('is-complete');
        node.classList.remove('is-active');
        window.setTimeout(function () {
            if (node.parentNode) node.parentNode.removeChild(node);
            if (bootNode === node) bootNode = null;
            loginGateActionNode = null;
            document.documentElement.classList.remove('boot-gate-active');
            if (document.body) document.body.classList.remove('boot-gate-active');
        }, 240);
        return true;
    }


     if (!meta) {
     function collectFlagsFromNationPayload(payload) {
         return {
        var files = [];
             className: 'is-locked',
        function add(value) {
             label: 'UNAVAILABLE',
            if (!value) return;
             canApply: false
            if (typeof value === 'string') {
         };
                files.push(value);
                return;
            }
            if (typeof value === 'object') files.push(value.file || value.flag_file || value.flag || value.flag_title || '');
         }
        function scanItem(item) {
             if (!item || typeof item !== 'object') return;
            if (Array.isArray(item.flags)) item.flags.forEach(add);
             add(item.flag_file || item.flag || item.flag_title || '');
        }
        (payload && payload.continents || []).forEach(function (continent) {
             (continent.regions || []).forEach(function (region) {
                (region.items || []).forEach(scanItem);
            });
         });
        return unique(files);
     }
     }


     if (meta.isCurrent) {
     function collectFlagsFromLinkMap(payload) {
         return {
        var files = [];
             className: 'is-current',
        var source = payload && payload.items ? payload.items : {};
             label: 'CURRENT',
         Object.keys(source || {}).forEach(function (key) {
            canApply: false
             var item = source[key];
         };
            if (!item || typeof item !== 'object') return;
             files.push(item.flag_file || item.flag || item.flag_title || '');
        });
         return unique(files);
     }
     }


     override = getSidebarLanguageStatusOverride(meta.lang);
     function prewarmImages(urls, limit) {
        return window.EntryStore.preloadImages(urls, {
            limit: Number(limit) > 0 ? Number(limit) : 0,
            concurrency: 16,
            persistent: false
        });
    }


     if (override === 'wip') {
     function getDecorationRuntime() {
         return {
         return window.Decorations || window.CLBI_DECORATIONS || null;
            className: 'is-locked',
            label: 'WIP',
            canApply: false
        };
     }
     }


     if (override === 'unavailable') {
     function waitForDecorationRuntime() {
         return {
        return new Promise(function (resolve) {
            className: 'is-locked',
            var tries = 0;
            label: 'UNAVAILABLE',
            function tick() {
            canApply: false
                var runtime = getDecorationRuntime();
         };
                if (runtime) return resolve(runtime);
                tries += 1;
                if (tries > 40) return resolve(null);
                window.setTimeout(tick, 25);
            }
            tick();
        });
    }
 
    function matchesDecorationEntry(entry, filter) {
        var era = String(filter && filter.era || '').trim();
        var page = String(filter && filter.page || '').trim();
         var entryPage = String(entry && entry.page || '').replace(/_/g, ' ').trim();
        if (!entry || typeof entry !== 'object') return false;
        if (page && entryPage && entryPage !== page) return false;
        if (era && String(entry.era || '').trim() && String(entry.era || '').trim() !== era) return false;
         return true;
     }
     }


     if (override === 'available' || meta.targetTitle) {
     function prepareDecorationSet(task, level) {
         return {
        var ref = task.ref || 'MediaWiki:Decorations.json';
             className: meta.targetTitle ? 'is-ready' : 'is-locked',
         return window.EntryStore.fetchJsonRef(ref, { noStore: !!task.noStore }).then(function (registry) {
             label: meta.targetTitle ? 'AVAILABLE' : 'UNAVAILABLE',
             var list = registry && Array.isArray(registry.decorations) ? registry.decorations : [];
             canApply: !!meta.targetTitle
            var pixelRefs = [];
         };
            list.forEach(function (entry) {
                var type = String(entry && entry.assetType || '').toLowerCase();
                var asset = String(entry && (entry.asset || entry.src) || '').trim();
                if (!asset) return;
                if (type !== 'pixel-json' && !/\.json(?:[?#].*)?$/i.test(asset)) return;
                if (!matchesDecorationEntry(entry, task)) return;
                pixelRefs.push(asset);
             });
            if (level !== 'full' || task.preparePixels === false || !pixelRefs.length) return registry;
             return waitForDecorationRuntime().then(function (runtime) {
                if (!runtime || typeof runtime.preparePixelCanvas !== 'function') {
                    return Promise.all(pixelRefs.map(function (pixelRef) {
                        return window.EntryStore.fetchJsonRef(pixelRef).catch(function () { return null; });
                    })).then(function () { return registry; });
                }
                return Promise.all(pixelRefs.map(function (pixelRef) {
                    return runtime.preparePixelCanvas(pixelRef).catch(function () { return null; });
                })).then(function () { return registry; });
            });
         });
     }
     }


     return {
     function prepareNationsEra(task, level) {
         className: 'is-locked',
        var era = String(task.era || '1950');
        label: 'UNAVAILABLE',
        var listRef = task.listRef || ('MediaWiki:' + era + '_Nation_List.json');
        canApply: false
        var linkRef = task.linkMapRef || ('MediaWiki:' + era + '_Nation_Link_Map.json');
    };
        var jsonPhaseId = BootPerf.start('nations-era json fetch', { era: era, level: level, listRef: listRef, linkRef: linkRef });
}
        var listPromise = window.EntryStore.fetchJsonRef(listRef).catch(function () { return null; });
        var linkPromise = window.EntryStore.fetchJsonRef(linkRef).catch(function () { return null; });
 
         return Promise.all([listPromise, linkPromise]).then(function (results) {
            BootPerf.end(jsonPhaseId, { ok: true });
            var files;
            var flagUrls;
            if (level !== 'full' && level !== 'warm') return results;
            files = unique(collectFlagsFromNationPayload(results[0]).concat(collectFlagsFromLinkMap(results[1])));
            return BootPerf.measure('nations-era flag url resolve', { era: era, count: files.length }, function () {
                return window.EntryStore.resolveFlagUrls(files);
            }).then(function () {
                if (level === 'warm') {
                    /*
                    * Warm tab contract — 20260708.
                    *
                    * A previous tab already stored the same-revision flag URL and image
                    * blobs.  Re-decoding every flag here makes the second tab feel as slow
                    * as the first one.  In warm mode we only hydrate the flag URL table from
                    * EntryCache so NationsPanel can render stable URLs immediately; image
                    * decode remains demand-driven by the live panel instead of blocking the
                    * boot screen.
                    */
                    return results;
                }
                flagUrls = files.map(function (file) { return window.EntryStore.getFlagUrl(file); }).filter(Boolean);
                /*
                * 20260710: Flag URLs are part of the entry contract, but decoding every
                * flag image is not.  The 1950 list has more than 150 flags, and waiting
                * for all image decodes kept the public boot gate open for several seconds.
                * Keep revision-aware URLs ready for the panel, then let the browser load
                * the actual images from the live DOM.  A low-priority background warm-up
                * may run after the boot gate has opened, so it never competes with the
                * current entry surface or the globe ready contract.
                */
                BootPerf.mark('nations-era flag image prewarm skipped', {
                    era: era,
                    count: flagUrls.length,
                    limit: task.flagLimit == null ? 0 : Number(task.flagLimit),
                    reason: 'deferred-after-boot-gate'
                });
                if (flagUrls.length && task.deferFlagImages !== false) {
                    deferredEntryWarmups.push(function () {
                        return BootPerf.measure('deferred nations-era flag image prewarm', {
                            era: era,
                            count: flagUrls.length,
                            limit: task.flagLimit == null ? 0 : Number(task.flagLimit)
                        }, function () {
                            return prewarmImages(flagUrls, task.flagLimit == null ? 0 : Number(task.flagLimit));
                        });
                    });
                }
                return results;
            });
        });
    }


function sidebarLanguageRad(deg) {
    function prepareGlobeSharedAssets(task, level) {
    return (deg * Math.PI) / 180;
        var refs = Array.isArray(task && task.assets) ? task.assets : [];
}
        if (!refs.length) return Promise.resolve(null);
        return BootPerf.measure('globe-shared url resolve', { count: refs.length, level: level }, function () {
            return Promise.all(refs.map(function (ref) {
                return window.EntryStore.resolveFileUrl(ref).catch(function () { return ''; });
            }));
        }).then(function (urls) {
            urls = urls.filter(Boolean);
            /*
            * Globe shared assets are heavy 6K texture sources.  The live
            * NationsGlobe ready contract already waits for the actual Three.js
            * texture path, so decoding the same images here only duplicates work
            * and holds the boot screen.  Keep revision-aware URL resolution in the
            * entry ledger, but make the image warm-up non-blocking.
            */
            BootPerf.mark('globe-shared image prewarm skipped', {
                count: urls.length,
                level: level,
                reason: 'deferred-to-nations-globe-ready-contract'
            });
            window.setTimeout(function () {
                if (!window.EntryStore || typeof window.EntryStore.preloadImages !== 'function') return;
                window.EntryStore.preloadImages(urls, {
                    limit: task.imageLimit == null ? 0 : Number(task.imageLimit),
                    concurrency: Math.max(1, Math.min(16, Number(task.concurrency) || 4)),
                    persistent: false
                }).catch(function () {});
            }, 0);
            return urls;
        });
    }


function sidebarLanguagePointAt(radius, deg) {
    function prepareImageAssets(task, level) {
    var state = sidebarLanguageState;
        var refs = Array.isArray(task && task.assets) ? task.assets : [];
    var angle = sidebarLanguageRad(deg);
        var full = level === 'full';
        var exposeAs = String(task && task.exposeAs || '').trim();
        if (!refs.length) return Promise.resolve(null);
        return BootPerf.measure('image-assets url resolve', { count: refs.length, exposeAs: exposeAs, level: level }, function () {
            return Promise.all(refs.map(function (ref) {
                return window.EntryStore.resolveFileUrl(ref).catch(function () { return ''; });
            }));
        }).then(function (urls) {
            urls = urls.filter(Boolean);
            if (exposeAs === 'nationsGlobeLoadingGif') {
                window.NationsGlobeLoadingGifRef = refs[0] || '';
                window.NationsGlobeLoadingGifUrl = urls[0] || '';
                window.NationsGlobeLoadingGifFile = 'Gfx-vhs-glitch-001.gif';
            }
            if (!full) return urls;
            return BootPerf.measure('image-assets image prewarm', { count: urls.length, exposeAs: exposeAs, limit: task.imageLimit == null ? 0 : Number(task.imageLimit), concurrency: Math.max(1, Math.min(16, Number(task.concurrency) || 2)) }, function () {
                return window.EntryStore.preloadImages(urls, {
                    limit: task.imageLimit == null ? 0 : Number(task.imageLimit),
                    concurrency: Math.max(1, Math.min(16, Number(task.concurrency) || 2))
                });
            }).then(function () { return urls; });
        });
    }


     return {
     function prepareHtmlEntry(task) {
         x: state.cx + Math.sin(angle) * radius,
         var url = String(task && (task.url || task.ref) || '').trim();
         y: state.cy - Math.cos(angle) * radius
         if (!url) return Promise.resolve(null);
    };
        return window.EntryStore.fetchTextUrl(url, { noStore: !!task.noStore, resourceRef: task.resourceRef || task.ref || task.title || '' });
}
    }


function getSidebarLanguageSectorPath(start, end) {
    function prepareTask(task, defaultLevel) {
    var state = sidebarLanguageState;
        var level = String(task && (task.level || defaultLevel) || 'half').toLowerCase();
    var p1 = sidebarLanguagePointAt(state.outerR, start);
        var type = String(task && task.type || '').toLowerCase();
    var p2 = sidebarLanguagePointAt(state.outerR, end);
        if (!task || typeof task !== 'object') return Promise.resolve(null);
     var p3 = sidebarLanguagePointAt(state.innerR, end);
        if (type === 'html') return prepareHtmlEntry(task);
    var p4 = sidebarLanguagePointAt(state.innerR, start);
        if (type === 'json') return window.EntryStore.fetchJsonRef(task.ref, { noStore: !!task.noStore });
    var largeArc = Math.abs(end - start) > 180 ? 1 : 0;
        if (type === 'pixel-json') {
            return waitForDecorationRuntime().then(function (runtime) {
                if (level === 'full' && runtime && typeof runtime.preparePixelCanvas === 'function') {
                    return runtime.preparePixelCanvas(task.ref || task.asset);
                }
                return window.EntryStore.fetchJsonRef(task.ref || task.asset);
            });
        }
        if (type === 'decorations') return prepareDecorationSet(task, level);
        if (type === 'nations-era') return prepareNationsEra(task, level);
        if (type === 'globe-shared-assets') return prepareGlobeSharedAssets(task, level);
        if (type === 'image-assets') return prepareImageAssets(task, level);
        return Promise.resolve(null);
     }
 
    function loadManifest() {
        return BootPerf.measure('revision manifest load', {}, function () {
            return (window.RevisionManifest && typeof window.RevisionManifest.load === 'function' ? window.RevisionManifest.load() : Promise.resolve(null));
        }).then(function () {
            return BootPerf.measure('entry manifest json fetch', { ref: MANIFEST_TITLE }, function () {
                return window.EntryStore.fetchJsonRef(MANIFEST_TITLE, { noStore: false });
            });
        }).then(function (manifest) {
            if (!manifest || typeof manifest !== 'object' || !manifest.version) {
                BootPerf.mark('entry manifest fallback', { reason: 'invalid manifest' });
                return defaultManifest;
            }
            BootPerf.mark('entry manifest ready', { version: manifest.version });
            return manifest;
        }).catch(function (err) {
            BootPerf.mark('entry manifest fallback', { reason: err && (err.message || String(err)) || 'load failed' });
            return defaultManifest;
        });
    }


     return [
     function flattenInitialTasks(manifest) {
         'M', p1.x.toFixed(3), p1.y.toFixed(3),
         var initial = manifest && manifest.initial ? manifest.initial : {};
         'A', state.outerR, state.outerR, 0, largeArc, 1, p2.x.toFixed(3), p2.y.toFixed(3),
        var full = Array.isArray(initial.full) ? initial.full : [];
        'L', p3.x.toFixed(3), p3.y.toFixed(3),
        var half = Array.isArray(initial.half) ? initial.half : [];
         'A', state.innerR, state.innerR, 0, largeArc, 0, p4.x.toFixed(3), p4.y.toFixed(3),
        var tasks = [];
        'Z'
         full.forEach(function (task) {
    ].join(' ');
            task = Object.assign({}, task);
}
            task.level = task.level || 'full';
            task.blocking = true;
            tasks.push(task);
        });
         half.forEach(function (task) {
            task = Object.assign({}, task);
            task.level = task.level || 'half';
            task.blocking = false;
            tasks.push(task);
        });
        return tasks;
    }


function getSidebarLanguageShellPath() {
    return getSidebarLanguageSectorPath(-68, 68);
}


function getSidebarLanguageByStep(step) {
    function flattenWarmInitialTasks(tasks) {
    var state = sidebarLanguageState;
        var warmed = [];
    var index = normalizeSidebarLanguageIndex(state.baseIndex + step);
        (tasks || []).forEach(function (task) {
            var copy;
            var type = String(task && task.type || '').toLowerCase();
            if (!task || task.blocking === false) return;


    return {
            /*
        index: index,
            * Warm boot fast path — 20260708.
        meta: getSidebarLanguageMeta(state.order[index])
            *
    };
            * Cold boot intentionally performs the expensive work: resolving every flag,
}
            * downloading/decoding images, preparing decoration canvases, and warming shared
            * globe textures.  Once a tab has certified the pack against the current revision
            * manifest, later tabs must not replay that full workload.  They only hydrate the
            * small tables needed by the live page and let already-cached image/blob data be
            * consumed on demand.  This is the missing layer that made second tabs feel almost
            * as slow as first tabs even though the string checks were true.
            */
            if (type === 'globe-shared-assets') return;
            if (type === 'image-assets') return;
            copy = Object.assign({}, task);
            if (type === 'nations-era') copy.level = 'warm';
            else if (type === 'decorations') {
                copy.level = 'half';
                copy.preparePixels = false;
            } else if (type === 'pixel-json') copy.level = 'half';
            warmed.push(copy);
        });
        return warmed;
    }


function getSidebarLanguagePreviewIndex() {
    function currentInitialPackKey(manifest) {
    var state = sidebarLanguageState;
        var version = manifest && manifest.version ? String(manifest.version) : BUILD_ID;
    var step = Math.round(-state.rotation / state.sectorAngle);
        return 'initial-entry-full:' + version;
    return normalizeSidebarLanguageIndex(state.baseIndex + step);
    }
}


function getSidebarLanguagePreviewMeta() {
    function currentInitialPackToken(manifest) {
    var state = sidebarLanguageState;
        var version = manifest && manifest.version ? String(manifest.version) : BUILD_ID;
    return getSidebarLanguageMeta(state.order[getSidebarLanguagePreviewIndex()]);
        var revToken = window.RevisionManifest && typeof window.RevisionManifest.manifestToken === 'function' ? window.RevisionManifest.manifestToken(version) : version;
}
        return revToken;
    }


function makeSidebarLanguageSector(step) {
    function isInitialPackWarm(manifest) {
    var state = sidebarLanguageState;
        var key = currentInitialPackKey(manifest);
    var item = getSidebarLanguageByStep(step);
        var token = currentInitialPackToken(manifest);
    var group = createSidebarLanguageSvgEl('g');
        return !!(window.EntryCache && typeof window.EntryCache.packReady === 'function' && window.EntryCache.packReady(key, token));
     var path = createSidebarLanguageSvgEl('path');
     }
    var label = createSidebarLanguageSvgEl('text');
 
    var labelY = state.cy - 78;
    function markInitialPackWarm(manifest, meta) {
     var angle = step * state.sectorAngle;
        var key = currentInitialPackKey(manifest);
        var token = currentInitialPackToken(manifest);
        if (window.EntryCache && typeof window.EntryCache.setPackReady === 'function') {
            window.EntryCache.setPackReady(key, token, Object.assign({ manifestVersion: manifest && manifest.version || BUILD_ID }, meta || {}));
        }
     }


    group.setAttribute('class', 'sidebar-lang-sector-group');
    group.setAttribute('data-step', String(step));
    group.setAttribute('data-index', String(item.index));
    group.setAttribute('data-lang', item.meta.lang);
    group.setAttribute('transform', 'rotate(' + angle + ' ' + state.cx + ' ' + state.cy + ')');


     path.setAttribute('class', 'sidebar-lang-sector');
     function waitMs(ms) {
    path.setAttribute('d', getSidebarLanguageSectorPath(-state.halfSector, state.halfSector));
        return new Promise(function (resolve) { window.setTimeout(resolve, Math.max(0, ms || 0)); });
    }


     label.setAttribute('class', 'sidebar-lang-sector-label');
     function waitForBody() {
    label.setAttribute('x', String(state.cx));
        if (document.body) return Promise.resolve(document.body);
    label.setAttribute('y', String(labelY + 5));
        return new Promise(function (resolve) {
     label.textContent = item.meta.dialName || item.meta.name;
            function tick() {
                if (document.body) return resolve(document.body);
                window.setTimeout(tick, 10);
            }
            tick();
        });
     }


     group.appendChild(path);
     function waitForDomReady() {
    group.appendChild(label);
        if (document.readyState !== 'loading') return Promise.resolve();
        return new Promise(function (resolve) {
            document.addEventListener('DOMContentLoaded', resolve, { once: true });
        });
    }


     group.addEventListener('click', function(e) {
     function waitForAnimationFrames(count) {
         if (sidebarLanguageState.dragging || performance.now() < sidebarLanguageState.suppressClickUntil) return;
         count = Math.max(1, Math.round(count || 1));
        return new Promise(function (resolve) {
            function next(left) {
                if (left <= 0) return resolve();
                window.requestAnimationFrame(function () { next(left - 1); });
            }
            next(count);
        });
    }


         e.preventDefault();
    function waitUntil(predicate, options) {
        e.stopPropagation();
        var started = now();
         var timeout = options && options.timeoutMs ? options.timeoutMs : 8000;
        var interval = options && options.intervalMs ? options.intervalMs : 60;
        return new Promise(function (resolve) {
            function tick() {
                var result = false;
                try { result = predicate(); } catch (err) { result = false; }
                if (result) return resolve({ ok: true, value: result });
                if (now() - started >= timeout) return resolve({ ok: false, timeout: true });
                window.setTimeout(tick, interval);
            }
            tick();
        });
    }


         cancelSidebarLanguageSpin();
    function waitForTrackedScripts() {
         snapSidebarLanguageToStep(parseInt(group.getAttribute('data-step') || '0', 10), true);
         var list = (window.EntryScriptLoads || []).slice();
    });
         if (!list.length) return Promise.resolve([]);
        return Promise.all(list.map(function (promise) {
            return Promise.resolve(promise).catch(function (err) { return { ok: false, error: err }; });
        }));
    }


     return group;
     function waitForDocumentSurface() {
}
        return waitForDomReady().then(function () {
            return waitForBody();
        }).then(function () {
            return waitUntil(function () {
                return document.querySelector('.content-wrapper') && document.querySelector('.liberty-content-main');
            }, { timeoutMs: 8000, intervalMs: 50 });
        });
    }


function renderSidebarLanguageWheel() {
    function isNationsPageSurface() {
    var state = sidebarLanguageState;
        var page = String(mw && mw.config ? (mw.config.get('wgPageName') || mw.config.get('wgTitle') || '') : '');
    var fan = document.getElementById('clbi-sidebar-lang-fan');
        return !!document.querySelector('.clbi-nations-panel-stack') || /(?:^|[_ ])시대(?:$|[_ ])/.test(page) || /(?:^|[_ ])Era(?:$|[_ ])/i.test(page);
     var svg;
     }
    var defs;
 
     var clip;
     function getInitialNationsEra(manifest) {
    var clipPath;
        var tasks = flattenInitialTasks(manifest);
    var shadowBlur;
        var i;
    var blur;
        for (i = 0; i < tasks.length; i += 1) {
    var fixedDepthGradient;
            if (tasks[i] && tasks[i].type === 'nations-era' && String(tasks[i].level || '').toLowerCase() === 'full') {
    var shell;
                return String(tasks[i].era || '1950');
    var clipped;
            }
    var rotor;
        }
    var fixedDepthPath;
        return '1950';
    var fixedFocus;
     }
    var shadowSoft;
    var shadowHard;
    var rim;
     var pointer;
    var tri;
    var line;
    var step;


     if (!fan) return;
     function waitForNationsPanelReady(era) {
        return BootPerf.measure('wait nations panel api', { era: era }, function () {
            return waitUntil(function () { return window.NationsPanel && typeof window.NationsPanel.whenEraReady === 'function'; }, {
                timeoutMs: 8000,
                intervalMs: 50
            });
        }).then(function (result) {
            if (!result.ok || !window.NationsPanel || typeof window.NationsPanel.whenEraReady !== 'function') return null;
            return BootPerf.measure('wait nations panel era ready', { era: era }, function () {
                return window.NationsPanel.whenEraReady(era, { timeoutMs: 15000 }).catch(function () { return null; });
            });
        }).then(function () {
            return BootPerf.measure('wait nations panel dom ready', { era: era }, function () {
                return waitUntil(function () {
                    var panel = document.querySelector('.clbi-nations-era-content[data-era-content="' + era + '"] .clbi-nations-tabpanel[data-nation-list-source="1"]') ||
                        document.querySelector('.clbi-nations-tabpanel[data-nation-list-source="1"]');
                    return panel && panel.classList.contains('clbi-nations-list-json-ready') && panel.getAttribute('data-nation-list-year-loaded') === String(era);
                }, { timeoutMs: 15000, intervalMs: 80 });
            });
        });
    }


     fan.innerHTML = '';
     function waitForNationsGlobeReady(options) {
        var globe = document.querySelector('.clbi-nations-globe-window[data-nations-globe], [data-nations-globe="real-world"]');
        var soft;
        var timeout;


    svg = createSidebarLanguageSvgEl('svg');
        options = options || {};
    svg.setAttribute('class', 'sidebar-lang-fan-svg');
        soft = !!options.soft;
    svg.setAttribute('viewBox', '0 0 202 150');
        timeout = Number(options.timeoutMs || (soft ? 450 : 30000));
    svg.setAttribute('preserveAspectRatio', 'xMidYMid meet');
    svg.setAttribute('role', 'img');
    svg.setAttribute('aria-label', '언어 선택 다이얼');


    defs = createSidebarLanguageSvgEl('defs');
        if (!globe) {
            BootPerf.mark('wait nations globe skipped', { reason: 'no globe node', soft: soft });
            return Promise.resolve(null);
        }


    clip = createSidebarLanguageSvgEl('clipPath');
        return BootPerf.measure(soft ? 'wait nations globe warm attach' : 'wait nations globe ready contract', { soft: soft, timeoutMs: timeout }, function () {
    clip.setAttribute('id', 'clbi-sidebar-language-fan-clip');
            if (soft) {
    clipPath = createSidebarLanguageSvgEl('path');
                /*
    clipPath.setAttribute('d', getSidebarLanguageShellPath());
                Warm-tab policy:
    clip.appendChild(clipPath);
                Raw globe images are already revision-checked and blob-cached by EntryCache,
                but WebGL scene creation, GPU upload, topojson parsing, and per-tab Three.js
                objects cannot be shared across browser tabs.  Waiting for the full is-ready
                contract here makes a warm tab slower than the first tab.  In warm mode the
                initial gate only waits until the globe consumer has been attached, then the
                globe finishes its own per-tab hydrate without holding the whole page hostage.
                */
                return waitUntil(function () {
                    var node = document.querySelector('.clbi-nations-globe-window[data-nations-globe], [data-nations-globe="real-world"]');
                    if (!node) return false;
                    return node.getAttribute('data-nations-globe-ready') === '1' ||
                        !!node.CLBI_NationsGlobeInstance ||
                        !!node.querySelector('.clbi-nations-globe-stage') ||
                        node.classList.contains('is-ready') ||
                        node.classList.contains('has-error');
                }, { timeoutMs: timeout, intervalMs: 40 });
            }


    shadowBlur = createSidebarLanguageSvgEl('filter');
            return waitUntil(function () {
    shadowBlur.setAttribute('id', 'clbi-sidebar-language-shadow-blur');
                var node = document.querySelector('.clbi-nations-globe-window[data-nations-globe], [data-nations-globe="real-world"]');
    shadowBlur.setAttribute('x', '-20%');
                return node && (node.classList.contains('is-ready') || node.classList.contains('has-error'));
    shadowBlur.setAttribute('y', '-20%');
            }, { timeoutMs: timeout, intervalMs: 100 });
    shadowBlur.setAttribute('width', '140%');
        });
    shadowBlur.setAttribute('height', '140%');
     }
    blur = createSidebarLanguageSvgEl('feGaussianBlur');
    blur.setAttribute('stdDeviation', '3');
     shadowBlur.appendChild(blur);


     fixedDepthGradient = createSidebarLanguageSvgEl('linearGradient');
     function waitForDecorationsReady(options) {
    fixedDepthGradient.setAttribute('id', 'clbi-sidebar-language-fixed-depth');
        options = options || {};
    fixedDepthGradient.setAttribute('x1', '0');
        return waitForDecorationRuntime().then(function (runtime) {
    fixedDepthGradient.setAttribute('y1', '0');
            if (!runtime) return null;
    fixedDepthGradient.setAttribute('x2', '0');
            if (options.warm) {
    fixedDepthGradient.setAttribute('y2', '1');
                /*
                * Warm tab contract — 20260708.
                *
                * The decoration registry and pixel canvases were prepared by the cold tab.
                * Calling reload() here re-reads and re-syncs the decoration layer during the
                * boot gate, which is visible as a pointless delay.  A warm tab only needs the
                * current visibility pass so boot can release quickly and editing/preview tools
                * remain responsive.
                */
                try {
                    if (typeof runtime.updateVisibility === 'function') runtime.updateVisibility(document);
                    else if (typeof runtime.sync === 'function') runtime.sync();
                } catch (err) {}
                return waitForAnimationFrames(1);
            }
            if (typeof runtime.reload !== 'function') return null;
            return runtime.reload().catch(function () { return null; }).then(function () {
                return waitForAnimationFrames(2);
            });
        });
    }


     [
     function waitForCurrentEntrySurface(manifest, options) {
        ['0%', '#ffffff', '0.030'],
         var era = getInitialNationsEra(manifest);
        ['34%', '#ffffff', '0.006'],
         var warmPack;
        ['58%', '#000000', '0.030'],
        ['100%', '#000000', '0.250']
    ].forEach(function(item) {
         var stop = createSidebarLanguageSvgEl('stop');
         stop.setAttribute('offset', item[0]);
        stop.setAttribute('stop-color', item[1]);
        stop.setAttribute('stop-opacity', item[2]);
        fixedDepthGradient.appendChild(stop);
    });


    defs.appendChild(clip);
        options = options || {};
    defs.appendChild(shadowBlur);
        warmPack = !!options.warmPack;
    defs.appendChild(fixedDepthGradient);
    svg.appendChild(defs);


    shell = createSidebarLanguageSvgEl('path');
        if (!isNationsPageSurface()) {
    shell.setAttribute('class', 'sidebar-lang-shell');
            return waitForDecorationsReady({ warm: !!warmPack }).then(function () { return waitForAnimationFrames(1); });
    shell.setAttribute('d', getSidebarLanguageShellPath());
        }
    svg.appendChild(shell);
        if (bootStatusNode) bootStatusNode.textContent = warmPack ? 'Hydrating current information surface from warm cache' : 'Preparing current information surface';
        if (bootDetailNode) bootDetailNode.textContent = 'waiting for era ' + era + ' ready contract';
        return waitForNationsPanelReady(era)
            .then(function () {
                if (warmPack) {
                    if (bootDetailNode) bootDetailNode.textContent = 'attaching globe warm consumer';
                    return waitForNationsGlobeReady({ soft: true, timeoutMs: 450 });
                }
                if (bootDetailNode) bootDetailNode.textContent = 'waiting for globe ready contract';
                return waitForNationsGlobeReady();
            })
            .then(function () {
                if (bootDetailNode) bootDetailNode.textContent = 'waiting for decoration surface';
                return waitForDecorationsReady({ warm: warmPack });
            })
            .then(function () { return waitForAnimationFrames(warmPack ? 1 : 2); });
    }


     clipped = createSidebarLanguageSvgEl('g');
     function runDeferredEntryWarmups() {
    clipped.setAttribute('clip-path', 'url(#clbi-sidebar-language-fan-clip)');
        var queue = deferredEntryWarmups.splice(0);
        if (!queue.length) return;
        window.setTimeout(function () {
            var chain = Promise.resolve();
            queue.forEach(function (job) {
                chain = chain.then(function () {
                    try { return job(); }
                    catch (err) { return null; }
                }).catch(function () { return null; });
            });
        }, 1200);
    }


     rotor = createSidebarLanguageSvgEl('g');
     function runInitialLoad(options) {
    rotor.setAttribute('id', 'clbi-sidebar-lang-wheel-rotor');
        var done = 0;
    rotor.setAttribute('class', 'sidebar-lang-wheel-rotor');
        var manifestRef;
        var tasks;
        var bootOptions;
        var timedOut = false;
        var warmPack = false;


    for (step = -state.repeats; step <= state.repeats; step += 1) {
        options = options || {};
        rotor.appendChild(makeSidebarLanguageSector(step));
        bootStartTime = window.__BootGatePrelude && window.__BootGatePrelude.startTime ? window.__BootGatePrelude.startTime : now();
    }
        activateBootSurface();
        ensureBootScreen();
        updateBootProgress(0, 1, 'loading entry manifest');
 
        manifestRef = loadManifest().then(function (manifest) {
            var minDisplay;
            var totalSteps;
            var maxBlockingMs;
            var timeoutHandle;
            bootOptions = manifest.boot || {};
            warmPack = isInitialPackWarm(manifest);
            minDisplay = options.minDisplayMs || (warmPack ? (bootOptions.cachedMinDisplayMs || 220) : (bootOptions.minDisplayMs || 950));
            tasks = flattenInitialTasks(manifest);
            if (!tasks.length) tasks = flattenInitialTasks(defaultManifest);
            if (warmPack) tasks = flattenWarmInitialTasks(tasks);


    clipped.appendChild(rotor);
            /*
    svg.appendChild(clipped);
            Full/half contract:
            These manifest tasks only prepare data assets.  The gate is not allowed to open
            until the current page surface has consumed that data and reported a real ready
            state below. Do not reintroduce localStorage-only skip logic here; a cached
            version number is not the same as current-tab readiness.
            */
            totalSteps = tasks.length + 4;
            updateBootProgress(0, totalSteps, warmPack ? 'hydrating warm entry cache' : 'starting entry packs');


    fixedDepthPath = createSidebarLanguageSvgEl('path');
            return new Promise(function (resolve) {
    fixedDepthPath.setAttribute('class', 'sidebar-lang-fixed-depth');
                maxBlockingMs = Number(options.maxBlockingMs || bootOptions.maxBlockingMs || 30000);
    fixedDepthPath.setAttribute('d', getSidebarLanguageShellPath());
                timeoutHandle = window.setTimeout(function () {
    svg.appendChild(fixedDepthPath);
                    timedOut = true;
                    resolve();
                }, maxBlockingMs);


    fixedFocus = createSidebarLanguageSvgEl('path');
                Promise.all(tasks.map(function (task) {
    fixedFocus.setAttribute('class', 'sidebar-lang-fixed-focus');
                    var label = task.label || task.id || task.type || 'entry task';
    fixedFocus.setAttribute('d', getSidebarLanguageSectorPath(-state.halfSector, state.halfSector));
                    return BootPerf.measure('boot task: ' + label, { id: task.id || '', type: task.type || '', level: task.level || task.level === 0 ? task.level : '' }, function () {
    svg.appendChild(fixedFocus);
                        return prepareTask(task, task.level);
                    }).catch(function () {
                        return null;
                    }).then(function () {
                        done += 1;
                        updateBootProgress(done, totalSteps, label);
                    });
                })).then(function () {
                    updateBootProgress(++done, totalSteps, 'loading subsystem scripts');
                    return BootPerf.measure('wait tracked subsystem scripts', { count: (window.EntryScriptLoads || []).length }, function () { return waitForTrackedScripts(); });
                }).then(function () {
                    updateBootProgress(++done, totalSteps, 'waiting for document shell');
                    return BootPerf.measure('wait document shell', {}, function () { return waitForDocumentSurface(); });
                }).then(function () {
                    updateBootProgress(++done, totalSteps, 'waiting for current entry surface');
                    return BootPerf.measure('wait current entry surface', { warmPack: warmPack }, function () { return waitForCurrentEntrySurface(manifest, { warmPack: warmPack }); });
                }).then(function () {
                    updateBootProgress(totalSteps, totalSteps, warmPack ? 'warm entry surface complete' : 'entry surface complete');
                    window.clearTimeout(timeoutHandle);
                    resolve();
                }).catch(function () {
                    window.clearTimeout(timeoutHandle);
                    resolve();
                });
            }).then(function () {
                var elapsed = now() - bootStartTime;
                var wait = Math.max(0, minDisplay - elapsed);
                return waitMs(wait);
            }).then(function () {
                localStorage.setItem(READY_KEY, String(manifest.version));
                if (!timedOut) markInitialPackWarm(manifest, { warmSource: warmPack ? 'cache-hit' : 'cold-build' });
                if (bootStatusNode) bootStatusNode.textContent = timedOut ? 'Entry surface ready with deferred items' : (warmPack ? 'Entry surface ready from warm cache' : 'Entry surface ready');
                updateBootProgress(tasks.length + 4, tasks.length + 4, timedOut ? 'timeout: continuing deferred loading' : (warmPack ? 'warm cache complete' : 'complete'));
                BootPerf.mark('boot gate complete', { timedOut: timedOut, warmPack: warmPack, manifestVersion: manifest && manifest.version || '' });
                BootPerf.print();
                runDeferredEntryWarmups();
                window.setTimeout(function () {
                    if (requiresLoginGate()) showLoginGate();
                    else hideBootScreen();
                }, 120);
                return manifest;
            });
        });


    shadowSoft = createSidebarLanguageSvgEl('path');
        return manifestRef;
    shadowSoft.setAttribute('class', 'sidebar-lang-inner-shadow-soft');
     }
    shadowSoft.setAttribute('d', getSidebarLanguageShellPath());
     svg.appendChild(shadowSoft);


     shadowHard = createSidebarLanguageSvgEl('path');
     function startBoot(options) {
    shadowHard.setAttribute('class', 'sidebar-lang-inner-shadow-hard');
        if (BOOT_EXCLUDED_PAGE && !(options && options.force)) {
    shadowHard.setAttribute('d', getSidebarLanguageShellPath());
            hideBootScreen();
    svg.appendChild(shadowHard);
            return Promise.resolve({ skipped: true, reason: 'developer-or-editing-page' });
        }
        if (hasBootParam('0') && !requiresLoginGate() && !(options && options.force)) return Promise.resolve(null);
        if (bootStarted && bootPromise && !(options && options.force)) return bootPromise;
        bootStarted = true;
        bootPromise = runInitialLoad(options || {});
        return bootPromise;
    }


     rim = createSidebarLanguageSvgEl('path');
     function resetBoot() {
    rim.setAttribute('class', 'sidebar-lang-rim');
        localStorage.removeItem(READY_KEY);
    rim.setAttribute('d', getSidebarLanguageShellPath());
        bootStarted = false;
     svg.appendChild(rim);
        bootPromise = null;
        loginGateLocked = false;
     }


     pointer = createSidebarLanguageSvgEl('g');
     /*
     pointer.setAttribute('class', 'sidebar-lang-fixed-pointer');
     BootGate intentionally has no SPA hold/release API.
     pointer.setAttribute('clip-path', 'url(#clbi-sidebar-language-fan-clip)');
    Initial boot is the only blocking phase; later SPA routes must consume prepared
     EntryStore artifacts without reopening the loading surface.
    */


     tri = createSidebarLanguageSvgEl('path');
     function buildBootReport() {
    tri.setAttribute('class', 'sidebar-lang-pointer-triangle');
        return {
    tri.setAttribute('d', 'M ' + (state.cx - 10) + ' 10 L ' + (state.cx + 10) + ' 10 L ' + state.cx + ' 26 Z');
            build: BUILD_ID,
     pointer.appendChild(tri);
            state: {
                started: bootStarted,
                excludedPage: BOOT_EXCLUDED_PAGE,
                loginRequired: requiresLoginGate(),
                loginLocked: loginGateLocked,
                hasNode: !!((bootNode && bootNode.parentNode) || document.getElementById('boot-gate-screen')),
                htmlActive: !!(document.documentElement && document.documentElement.classList.contains('boot-gate-active')),
                bodyActive: !!(document.body && document.body.classList.contains('boot-gate-active'))
            },
            store: window.EntryStore && window.EntryStore.cacheInfo ? window.EntryStore.cacheInfo() : null,
            bootPerf: window.BootPerf && typeof window.BootPerf.summary === 'function' ? window.BootPerf.summary() : null,
            revisionManifest: window.RevisionManifest && typeof window.RevisionManifest.status === 'function' ? window.RevisionManifest.status() : null,
            nations: window.NationsPanel && typeof window.NationsPanel.diagnostics === 'function' ? window.NationsPanel.diagnostics() : null,
            decorations: window.Decorations && typeof window.Decorations.diagnostics === 'function' ? window.Decorations.diagnostics() : null
        };
     }


     line = createSidebarLanguageSvgEl('line');
     window.EntryLoader = window.EntryLoader || {
    line.setAttribute('class', 'sidebar-lang-pointer-line');
        loadManifest: loadManifest,
    line.setAttribute('x1', String(state.cx));
        prepareTask: prepareTask,
     line.setAttribute('x2', String(state.cx));
        prepareNationsEra: prepareNationsEra,
    line.setAttribute('y1', '24');
        prepareDecorationSet: prepareDecorationSet,
    line.setAttribute('y2', '112');
        prepareGlobeSharedAssets: prepareGlobeSharedAssets,
     pointer.appendChild(line);
        prepareImageAssets: prepareImageAssets,
        prepareHtmlEntry: prepareHtmlEntry,
        runInitialLoad: runInitialLoad
    };
 
    function showBootPreview(options) {
        var node;
        options = options || {};
        /*
        * Boot preview is a design/editing surface, not a real boot gate.
        * The earlier preview reused activateBootSurface(), which applied
        * html.boot-gate-active and hid the entire wiki shell, including
        * DevTools.  That made it impossible to edit loading-screen
        * decorations while previewing them.  Keep the real first-entry gate
        * full-screen, but make preview a small non-blocking surface below the
        * DevTools z-index so the owner can keep using the editor.
        */
        node = ensureBootScreen({ preview: true });
        if (!node) return null;
        node.classList.add('is-preview');
        if (bootStatusNode) bootStatusNode.textContent = options.status || 'Loading screen preview';
        updateBootProgress(Number(options.progress || 64), 100, options.detail || 'preview mode: no entry tasks are running');
        try {
            if (window.Decorations && typeof window.Decorations.sync === 'function') window.Decorations.sync();
        } catch (err) {}
        return node;
     }
 
    window.BootGate = window.BootGate || {
        version: BUILD_ID,
        start: startBoot,
        show: function (options) {
            options = options || {};
            options.force = true;
            resetBoot();
            return startBoot(options);
        },
        reset: resetBoot,
        hide: hideBootScreen,
        preview: showBootPreview,
        report: buildBootReport,
        state: function () {
            return {
                started: bootStarted,
                loginRequired: requiresLoginGate(),
                loginLocked: loginGateLocked,
                hasNode: !!((bootNode && bootNode.parentNode) || document.getElementById('boot-gate-screen')),
                htmlActive: !!(document.documentElement && document.documentElement.classList.contains('boot-gate-active')),
                bodyActive: !!(document.body && document.body.classList.contains('boot-gate-active')),
                prelude: !!window.__BootGatePrelude,
                store: window.EntryStore && window.EntryStore.cacheInfo ? window.EntryStore.cacheInfo() : null,
                revisionManifest: window.RevisionManifest && typeof window.RevisionManifest.status === 'function' ? window.RevisionManifest.status() : null
            };
        }
     };


     svg.appendChild(pointer);
     function prime() {
    fan.appendChild(svg);
        if (BOOT_EXCLUDED_PAGE) {
            hideBootScreen();
            return;
        }
        activateBootSurface();
        waitForBody().then(function () {
            ensureBootScreen();
            return waitForAnimationFrames(1);
        }).then(function () {
            startBoot();
        });
    }


     state.rotor = rotor;
     waitForBody().then(function () {
     setSidebarLanguageRotation(state.rotation, false);
        if (!BOOT_EXCLUDED_PAGE) ensureBootScreen();
}
        else hideBootScreen();
     });
    window.setTimeout(prime, 0);
})(window, document, window.mediaWiki || window.mw);


function updateSidebarLanguageDial() {
    var state = sidebarLanguageState;
    var meta = getSidebarLanguagePreviewMeta();
    var status = getSidebarLanguageStatus(meta);
    var selector = document.getElementById('clbi-sidebar-lang-selector');
    var apply = document.getElementById('clbi-sidebar-lang-apply');
    var selectedValue = document.getElementById('clbi-sidebar-lang-selected-value');
    var availabilityPanel = document.getElementById('clbi-sidebar-lang-availability-panel');
    var availabilityValue = document.getElementById('clbi-sidebar-lang-availability-value');


    if (selectedValue) {
loadClbiRawScript('MediaWiki:DevTools.js');
        selectedValue.textContent = meta.name;
loadClbiRawScript('MediaWiki:NationsPanel.js');
    }
loadClbiRawScript('MediaWiki:NationsGlobe.js');


    if (availabilityPanel) {
/* CLBI safety guard: adaptive reset functions must exist before shell metric callbacks run. */
        availabilityPanel.classList.remove('is-ready', 'is-current', 'is-locked');
function resetLeftRecentAdaptiveState() {
        availabilityPanel.classList.add(status.className);
    var list = document.getElementById('clbi-left-recent-list');
    }
    var newsBox = list ? list.closest('.clbi-left-news-box') : null;
    var items = list ? Array.prototype.slice.call(list.querySelectorAll('.news-recent-item')) : [];


     if (availabilityValue) {
     if (newsBox) {
         availabilityValue.textContent = status.label;
         newsBox.classList.remove('is-adaptive-constrained');
        newsBox.style.removeProperty('--adaptive-news-h');
     }
     }


     if (apply) {
     if (list) {
         apply.classList.toggle('is-disabled', !status.canApply);
         list.classList.remove('is-adaptive-faded');
         apply.setAttribute('aria-disabled', status.canApply ? 'false' : 'true');
         list.removeAttribute('data-adaptive-limit');
         apply.setAttribute('aria-label', status.canApply ? (meta.name + ' 적용') : (meta.isCurrent ? '현재 언어' : '사용할 수 없는 언어'));
         list.style.removeProperty('--adaptive-recent-h');
     }
     }


     if (selector) {
     items.forEach(function (item) {
        selector.setAttribute('data-selected-lang', meta.lang);
         item.classList.remove('is-adaptive-hidden');
        selector.setAttribute('data-selected-code', meta.code);
     });
         selector.classList.toggle('is-current', meta.isCurrent);
        selector.classList.toggle('is-ready', status.canApply);
        selector.classList.toggle('is-locked', !status.canApply && !meta.isCurrent);
        selector.classList.toggle('is-dragging', !!state.dragging);
        selector.classList.toggle('is-spinning', !!state.inertiaRaf);
     }
 
    return {
        meta: meta,
        status: status
    };
}
}


function setSidebarLanguageRotation(value, animate) {
function resetLeftBillboardAdaptiveState() {
     var state = sidebarLanguageState;
     var box = document.querySelector('#clbi-left-sidebar .left-billboard-box');
    state.rotation = value;
    updateSidebarLanguageDial();
 
    if (!state.rotor) return;


     if (animate) {
     if (!box) return;
        $('#clbi-sidebar-lang-selector').addClass('is-snapping');
    } else {
        $('#clbi-sidebar-lang-selector').removeClass('is-snapping');
    }


     state.rotor.style.transform = 'rotate(' + state.rotation.toFixed(3) + 'deg)';
     box.classList.remove('is-left-ad-title-only', 'is-left-ad-extended');
    box.style.removeProperty('--left-billboard-h');
    box.style.removeProperty('--left-billboard-finish-h');
}
}


function requestSidebarLanguageRotation(value) {
window.resetLeftRecentAdaptiveState = resetLeftRecentAdaptiveState;
    var state = sidebarLanguageState;
window.resetLeftBillboardAdaptiveState = resetLeftBillboardAdaptiveState;
    state.pendingRotation = value;
 
    if (state.raf) return;


    state.raf = requestAnimationFrame(function() {
loadClbiRawScript('MediaWiki:AnecdoteViewer.js');
        state.raf = null;
        setSidebarLanguageRotation(state.pendingRotation, false);
    });
}


function cancelSidebarLanguageSpin() {
    var state = sidebarLanguageState;


    if (state.inertiaRaf) {
(function () {
        cancelAnimationFrame(state.inertiaRaf);
    'use strict';
        state.inertiaRaf = null;
    }


     $('#clbi-sidebar-lang-selector').removeClass('is-spinning');
     var SYSTEM_TITLE_NAMESPACES = {
}
        '-1': true,
        '4': true,
        '5': true,
        '6': true,
        '7': true,
        '8': true,
        '9': true,
        '10': true,
        '11': true,
        '12': true,
        '13': true,
        '14': true,
        '15': true,
        '828': true,
        '829': true
    };


function finishSidebarLanguageSnap(nearestIndex, callback) {
    function normalizePageNameForShell(value) {
     var state = sidebarLanguageState;
        return String(value || '')
            .split('?')[0]
            .replace(/^\/index\.php\//, '')
            .replace(/_/g, ' ')
            .trim();
     }


     state.baseIndex = normalizeSidebarLanguageIndex(nearestIndex);
     function readCurrentPageNameForShell() {
    state.selectedIndex = state.baseIndex;
        var pageName = mw.config.get('wgPageName') || '';
    state.rotation = 0;
    state.dragging = false;


    $('#clbi-sidebar-lang-selector').removeClass('is-snapping is-dragging is-spinning');
        if (pageName) {
            return normalizePageNameForShell(pageName);
        }


    renderSidebarLanguageWheel();
         return normalizePageNameForShell(window.location.pathname || '');
    updateSidebarLanguageDial();
 
    if (typeof callback === 'function') {
         callback(getSidebarLanguageMeta(state.order[state.selectedIndex]));
     }
     }
}


function snapSidebarLanguageToStep(step, animate, callback) {
    function isAnecdoteNamespaceForShell() {
    var state = sidebarLanguageState;
        var namespaceNumber = Number(mw.config.get('wgNamespaceNumber'));
    var targetRotation = -step * state.sectorAngle;
        var canonicalNamespace = String(mw.config.get('wgCanonicalNamespace') || '').toLowerCase();
    var nearestIndex = normalizeSidebarLanguageIndex(state.baseIndex + step);
        var pageName = readCurrentPageNameForShell();


    cancelSidebarLanguageSpin();
        return namespaceNumber === 3000 ||
     clearTimeout(state.snapTimer);
            canonicalNamespace === 'anecdote' ||
            /^(anecdote|에넥도트):/i.test(pageName);
     }


     state.selectedIndex = nearestIndex;
     function isBackendOrSystemPageForShell() {
    setSidebarLanguageRotation(targetRotation, !!animate);
        var namespaceNumber = Number(mw.config.get('wgNamespaceNumber'));
        var action = String(mw.config.get('wgAction') || 'view').toLowerCase();
        var contentModel = String(mw.config.get('wgPageContentModel') || '').toLowerCase();
        var pageName = readCurrentPageNameForShell();
        var lowerPageName = pageName.toLowerCase();
 
        if (action && action !== 'view') {
            return true;
        }


    state.snapTimer = setTimeout(function() {
        if (pageName === '대문') {
        finishSidebarLanguageSnap(nearestIndex, callback);
            return false;
    }, animate ? 230 : 0);
        }
}


function snapSidebarLanguageNearest(callback) {
        if (SYSTEM_TITLE_NAMESPACES[String(namespaceNumber)]) {
    var state = sidebarLanguageState;
            return true;
    var step = Math.round(-state.rotation / state.sectorAngle);
        }
    snapSidebarLanguageToStep(step, true, callback);
}


function startSidebarLanguageInertiaSpin(initialVelocity) {
        if (contentModel === 'css' || contentModel === 'javascript' || contentModel === 'json' || contentModel === 'sanitized-css') {
    var state = sidebarLanguageState;
            return true;
    var velocity;
        }
    var lastFrame;


    cancelSidebarLanguageSpin();
        if (/\.(css|js|json)$/i.test(pageName)) {
            return true;
        }


    velocity = Math.max(-state.maxSpinVelocity, Math.min(state.maxSpinVelocity, initialVelocity));
        if (/^(mediawiki|미디어위키|special|특수):/i.test(pageName)) {
            return true;
        }


    if (Math.abs(velocity) < state.minSpinVelocity) {
         return false;
        snapSidebarLanguageNearest();
         return;
     }
     }


     $('#clbi-sidebar-lang-selector').addClass('is-spinning');
     function isMediaWikiSystemAssetPageForShell() {
    lastFrame = performance.now();
        var namespaceNumber = Number(mw.config.get('wgNamespaceNumber'));
        var pageName = readCurrentPageNameForShell();
        var contentModel = String(mw.config.get('wgPageContentModel') || '').toLowerCase();


    function frame(now) {
         return namespaceNumber === 8 &&
         var dt = Math.min(34, Math.max(1, now - lastFrame));
            (/\.(css|js)$/i.test(pageName) || contentModel === 'css' || contentModel === 'javascript' || contentModel === 'sanitized-css');
        var sign = velocity < 0 ? -1 : 1;
    }
        var nextSpeed;


        lastFrame = now;
        state.rotation += velocity * dt;
        setSidebarLanguageRotation(state.rotation, false);


        nextSpeed = Math.max(0, Math.abs(velocity) - (state.spinDecel * dt));
    var systemDocRawFetchToken = 0;
        velocity = sign * nextSpeed;


        if (nextSpeed <= state.minSpinVelocity) {
    function cleanupLegacySystemDocCodeMutationsForShell() {
            state.inertiaRaf = null;
        document.querySelectorAll('.clbi-system-doc-codepane').forEach(function (pane) {
            $('#clbi-sidebar-lang-selector').removeClass('is-spinning');
             var parent;
            snapSidebarLanguageNearest();
             return;
        }


        state.inertiaRaf = requestAnimationFrame(frame);
            if (!pane || !pane.parentNode) return;
    }


    state.inertiaRaf = requestAnimationFrame(frame);
            parent = pane.parentNode;
}
            while (pane.firstChild) {
                parent.insertBefore(pane.firstChild, pane);
            }
            parent.removeChild(pane);
        });


function scheduleSidebarLanguageNavigation(meta) {
        document.querySelectorAll('.clbi-system-doc-codebox').forEach(function (node) {
    var status = getSidebarLanguageStatus(meta);
            node.classList.remove('clbi-system-doc-codebox');
            node.removeAttribute('data-clbi-system-doc-codebox');
            node.removeAttribute('style');
        });
    }


     if (!meta || !status.canApply) return;
     function getSystemDocOutputForShell() {
        return document.querySelector('.liberty-content-main .mw-parser-output');
    }


     clearTimeout(sidebarLanguageState.navigateTimer);
     function findSystemDocSourceNodeForShell() {
    sidebarLanguageState.navigateTimer = setTimeout(function() {
         var output = getSystemDocOutputForShell();
         var title = getLanguageTargetTitle(meta.lang);
        var children;
        var preferred;


         if (!title || meta.lang === getCurrentLang()) return;
         if (!output) return null;


         window.location.href = buildWikiPath(title);
         children = Array.prototype.slice.call(output.children || [])
    }, 70);
            .filter(function (el) {
}
                return el && el.nodeType === 1 &&
                    el.id !== 'clbi-system-doc-indicator-row' &&
                    el.id !== 'clbi-system-source-viewer' &&
                    !el.classList.contains('catlinks') &&
                    (el.textContent || '').trim().length > 200;
            });


function setSidebarLanguageSelection(lang) {
        preferred = children.filter(function (el) {
    var state = sidebarLanguageState;
            return el.matches && el.matches('.mw-highlight, .mw-code, pre');
    var index = state.order.indexOf(lang);
        })[0];


    if (index < 0) index = state.order.indexOf(getCurrentLang());
        return preferred || children.sort(function (a, b) {
    if (index < 0) index = 0;
            return (b.textContent || '').trim().length - (a.textContent || '').trim().length;
 
         })[0] || null;
    if (state.raf) {
        cancelAnimationFrame(state.raf);
         state.raf = null;
     }
     }


     cancelSidebarLanguageSpin();
     function getSystemDocRawUrlForShell() {
    clearTimeout(state.snapTimer);
        var title = mw.config.get('wgPageName') || readCurrentPageNameForShell();
        var url;


    state.currentLang = lang;
        if (window.mw && mw.util && typeof mw.util.getUrl === 'function') {
    state.baseIndex = index;
            url = mw.util.getUrl(title, {
    state.selectedIndex = index;
                action: 'raw',
    state.rotation = 0;
                ctype: 'text/plain'
    state.dragging = false;
            });
    state.dragMoved = false;
        } else {
    state.releaseVelocity = 0;
            url = '/index.php?title=' + encodeURIComponent(title) + '&action=raw&ctype=text/plain';
        }


    renderSidebarLanguageWheel();
        if (window.RevisionManifest && typeof window.RevisionManifest.addRevisionParam === 'function') {
    updateSidebarLanguageDial();
            url = window.RevisionManifest.addRevisionParam(url, title);
}
        }
        return url;
    }


function moveSidebarLanguageSelection(delta) {
    function removeSystemDocSourceViewerForShell() {
    snapSidebarLanguageToStep(-delta, true);
        var viewer = document.getElementById('clbi-system-source-viewer');
}


function bindSidebarLanguageSelector() {
        if (viewer && viewer.parentNode) {
    var state = sidebarLanguageState;
            viewer.parentNode.removeChild(viewer);
    var selector = document.getElementById('clbi-sidebar-lang-selector');
        }
    var fan = document.getElementById('clbi-sidebar-lang-fan');
    var apply = document.getElementById('clbi-sidebar-lang-apply');


    if (!selector || !fan || !apply) return;
        document.querySelectorAll('.clbi-system-original-source-hidden').forEach(function (node) {
            node.classList.remove('clbi-system-original-source-hidden');
            node.removeAttribute('data-clbi-system-source-hidden');
            node.style.removeProperty('display');
        });


    if (state.bound && state.boundElement === selector) return;
        cleanupLegacySystemDocCodeMutationsForShell();
    }


     state.bound = true;
     function ensureSystemDocSourceViewerForShell() {
    state.boundElement = selector;
        var output = getSystemDocOutputForShell();
        var source;
        var viewer;
        var fallbackText;


    fan.addEventListener('pointerdown', function(e) {
        if (!output || !isMediaWikiSystemAssetPageForShell()) return null;
        cancelSidebarLanguageSpin();
        clearTimeout(state.snapTimer);


         state.dragging = true;
         cleanupLegacySystemDocCodeMutationsForShell();
        state.dragMoved = false;
        state.dragStartX = e.clientX;
        state.dragStartY = e.clientY || 0;
        state.dragStartRotation = state.rotation;
        state.dragAxis = null;
        state.pointerCaptured = false;
        state.lastX = e.clientX;
        state.lastTime = performance.now();
        state.releaseVelocity = 0;


         selector.classList.add('is-dragging');
         source = findSystemDocSourceNodeForShell();
         selector.classList.remove('is-snapping');
         if (!source) return null;


         /*
         viewer = document.getElementById('clbi-system-source-viewer');
        Vertical page scrolling must stay available when the pointer starts on
        the language dial. Capture and preventDefault are delayed until a
        horizontal drag is confirmed.
        */
    });


    fan.addEventListener('pointermove', function(e) {
        if (!viewer) {
        var now;
            viewer = document.createElement('pre');
        var totalDx;
            viewer.id = 'clbi-system-source-viewer';
        var totalDy;
            viewer.className = 'clbi-system-source-viewer';
        var frameDx;
            output.appendChild(viewer);
        var dt;
         }
         var instantVelocity;


         if (!state.dragging) return;
         fallbackText = source.textContent || '';


         totalDx = e.clientX - state.dragStartX;
         if (!viewer.textContent && fallbackText) {
         totalDy = (e.clientY || 0) - state.dragStartY;
            viewer.textContent = fallbackText;
         }


         if (!state.dragAxis && (Math.abs(totalDx) > 4 || Math.abs(totalDy) > 4)) {
         source.classList.add('clbi-system-original-source-hidden');
            state.dragAxis = Math.abs(totalDx) >= Math.abs(totalDy) ? 'x' : 'y';
        source.setAttribute('data-clbi-system-source-hidden', 'true');
        source.style.setProperty('display', 'none', 'important');


            if (state.dragAxis === 'y') {
        return viewer;
                state.dragging = false;
    }
                state.dragMoved = false;
                state.dragAxis = null;
                state.pointerCaptured = false;
                selector.classList.remove('is-dragging');
                return;
            }


            if (fan.setPointerCapture && e.pointerId != null) {
    function renderSystemDocSourceViewerForShell() {
                try {
        var viewer;
                    fan.setPointerCapture(e.pointerId);
        var pageName;
                    state.pointerCaptured = true;
        var token;
                } catch (err) {
         var currentScrollTop;
                    state.pointerCaptured = false;
                }
            }
         }


         if (state.dragAxis !== 'x') return;
         if (!isMediaWikiSystemAssetPageForShell()) return;


         now = performance.now();
         pageName = String(mw.config.get('wgPageName') || readCurrentPageNameForShell());
         frameDx = e.clientX - state.lastX;
         viewer = document.getElementById('clbi-system-source-viewer');
        dt = Math.max(1, now - state.lastTime);


         if (Math.abs(totalDx) > 3) state.dragMoved = true;
        /*
        시스템 문서 뷰어가 이미 만들어져 있고 raw 원문도 로드된 상태라면
        다시 source 탐색/숨김/스타일 재적용을 하지 않는다.
        DevTools Elements 패널에서 body가 계속 파랗게 깜빡이던 원인은
        MutationObserver가 이 재적용을 반복해서 DOM attribute mutation을 만들었기 때문이다.
        */
         if (
            viewer &&
            viewer.getAttribute('data-clbi-raw-title') === pageName &&
            viewer.getAttribute('data-clbi-raw-loaded') === '1'
        ) {
            return;
        }


         instantVelocity = (frameDx * state.dragSensitivity) / dt;
         viewer = ensureSystemDocSourceViewerForShell();
         state.releaseVelocity = (state.releaseVelocity * 0.62) + (instantVelocity * 0.38);
         if (!viewer) return;
        state.lastX = e.clientX;
        state.lastTime = now;


         requestSidebarLanguageRotation(state.dragStartRotation + totalDx * state.dragSensitivity);
         currentScrollTop = viewer.scrollTop || 0;
         e.preventDefault();
         viewer.setAttribute('data-clbi-raw-title', pageName);
         e.stopPropagation();
         token = ++systemDocRawFetchToken;
    });


    function finishDrag(e) {
        fetch(getSystemDocRawUrlForShell(), { credentials: 'same-origin' })
        var velocityAge;
            .then(function (res) {
        var throwVelocity;
                if (!res.ok) throw new Error('raw fetch failed ' + res.status);
        var wasHorizontal;
                return res.text();
            })
            .then(function (text) {
                if (token !== systemDocRawFetchToken) return;


        if (!state.dragging) return;
                currentScrollTop = viewer.scrollTop || currentScrollTop || 0;


        wasHorizontal = state.dragAxis === 'x';
                if (text && viewer.textContent !== text) {
        state.dragging = false;
                    viewer.textContent = text;
        selector.classList.remove('is-dragging');
                }


        if (fan.releasePointerCapture && state.pointerCaptured && e && e.pointerId != null) {
                viewer.setAttribute('data-clbi-raw-loaded', '1');
             try { fan.releasePointerCapture(e.pointerId); } catch (err) {}
                viewer.scrollTop = currentScrollTop;
        }
            })
             .catch(function () {
                viewer.setAttribute('data-clbi-raw-loaded', '0');
            });
    }


         state.pointerCaptured = false;
    function removeSystemDocIndicatorForShell() {
        state.dragAxis = null;
         var existing = document.getElementById('clbi-system-doc-indicator-row');


         if (!wasHorizontal && !state.dragMoved) {
         if (document.body) {
             return;
             document.body.classList.remove('clbi-system-doc-page');
         }
         }


        velocityAge = performance.now() - state.lastTime;
         if (existing && existing.parentNode) {
        throwVelocity = velocityAge > 120 ? 0 : state.releaseVelocity;
             existing.parentNode.removeChild(existing);
 
         if (state.dragMoved) {
             state.suppressClickUntil = performance.now() + 180;
         }
         }


         if (state.dragMoved && Math.abs(throwVelocity) >= state.minSpinVelocity) {
         removeSystemDocSourceViewerForShell();
            startSidebarLanguageInertiaSpin(throwVelocity);
        } else {
            snapSidebarLanguageNearest();
        }
 
        if (e) {
            e.preventDefault();
            e.stopPropagation();
        }
     }
     }


     fan.addEventListener('pointerup', finishDrag);
     function renderSystemDocIndicatorForShell() {
    fan.addEventListener('pointercancel', finishDrag);
        var pageName;
    fan.addEventListener('lostpointercapture', function() {
        var extMatch;
         if (!state.dragging) return;
        var ext;
        var row;
        var box;
        var meta;
        var label;
        var type;
        var title;
        var anchor;
         var main;


         state.dragging = false;
         if (!document.body || !isMediaWikiSystemAssetPageForShell()) return;
        state.pointerCaptured = false;
        state.dragAxis = null;
        selector.classList.remove('is-dragging');


         if (state.dragMoved && Math.abs(state.releaseVelocity) >= state.minSpinVelocity) {
         pageName = readCurrentPageNameForShell();
            state.suppressClickUntil = performance.now() + 180;
        extMatch = pageName.match(/\.(css|js)$/i);
            startSidebarLanguageInertiaSpin(state.releaseVelocity);
         ext = extMatch ? extMatch[1].toUpperCase() : 'DOC';
         } else {
            snapSidebarLanguageNearest();
        }
    });


    apply.addEventListener('click', function(e) {
        document.body.classList.add('clbi-system-doc-page');
        e.preventDefault();
        e.stopPropagation();


         snapSidebarLanguageNearest(function(meta) {
         row = document.getElementById('clbi-system-doc-indicator-row');
            scheduleSidebarLanguageNavigation(meta);
        });
    });


    selector.addEventListener('keydown', function(e) {
        if (!row) {
        if (e.key === 'ArrowLeft') {
            row = document.createElement('div');
             moveSidebarLanguageSelection(-1);
             row.id = 'clbi-system-doc-indicator-row';
             e.preventDefault();
             row.className = 'clbi-system-doc-indicator-row';
        }


        if (e.key === 'ArrowRight') {
            box = document.createElement('div');
            moveSidebarLanguageSelection(1);
             box.className = 'clbi-system-doc-indicator';
             e.preventDefault();
        }


        if (e.key === 'Enter' || e.key === ' ') {
            meta = document.createElement('div');
            apply.click();
             meta.className = 'clbi-system-doc-meta';
             e.preventDefault();
        }
    });
}


function renderSidebarLanguageBox() {
            label = document.createElement('span');
    bindSidebarLanguageSelector();
            label.className = 'clbi-system-doc-label';
    setSidebarLanguageSelection(getCurrentLang());
            label.textContent = 'SYSTEM DOCUMENT';


    if (!sidebarLanguageStatusLoaded) {
             type = document.createElement('span');
        loadSidebarLanguageStatusRegistry(function() {
            type.className = 'clbi-system-doc-type';
             setSidebarLanguageSelection(getCurrentLang());
        });
    }
}


function loadRecentChangesList(targetSelector, limit) {
            title = document.createElement('div');
    var $target = $(targetSelector);
            title.className = 'clbi-system-doc-title';


    if (!$target.length) return;
            meta.appendChild(label);
            meta.appendChild(type);
            box.appendChild(meta);
            box.appendChild(title);
            row.appendChild(box);


    var lang = getCurrentLang();
            anchor = getSystemDocOutputForShell();
    var t = (window.LANG && window.LANG[lang]) ? window.LANG[lang] : (window.LANG ? window.LANG.ko : null);
            main = document.querySelector('.liberty-content-main');
    var isNewsList = $target.closest('.clbi-left-news-box').length > 0;


    function escapeHtml(value) {
             if (anchor && anchor.parentNode) {
        return String(value == null ? '' : value)
                anchor.parentNode.insertBefore(row, anchor);
             .replace(/&/g, '&amp;')
             } else if (main) {
            .replace(/</g, '&lt;')
                main.insertBefore(row, main.firstChild);
             .replace(/>/g, '&gt;')
             }
            .replace(/"/g, '&quot;')
        }
             .replace(/'/g, '&#039;');
    }


    $target.html((t && t.loading) ? t.loading : '불러오는 중...');
        type = row.querySelector('.clbi-system-doc-type');
        title = row.querySelector('.clbi-system-doc-title');


    $.getJSON(
         if (type) type.textContent = ext;
         '/api.php?action=query&list=recentchanges&rclimit=' + encodeURIComponent(limit || 5) + '&rcprop=title|timestamp|user&format=json&rcnamespace=0&rctype=edit|new',
         if (title) title.textContent = pageName;
         function(data) {
            var items = data && data.query ? data.query.recentchanges : [];
            var html = '';


            if (!items || !items.length) {
        renderSystemDocSourceViewerForShell();
                $target.html('표시할 변경 사항이 없습니다.');
    }
                return;
            }


            $.each(items, function(i, item) {
    var PAGE_TITLE_TARGET_SELECTORS = [
                var label = timeAgo(item.timestamp);
        '.liberty-content-header',
                var title = item.title || '';
        '.liberty-content-header .title',
                var userName = item.user || 'Unknown';
        '.liberty-content-header .title h1',
                var pageHref = buildWikiPath(title);
        '.liberty-content-header h1',
                var avatarSrc = '/index.php?title=특수:Redirect/file/Pfp-' + encodeURIComponent(userName) + '.png';
        '#firstHeading',
        '.firstHeading',
        '.mw-first-heading',
        '.page-heading',
        '.page-header',
        '.mw-page-title-main',
        '.mw-page-title-namespace',
        '.mw-page-title-separator'
    ];


                if (isNewsList) {
    var pageShellObserverStarted = false;
                    html +=
    var pageShellObserverTimer = null;
                        '<a href="' + escapeHtml(pageHref) + '" class="news-recent-item">' +
                            '<img class="news-recent-avatar" src="' + escapeHtml(avatarSrc) + '" alt="" onerror="this.onerror=null;this.src=\'/index.php?title=특수:Redirect/file/Pfp-default.png\';">' +
                            '<div class="news-recent-main">' +
                                '<div class="news-recent-title-wrap">' +
                                    '<span class="news-recent-title">' + escapeHtml(title) + '</span>' +
                                '</div>' +
                                '<div class="news-recent-meta">' +
                                    '<span class="news-recent-user">@' + escapeHtml(userName) + '</span>' +
                                '</div>' +
                            '</div>' +
                            '<span class="news-recent-time">' + escapeHtml(label) + '</span>' +
                        '</a>';
                } else {
                    html +=
                        '<div class="clbi-recent-item">' +
                            '<div class="clbi-recent-title-wrap">' +
                                '<a href="' + escapeHtml(pageHref) + '" class="clbi-recent-title">' + escapeHtml(title) + '</a>' +
                            '</div>' +
                            '<span class="clbi-recent-time">' + escapeHtml(label) + '</span>' +
                        '</div>';
                }
            });


            if (isNewsList) {
    function setPageTitleDomHidden(hidden) {
                $target.html(
        var nodes = document.querySelectorAll(PAGE_TITLE_TARGET_SELECTORS.join(','));
                    '<div class="news-recent-viewport">' +
                        '<div class="news-recent-stack">' + html + '</div>' +
                    '</div>'
                );


                if (typeof ensureNewsBottomFinish === 'function') {
        nodes.forEach(function (node) {
                    ensureNewsBottomFinish();
            if (!node || !node.style) return;
                }
            } else {
                $target.html(html);
            }


             if (isNewsList && typeof scheduleAdaptiveLeftRecentItems === 'function') {
             if (hidden) {
                 scheduleAdaptiveLeftRecentItems();
                node.setAttribute('data-clbi-title-hidden', 'true');
                node.style.setProperty('display', 'none', 'important');
            } else if (node.getAttribute('data-clbi-title-hidden') === 'true') {
                 node.removeAttribute('data-clbi-title-hidden');
                node.style.removeProperty('display');
             }
             }
        });
    }


            $target.find(isNewsList ? '.news-recent-item' : '.clbi-recent-item').each(function() {
    function applyPageShellClasses() {
                var wrap = $(this).find(isNewsList ? '.news-recent-title-wrap' : '.clbi-recent-title-wrap');
        var body = document.body;
                var title = $(this).find(isNewsList ? '.news-recent-title' : '.clbi-recent-title');
        var isSystemPage;


                if (!wrap.length || !title.length) return;
        if (!body) return;


                var wrapW = wrap.width();
        isSystemPage = isBackendOrSystemPageForShell();
                var titleW = title[0].scrollWidth;


                if (titleW > wrapW + 20) {
        body.classList.remove('page-title-hidden', 'page-title-visible', 'backend-system-page', 'anecdote-namespace-page');
                    var duration = titleW / 40;


                    title.css({
        if (!isMediaWikiSystemAssetPageForShell()) {
                        animation: 'clbi-scroll ' + duration + 's linear infinite',
            body.classList.remove('clbi-system-doc-page');
                        '--scroll-dist': '-' + (titleW - wrapW + 8) + 'px'
             removeSystemDocIndicatorForShell();
                    });
                }
             });
         }
         }
    ).fail(function() {
        var lang = getCurrentLang();
        var t = (window.LANG && window.LANG[lang]) ? window.LANG[lang] : (window.LANG ? window.LANG.ko : null);


         $target.html((t && t.loadFail) ? t.loadFail : '불러오기 실패');
         if (isAnecdoteNamespaceForShell()) {
    });
            body.classList.add('anecdote-namespace-page');
}
        }


        if (isMediaWikiSystemAssetPageForShell()) {
            body.classList.add('page-title-hidden', 'backend-system-page', 'clbi-system-doc-page');
            setPageTitleDomHidden(true);
            renderSystemDocIndicatorForShell();
        } else if (isSystemPage) {
            body.classList.add('page-title-visible', 'backend-system-page');
            setPageTitleDomHidden(false);
        } else {
            body.classList.add('page-title-hidden');
            setPageTitleDomHidden(true);
        }
    }


function ensureRecentViewport() {
    function applyPageShellClassesDeferred() {
    var list = document.getElementById('clbi-left-recent-list');
        applyPageShellClasses();
    var viewport;
        window.setTimeout(applyPageShellClasses, 0);
    var stack;
        window.setTimeout(applyPageShellClasses, 80);
    var children;
        window.setTimeout(applyPageShellClasses, 250);
 
     }
     if (!list) return null;


     viewport = list.querySelector(':scope > .news-recent-viewport');
     function startPageShellObserver() {
    stack = viewport ? viewport.querySelector(':scope > .news-recent-stack') : null;
        var observer;


    if (viewport && stack) return viewport;
        if (pageShellObserverStarted || !window.MutationObserver || !document.body) return;


    children = Array.prototype.slice.call(list.children || []);
        pageShellObserverStarted = true;
        observer = new MutationObserver(function (mutations) {
            var i;
            var target;


    viewport = document.createElement('div');
            /*
    viewport.className = 'news-recent-viewport';
            시스템 CSS/JS 문서는 applyPageShellClasses()가 초기에 한 번
            인디케이터와 source viewer를 만든 뒤에는 MutationObserver가 다시
            같은 렌더링을 반복할 필요가 없다. 이 반복이 DevTools에서 body/요소가
            계속 플래시되는 직접 원인이다.
            SPA 전환 뒤의 처리는 loadPage()와 wikipage.content hook에서 따로 호출된다.
            */
            if (isMediaWikiSystemAssetPageForShell()) {
                for (i = 0; i < mutations.length; i += 1) {
                    target = mutations[i] && mutations[i].target;


    stack = document.createElement('div');
                    if (
    stack.className = 'news-recent-stack';
                        target &&
 
                        target.nodeType === 1 &&
    children.forEach(function (child) {
                        (
        if (child.classList && child.classList.contains('news-recent-viewport')) return;
                            target.id === 'clbi-system-source-viewer' ||
        stack.appendChild(child);
                            target.id === 'clbi-system-doc-indicator-row' ||
    });
                            (target.closest && target.closest('#clbi-system-source-viewer, #clbi-system-doc-indicator-row'))
                        )
                    ) {
                        return;
                    }
                }


    viewport.appendChild(stack);
                if (
    list.appendChild(viewport);
                    document.getElementById('clbi-system-doc-indicator-row') &&
                    document.getElementById('clbi-system-source-viewer')
                ) {
                    return;
                }
            }


    return viewport;
            if (pageShellObserverTimer) return;
}


function ensureNewsBottomFinish() {
            pageShellObserverTimer = window.setTimeout(function () {
    var newsBox = document.querySelector('#clbi-left-sidebar .clbi-left-news-box');
                pageShellObserverTimer = null;
    var content = newsBox ? newsBox.querySelector('.clbi-news-box') : null;
                applyPageShellClasses();
    var finish;
            }, 50);
        });


    if (!content) return null;
        /*
 
        SPA 본문 교체는 wikipage.content 훅이 담당한다.
    finish = content.querySelector(':scope > .news-bottom-finish');
        body 전체 subtree를 감시하면 대문 SVG·장식·DevTools 내부 변경까지
 
         페이지 셸 재판정으로 증폭되므로 body 직계 자식 변화만 감시한다.
    if (!finish) {
         */
         finish = document.createElement('div');
         observer.observe(document.body, {
         finish.className = 'news-bottom-finish';
            childList: true,
         finish.setAttribute('aria-hidden', 'true');
            subtree: false
         content.appendChild(finish);
         });
     }
     }


     return finish;
     if (document.readyState === 'loading') {
}
        document.addEventListener('DOMContentLoaded', function () {
            applyPageShellClassesDeferred();
            startPageShellObserver();
        });
    } else {
        applyPageShellClassesDeferred();
        startPageShellObserver();
    }
 
    if (mw.hook) {
        mw.hook('wikipage.content').add(applyPageShellClassesDeferred);
    }


function updateAdaptiveLeftRecentItems() {
     window.CLBI_PAGE_SHELL = {
     var list = document.getElementById('clbi-left-recent-list');
        refresh: applyPageShellClasses,
    var wrapper = document.querySelector('.content-wrapper');
        isBackendOrSystemPage: isBackendOrSystemPageForShell,
    var newsBox;
        isSystemAssetPage: isMediaWikiSystemAssetPageForShell,
    var newsContent;
        renderSystemDocIndicator: renderSystemDocIndicatorForShell,
    var viewport;
        removeSystemDocIndicator: removeSystemDocIndicatorForShell,
    var finish;
        refreshSystemDocSourceViewer: renderSystemDocSourceViewerForShell
    var items;
     };
    var wrapperBottom;
}());
     var followingHeight;
    var sibling;
    var newsRect;
    var fullBottom;
    var constrainedHeight;
    var newsContentRect;
    var listRect;
    var finishHeight = 12;
    var recentHeight;
    var minNewsHeight = 150;
    var minRecentHeight = 32;


     if (!list || !wrapper) return;
function loadLangScript(done) {
     $.getScript('/index.php?title=미디어위키:Lang.js&action=raw&ctype=text/javascript')
        .done(function() {
            if (typeof done === 'function') done();
        })
        .fail(function(a, b, c) {
            console.error('Lang.js load failed:', b, c);
            if (typeof done === 'function') done();
        });
}


    newsBox = list.closest('.clbi-left-news-box');
    newsContent = newsBox ? newsBox.querySelector('.clbi-news-box') : null;
    viewport = ensureRecentViewport();
    finish = ensureNewsBottomFinish();
    items = Array.prototype.slice.call(list.querySelectorAll('.news-recent-item'));


    if (!newsBox || !newsContent || !viewport || !finish || !items.length) return;
/*
DevTools 같은 내부 스크롤은 셸 레이아웃을 바꾸지 않는다. 이 짧은 상호작용 동안
전체 화면 WebGL/CRT가 새 GPU 프레임을 계속 제출하면, transform 셸과 고정 네비의
합성 타일 갱신이 서로 경합한다. 마지막 정상 프레임은 그대로 유지하고 시각 시계도
정지시켜, 스크롤 종료 후 끊김 없이 이어지게 한다.
*/
var CLBI_COMPOSITOR_BUSY_UNTIL = 0;


    /*
function markClbiCompositorBusy(duration) {
     기본 상태에서는 원래 높이 유지.
     var now = window.performance && performance.now ? performance.now() : Date.now();
    모든 항목은 렌더링하고, viewport 고정 높이는 해제한다.
     CLBI_COMPOSITOR_BUSY_UNTIL = Math.max(CLBI_COMPOSITOR_BUSY_UNTIL, now + Math.max(80, Number(duration) || 140));
    */
}
    newsBox.classList.remove('is-adaptive-constrained');
    newsBox.style.removeProperty('--adaptive-news-h');
     list.classList.remove('is-adaptive-faded');
    list.removeAttribute('data-adaptive-limit');
    list.removeAttribute('data-adaptive-visible-count');
    list.style.removeProperty('--adaptive-recent-h');


    items.forEach(function (item) {
function isClbiCompositorBusy() {
        item.classList.remove('is-adaptive-hidden');
    var now = window.performance && performance.now ? performance.now() : Date.now();
     });
     return now < CLBI_COMPOSITOR_BUSY_UNTIL;
}


    wrapperBottom = Math.floor(wrapper.getBoundingClientRect().bottom);
window.markClbiCompositorBusy = markClbiCompositorBusy;
window.isClbiCompositorBusy = isClbiCompositorBusy;


    followingHeight = 0;
if (!window.CLBI_COMPOSITOR_ACTIVITY_BOUND) {
     sibling = newsBox.nextElementSibling;
     window.CLBI_COMPOSITOR_ACTIVITY_BOUND = true;


     while (sibling) {
     document.addEventListener('scroll', function (event) {
         if (sibling.offsetParent !== null) {
         var target = event.target && event.target.nodeType === 1 ? event.target : null;
             followingHeight += Math.ceil(sibling.getBoundingClientRect().height || 0) + 8;
        if (target && target.closest && target.closest('#dev-tools-panel')) {
             markClbiCompositorBusy(160);
         }
         }
    }, true);


         sibling = sibling.nextElementSibling;
    document.addEventListener('wheel', function (event) {
     }
         var target = event.target && event.target.nodeType === 1 ? event.target : null;
        if (target && target.closest && target.closest('#dev-tools-panel')) {
            markClbiCompositorBusy(160);
        }
     }, { capture:true, passive:true });
}


    newsRect = newsBox.getBoundingClientRect();
function initHalftoneBackground() {
     fullBottom = Math.ceil(newsRect.bottom + followingHeight);
     try {
 
        initWebGLHalftoneBackground();
     if (fullBottom <= wrapperBottom) {
     } catch (err) {
         return;
         console.error('WebGL halftone background failed:', err);
     }
     }
}


     /*
function initWebGLHalftoneBackground() {
     외곽 뉴스 박스는 본문 컨테이너와 같은 하단 기준선에 맞춘다.
     var canvasId = 'site-halftone-bg';
     항목이 마감 영역을 침범하지 못하게 하는 일은 feed/viewport 높이가 담당한다.
     var existing = document.getElementById(canvasId);
     */
     var canvas = existing || document.createElement('canvas');
    constrainedHeight = Math.floor(wrapperBottom - newsRect.top - followingHeight);
     var halftoneState = window.SiteHalftoneBackgroundState || (window.SiteHalftoneBackgroundState = { runId: 0 });
     constrainedHeight = Math.max(minNewsHeight, constrainedHeight);
     var runId = halftoneState.runId + 1;


     newsBox.style.setProperty('--adaptive-news-h', constrainedHeight + 'px');
     halftoneState.runId = runId;
    newsBox.classList.add('is-adaptive-constrained');


     /*
     if (!existing) {
    finish 행은 실제 DOM 행으로 남긴다.
        canvas.id = canvasId;
    viewport는 finish 위에서 끝나고, 다음 항목의 일부는 viewport 내부에서만
        canvas.setAttribute('aria-hidden', 'true');
    페이드로 잘린다. 완전한 항목 단위로 내림 처리하면 쓸데없는 빈칸이 생긴다.
        document.body.insertBefore(canvas, document.body.firstChild || null);
     */
     }
    newsBox.offsetHeight;


     newsContentRect = newsContent.getBoundingClientRect();
     canvas.style.position = 'fixed';
     listRect = list.getBoundingClientRect();
    canvas.style.inset = '0';
    canvas.style.width = '100vw';
    canvas.style.height = '100vh';
    canvas.style.pointerEvents = 'none';
     canvas.style.background = '#000000';
    canvas.style.display = 'block';


     recentHeight = Math.floor(newsContentRect.bottom - listRect.top - finishHeight);
     if (!canvas.getAttribute('data-halftone-context-watch')) {
    recentHeight = Math.max(minRecentHeight, recentHeight);
        canvas.setAttribute('data-halftone-context-watch', '1');
        canvas.addEventListener('webglcontextlost', function (event) {
            event.preventDefault();
            canvas.style.display = 'none';
            if (window.SiteHalftoneBackgroundState) {
                window.SiteHalftoneBackgroundState.contextLost = true;
                window.SiteHalftoneBackgroundState.runId += 1;
            }
        }, false);
        canvas.addEventListener('webglcontextrestored', function () {
            if (window.SiteHalftoneBackgroundState) {
                window.SiteHalftoneBackgroundState.contextLost = false;
            }
            window.setTimeout(initWebGLHalftoneBackground, 0);
        }, false);
    }


     list.style.setProperty('--adaptive-recent-h', recentHeight + 'px');
     var gl = canvas.getContext('webgl', {
     list.classList.add('is-adaptive-faded');
        alpha: false,
}
        antialias: false,
        depth: false,
        stencil: false,
        preserveDrawingBuffer: false,
        powerPreference: 'low-power'
     }) || canvas.getContext('experimental-webgl');


function scheduleAdaptiveLeftRecentItems() {
    if (!gl) {
    window.requestAnimationFrame(function () {
        canvas.style.display = 'none';
         updateAdaptiveLeftRecentItems();
        console.warn('WebGL background unavailable.');
     });
         return;
     }


     window.setTimeout(updateAdaptiveLeftRecentItems, 80);
     var vertexSrc = [
     window.setTimeout(updateAdaptiveLeftRecentItems, 240);
        'attribute vec2 a_position;',
}
        'void main() {',
        '  gl_Position = vec4(a_position, 0.0, 1.0);',
        '}'
     ].join('\n');


function updateClbiContentBottomGap() {
     var fragmentSrc = [
     var content = document.querySelector('.container-fluid.liberty-content');
        'precision mediump float;',
    var main = document.querySelector('.liberty-content-main');
        'uniform vec2 u_resolution;',
    var bottomNav = document.getElementById('clbi-bottom-nav-wrap');
        'uniform float u_time;',
    var desiredGap = 8;
        'const float TAU = 6.28318530718;',
    var baseExtra = 14;
        'float gaussian(float v, float r) {',
    var currentExtra;
        '  return exp(-((v * v) / max(0.0001, r * r)));',
    var actualGap;
        '}',
    var nextExtra;
        'float hash(vec2 p) {',
 
        ' return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453123);',
    if (!content || !main || !bottomNav) return;
        '}',
 
        'float bucketAlpha(float a) {',
    currentExtra = parseFloat(content.style.getPropertyValue('--clbi-content-extra'));
        '  float i = floor(a * 9.0);',
    if (!Number.isFinite(currentExtra)) currentExtra = baseExtra;
        '  if (i < 1.0) return 0.040;',
 
        '  if (i < 2.0) return 0.080;',
    actualGap = Math.round(bottomNav.getBoundingClientRect().top - main.getBoundingClientRect().bottom);
        '  if (i < 3.0) return 0.135;',
    nextExtra = currentExtra;
        '  if (i < 4.0) return 0.210;',
 
        '  if (i < 5.0) return 0.310;',
    if (actualGap < desiredGap) {
        ' if (i < 6.0) return 0.430;',
         nextExtra = currentExtra - (desiredGap - actualGap);
        '  if (i < 7.0) return 0.580;',
    } else if (actualGap > desiredGap + 1 && currentExtra < baseExtra) {
        '  if (i < 8.0) return 0.760;',
         nextExtra = currentExtra + Math.min(actualGap - desiredGap, baseExtra - currentExtra);
        '  return 0.920;',
    }
        '}',
 
        'void main() {',
    nextExtra = Math.max(-24, Math.min(baseExtra, nextExtra));
        '  vec2 frag = gl_FragCoord.xy;',
 
        '  float spacing = 5.0;',
    if (Math.abs(nextExtra - currentExtra) >= 0.5) {
        '  float dotSize = 1.08;',
         content.style.setProperty('--clbi-content-extra', nextExtra + 'px');
        '  vec2 grid = floor(frag / spacing);',
 
         '  vec2 inCell = mod(frag, spacing);',
         /*
        '  vec2 dotOrigin = vec2(1.0, 1.0);',
         높이 변수를 바꾼 직후 한 번 더 측정한다.
         '  vec2 dotCenter = dotOrigin + vec2(dotSize * 0.5);',
         세로가 줄어든 화면에서는 첫 측정값만으로 8px 간격이 고정되지 않는 경우가 있다.
        '  vec2 local = abs(inCell - dotCenter);',
         */
        '  float noise = hash(grid);',
         if (content.getAttribute('data-clbi-gap-rechecking') !== '1') {
        '  float size = dotSize + noise * 0.18;',
            content.setAttribute('data-clbi-gap-rechecking', '1');
        '  float dotMask = 1.0 - smoothstep(size * 0.5, size * 0.5 + 0.22, max(local.x, local.y));',
            window.requestAnimationFrame(function () {
        '  vec2 uv = frag / u_resolution;',
                content.removeAttribute('data-clbi-gap-rechecking');
        '  float centerLine = 0.50 +',
                updateClbiContentBottomGap();
        '    sin((uv.y * 1.32 + 0.08) * TAU) * 0.070 +',
            });
         '    sin((uv.y * 3.18 + 0.34) * TAU) * 0.030;',
         }
        ' float u = uv.x - centerLine;',
    }
        '  float absU = abs(u);',
}
        ' float sideLift = smoothstep(0.065, 0.44, absU);',
 
        '  float valley = gaussian(u, 0.150);',
function scheduleClbiContentBottomGap() {
         '  float t = u_time;',
    window.requestAnimationFrame(updateClbiContentBottomGap);
         '  float leftRibbonCenter = -0.28 + sin((uv.y * 3.20 + 0.12) * TAU) * 0.050;',
    window.setTimeout(updateClbiContentBottomGap, 40);
         '  float rightRibbonCenter = 0.27 + sin((uv.y * 2.85 + 0.56) * TAU) * 0.055;',
    window.setTimeout(updateClbiContentBottomGap, 120);
         '  float leftRibbon = gaussian(u - leftRibbonCenter, 0.105);',
    window.setTimeout(updateClbiContentBottomGap, 280);
         '  float rightRibbon = gaussian(u - rightRibbonCenter, 0.110);',
}
        ' float foldedU = u +',
 
        '   sin((uv.y * 4.40 + 0.22) * TAU) * 0.050 * (0.3 + sideLift) +',
// 국가_및_조합 전용 왼쪽 사이드바 이미지
        '   sin((uv.y * 7.20 + uv.x * 1.10) * TAU) * 0.022;',
function updateLeftSidebarNationsImage() {
        '  float verticalFold = pow(0.5 + 0.5 * cos(((foldedU * 3.05) + (sin(uv.y * TAU * 2.35) * 0.18)) * TAU), 2.5);',
    $('#clbi-left-nations-image').remove();
        '  float diagonalFold = pow(0.5 + 0.5 * cos(((foldedU * 1.80) - (uv.y * 1.12) + 0.18) * TAU), 2.1);',
}
        ' float waist = gaussian(uv.y - 0.50, 0.25) * gaussian(absU - 0.20, 0.19);',
 
        '  float grain = (noise - 0.5) * 0.050;',
function setProfileActionLabel(selector, text) {
        '  float staticField =',
    var target = $(selector);
        '    0.055 +',
     var label = target.find('.profile-action-label');
        '    sideLift * 0.210 +',
        '    (leftRibbon + rightRibbon) * 0.145 +',
        '    verticalFold * (0.055 + sideLift * 0.115) +',
        '    diagonalFold * 0.045 +',
         '    waist * 0.060 -',
        '    valley * 0.150 +',
        '    grain;',
        '  float alpha = staticField;',
        '  alpha += 0.115 * (leftRibbon + rightRibbon) * sin(t * 0.00030 + ((uv.y * 1.9) + sideLift * 0.4) * TAU);',
        '  alpha += 0.095 * verticalFold * (0.4 + sideLift) * sin(t * 0.00041 + ((uv.y * 2.7) + foldedU * 0.65) * TAU);',
        '  alpha += 0.070 * waist * sin(t * 0.00053 + ((uv.y * 3.1) - absU * 0.8) * TAU);',
        '  alpha += 0.060 * (1.0 - valley) * diagonalFold * sin(t * 0.00067 + ((uv.y * 1.4) + uv.x * 0.6) * TAU);',
        '  alpha += 0.038 * (0.35 + sideLift) * (0.35 + noise) * sin(t * 0.00079 + ((uv.y * 4.6) + noise * 0.8) * TAU);',
        '  alpha = bucketAlpha(clamp(alpha, 0.025, 0.96));',
        '  float value = alpha * dotMask;',
        '  gl_FragColor = vec4(vec3(0.8862745 * value), 1.0);',
        '}'
     ].join('\n');


     if (label.length) {
     function compileShader(type, source) {
         label.text(text);
        var shader = gl.createShader(type);
    } else {
        gl.shaderSource(shader, source);
        target.text(text);
         gl.compileShader(shader);
    }
 
}
        if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
            console.error('WebGL shader compile error:', gl.getShaderInfoLog(shader));
            gl.deleteShader(shader);
            return null;
        }


// 사이드바 업데이트
         return shader;
function updateSidebar() {
    if (!window.LANG) {
        setTimeout(updateSidebar, 100);
         return;
     }
     }


     var currentLang = getCurrentLang();
     var vertexShader = compileShader(gl.VERTEX_SHADER, vertexSrc);
     var t = (window.LANG && window.LANG[currentLang]) ? window.LANG[currentLang] : window.LANG.ko;
     var fragmentShader = compileShader(gl.FRAGMENT_SHADER, fragmentSrc);


     var newsTitle = t.news || '뉴스';
     if (!vertexShader || !fragmentShader) return;
    var changelogTitle = t.changelog || '체인지로그';
    var recentTitle = t.recentChanges || '최근 변경';
    var languageTitle = t.language || '언어';


     $('#clbi-title-left-language').text(languageTitle);
     var program = gl.createProgram();
     renderSidebarLanguageBox();
    gl.attachShader(program, vertexShader);
     gl.attachShader(program, fragmentShader);
    gl.linkProgram(program);


     $('#clbi-title-left-news').text(newsTitle);
     if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
    $('#clbi-left-news-changelog-main').text(changelogTitle);
        console.error('WebGL program link error:', gl.getProgramInfoLog(program));
     $('#clbi-left-news-recent-main').text(recentTitle);
        return;
     }


     $('#clbi-title-search a').text(t.search);
     var positionLoc = gl.getAttribLocation(program, 'a_position');
    $('#clbi-search-input').attr('placeholder', t.search + '...');
     var resolutionLoc = gl.getUniformLocation(program, 'u_resolution');
     $('#clbi-title-recent a').text(recentTitle);
     var timeLoc = gl.getUniformLocation(program, 'u_time');
    $('#clbi-title-guide-label').text(t.guide);
     $('#clbi-guide-link').text(t.getStarted);
    $('#clbi-title-links-label').text(t.links);


     setProfileActionLabel('#clbi-btn-contribution', t.contribution);
     var buffer = gl.createBuffer();
     setProfileActionLabel('#clbi-btn-watchlist', t.watchlist);
    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
     setProfileActionLabel('#clbi-btn-preferences', t.preferences);
     gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
     setProfileActionLabel('#clbi-btn-logout', t.logout);
        -1, -1,
     setProfileActionLabel('#clbi-btn-login', t.login);
        1, -1,
        -1, 1,
        -1,  1,
        1, -1,
        1,  1
    ]), gl.STATIC_DRAW);
 
     gl.useProgram(program);
     gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
    gl.enableVertexAttribArray(positionLoc);
     gl.vertexAttribPointer(positionLoc, 2, gl.FLOAT, false, 0, 0);


     var pageName = normalizePageName(mw.config.get('wgPageName'));
     function resize() {
    var specialPage = String(mw.config.get('wgCanonicalSpecialPageName') || '');
        var dpr = Math.min(window.devicePixelRatio || 1, 1.5);
        var cssW = Math.max(1, window.innerWidth || document.documentElement.clientWidth || 1);
        var cssH = Math.max(1, window.innerHeight || document.documentElement.clientHeight || 1);
        var w = Math.max(1, Math.floor(cssW * dpr));
        var h = Math.max(1, Math.floor(cssH * dpr));


$('#clbi-left-news-changelog-main').text(changelogTitle);
        if (canvas.width !== w || canvas.height !== h) {
$('#clbi-left-news-recent-title').text('RECENT CHANGES');
            canvas.width = w;
            canvas.height = h;
            canvas.style.width = cssW + 'px';
            canvas.style.height = cssH + 'px';
            gl.viewport(0, 0, w, h);
        }
    }


     $('.clbi-user-btn').removeClass('clbi-user-btn-active');
     var prefersReducedMotion = false;
    try {
        prefersReducedMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
    } catch (err) {}


     if (
     function getNationsGlobeHalftoneNode() {
         specialPage === 'Contributions' ||
         return document.querySelector('.clbi-nations-globe-window[data-nations-globe], [data-nations-globe="real-world"]');
        specialPage === '기여' ||
        pageName.indexOf('특수:기여') === 0 ||
        pageName.indexOf('Special:Contributions') === 0
    ) {
        $('#clbi-btn-contribution').addClass('clbi-user-btn-active');
     }
     }


     if (specialPage === 'Watchlist') {
     function getNationsGlobeHalftoneState() {
         $('#clbi-btn-watchlist').addClass('clbi-user-btn-active');
         var globe = getNationsGlobeHalftoneNode();
    }
        var instance;


    if (
        if (!globe) {
         specialPage === '설정' ||
            return 'none';
         pageName === '특수:설정' ||
         }
         pageName === 'Special:설정'
 
    ) {
        if (globe.classList && globe.classList.contains('is-dragging')) {
         $('#clbi-btn-preferences').addClass('clbi-user-btn-active');
            return 'active';
        }
 
         instance = globe.CLBI_NationsGlobeInstance || null;
         if (instance && typeof instance.isHalftoneBackgroundBusy === 'function' && instance.isHalftoneBackgroundBusy()) {
            return 'busy';
         }
 
        if (globe.getAttribute && globe.getAttribute('data-clbi-globe-bg-busy') === '1') {
            return 'busy';
        }
 
        return 'present';
     }
     }


     $('.toggleBtn').each(function() {
     function shouldSkipHalftoneDrawForGlobe() {
         var btn = $(this);
         var globe = getNationsGlobeHalftoneNode();
        var instance;
 
        if (!globe) return false;
 
        instance = globe.CLBI_NationsGlobeInstance || null;
 
        /*
        * Background pause/resume — 20260710.
        *
        * While the nations globe is being held, keep the last rendered halftone
        * frame on screen and pause the halftone clock.  The important detail is
        * that this is not a wall-clock catch-up: skipped seconds are not replayed
        * or fast-forwarded when the pointer is released.
        */
        if (globe.classList && globe.classList.contains('is-dragging')) return true;
        if (instance && instance.dragging) return true;


         if (!$('#' + btn.data('target')).hasClass('folding-open')) {
         if (instance && typeof instance.isHalftoneBackgroundHardBusy === 'function') {
            btn.text(t.expand);
             return instance.isHalftoneBackgroundHardBusy();
        } else {
             btn.text(t.collapse);
         }
         }
    });


    updateLeftSidebarNationsImage();
        if (globe.getAttribute && globe.getAttribute('data-clbi-globe-bg-busy') === '1') return true;
}


function canShowContentTools() {
    // 비로그인 사용자는 편집/역사/공유 버튼을 숨김
    if (!mw.config.get('wgUserName')) {
         return false;
         return false;
     }
     }


     // MediaWiki가 현재 문서를 편집 가능하지 않다고 판단하면 숨김
     function getFrameInterval() {
    var isEditable = mw.config.get('wgIsProbablyEditable');
        if (prefersReducedMotion) {
    if (isEditable === false) {
            return 1000;
        return false;
        }
    }


    var relevantEditable = mw.config.get('wgRelevantPageIsProbablyEditable');
        /*
    if (relevantEditable === false) {
        * Nations background parity — 20260710.
         return false;
        *
        * The nations page used to permanently lower the halftone cadence while
        * the globe existed. Profiling showed that the steady halftone draw is
        * normally cheap; the real contention happens during globe drag, first
        * WebGL texture upload, and long layout/render tasks.  Keep the same
        * full-quality cadence as ordinary pages, and skip only the frames that
        * would directly collide with an active/busy globe moment.
        */
         return 66;
     }
     }


     return true;
     var lastFrame = 0;
}
    var startTime = performance.now();
    var visualTime = 0;
    var lastVisualNow = 0;


function moveCatlinksToBottom() {
    function draw(now) {
    var main = $('.liberty-content-main');
        var state = getNationsGlobeHalftoneState();
    var parserOutput = $('.liberty-content-main .mw-parser-output').first();
        var interval = getFrameInterval();
    var catlinks = $('.catlinks');
        var perf = window.InteractionPerf;
        var delta;


    if (!main.length || !catlinks.length) return;
        if (!lastVisualNow) {
            lastVisualNow = now;
        }
        delta = Math.max(0, Math.min(120, now - lastVisualNow));
        lastVisualNow = now;
        visualTime += delta;


    catlinks.each(function () {
        function runDraw() {
        var cat = $(this);
            resize();


        if (parserOutput.length) {
            gl.clearColor(0, 0, 0, 1);
             cat.appendTo(parserOutput);
            gl.clear(gl.COLOR_BUFFER_BIT);
        } else {
             gl.uniform2f(resolutionLoc, canvas.width, canvas.height);
             cat.appendTo(main);
            gl.uniform1f(timeLoc, visualTime);
             gl.drawArrays(gl.TRIANGLES, 0, 6);
         }
         }
    });
}


// 대문 스타일
        if (perf && typeof perf.measureSync === 'function') {
function initCategoryNavIfAvailable(root) {
            return perf.measureSync('background halftone draw', { globeState: state, interval: interval }, runDraw);
    /*
        }
     CategoryNav.js는 대문 카테고리 네비를 SVG로 생성한다.
        return runDraw();
     }


     Common.js가 SPA로 본문을 갈아끼운 뒤에는 MediaWiki 원래 페이지 로드와 달리
     var frameTimer = 0;
     CategoryNav.js의 초기 DOMContentLoaded만으로는 새 mount를 다시 잡지 못할 수 있다.
     var frameRaf = 0;
    CategoryNav.js 자체도 mw.hook('wikipage.content')를 듣지만, 로드 순서와 SPA 타이밍이
    엇갈릴 수 있으므로 Common.js 쪽에서도 존재 여부를 확인한 뒤 한 번 더 호출한다.


     이 함수는 CategoryNav.js가 아직 로드되지 않았으면 아무 것도 하지 않는다.
     function scheduleNextFrame(delay) {
    */
         window.clearTimeout(frameTimer);
    if (
         frameTimer = window.setTimeout(function () {
         window.CLBI &&
            frameTimer = 0;
         window.CLBI.categoryNav &&
            if (halftoneState.runId !== runId || halftoneState.contextLost) return;
        typeof window.CLBI.categoryNav.init === 'function'
            if (window.requestAnimationFrame) {
    ) {
                frameRaf = window.requestAnimationFrame(render);
        window.CLBI.categoryNav.init(root || document);
            } else {
                render(performance.now());
            }
        }, Math.max(16, Number(delay) || getFrameInterval()));
     }
     }
}


function removeLegacyMainPageHero() {
    function render(now) {
    /*
        var interval = getFrameInterval();
    기존 대문 전용 레거시 요소 정리
 
    -----------------------------------------
        frameRaf = 0;
    이전 대문 구조에서는 Common.js가 본문 바깥에 #clbi-main-logo를 직접 삽입하고,
        if (halftoneState.runId !== runId || halftoneState.contextLost) return;
    본문 안의 #clbi-main-crt-hero를 #clbi-main-crt-hero-wrap으로 감싸서
    .liberty-content-main 위쪽으로 재배치했다.


    새 대문은 본문 내부의 .main-portal이 로고, 알림, 카테고리 네비, 이미지 피드,
        if (document.hidden) {
    방명록, 상태 패널을 모두 담당한다. 따라서 Common.js가 별도 로고나 CRT 래퍼를
            lastVisualNow = now;
    삽입하면 새 로고/콘텐츠와 중복된다.
            scheduleNextFrame(250);
            return;
        }


    여기서는 JS가 만들던 바깥 로고와 CRT 래퍼를 제거하고, 예전 대문 원본이나
        if (isClbiCompositorBusy()) {
    캐시된 렌더 결과에 남아 있을 수 있는 #clbi-main-crt-hero도 제거한다.
            lastFrame = now;
    */
            lastVisualNow = now;
    $('#clbi-main-logo').remove();
            scheduleNextFrame(interval);
    $('#clbi-main-crt-hero-wrap').remove();
            return;
    $('#clbi-main-crt-hero').remove();
        }
}


        if (shouldSkipHalftoneDrawForGlobe()) {
            lastFrame = now;
            halftoneState.lastGlobeBusySkipAt = now;
            lastVisualNow = now;
            scheduleNextFrame(interval);
            return;
        }


function setNativePageTitleHiddenHard(hidden) {
        lastFrame = now;
    var selectors = [
         draw(now);
         '.liberty-content-header',
         scheduleNextFrame(interval);
         '.liberty-content-header .title',
     }
        '.liberty-content-header .title h1',
        '.liberty-content-header h1',
        '#firstHeading',
        '.firstHeading',
        '.mw-first-heading',
        '.page-heading',
        '.page-header',
        '.mw-page-title-main',
        '.mw-page-title-namespace',
        '.mw-page-title-separator'
     ];


     document.querySelectorAll(selectors.join(',')).forEach(function(node) {
     draw(performance.now());
        if (!node || !node.style) return;
    scheduleNextFrame(getFrameInterval());


        if (hidden) {
    document.addEventListener('visibilitychange', function () {
            node.setAttribute('data-clbi-title-hidden', 'true');
         if (!document.hidden && halftoneState.runId === runId && !halftoneState.contextLost) {
            node.style.setProperty('display', 'none', 'important');
             window.clearTimeout(frameTimer);
            node.style.setProperty('visibility', 'hidden', 'important');
             if (frameRaf && window.cancelAnimationFrame) window.cancelAnimationFrame(frameRaf);
            node.style.setProperty('height', '0', 'important');
             frameRaf = 0;
            node.style.setProperty('min-height', '0', 'important');
             scheduleNextFrame(16);
            node.style.setProperty('margin', '0', 'important');
            node.style.setProperty('padding', '0', 'important');
            node.style.setProperty('overflow', 'hidden', 'important');
         } else if (node.getAttribute('data-clbi-title-hidden') === 'true') {
             node.removeAttribute('data-clbi-title-hidden');
             node.style.removeProperty('display');
            node.style.removeProperty('visibility');
            node.style.removeProperty('height');
             node.style.removeProperty('min-height');
             node.style.removeProperty('margin');
            node.style.removeProperty('padding');
            node.style.removeProperty('overflow');
         }
         }
     });
     });
}
}


function applyDefaultPageTitleVisibility() {
var CLBI_SVG_BELL = '<svg class="profile-svg profile-svg-bell" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10.268 21a2 2 0 0 0 3.464 0"/><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"/></svg>';
    var hideTitle = true;
var CLBI_SVG_BELL_DOT = '<svg class="profile-svg profile-svg-bell-dot" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10.268 21a2 2 0 0 0 3.464 0"/><path d="M11.68 2.009A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673c-.824-.85-1.678-1.731-2.21-3.348"/><circle cx="18" cy="5" r="3"/></svg>';
    var isSystemAssetPage = false;
var CLBI_SVG_LIST = '<svg class="profile-svg profile-svg-list" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 5h.01"/><path d="M3 12h.01"/><path d="M3 19h.01"/><path d="M8 5h13"/><path d="M8 12h13"/><path d="M8 19h13"/></svg>';
var CLBI_SVG_LANGUAGES = '<svg class="profile-svg profile-svg-languages" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m5 8 6 6"/><path d="m4 14 6-6 2-3"/><path d="M2 5h12"/><path d="M7 2h1"/><path d="m22 22-5-10-5 10"/><path d="M14 18h6"/></svg>';
var CLBI_SVG_POWER = '<svg class="profile-svg profile-svg-power" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 2v10"/><path d="M18.4 6.6a9 9 0 1 1-12.77.04"/></svg>';
var CLBI_SVG_SETTINGS = '<svg class="profile-svg profile-svg-settings" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"/><circle cx="12" cy="12" r="3"/></svg>';
var CLBI_SVG_SCAN_TEXT = '<svg class="profile-svg profile-svg-scan-text" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 7V5a2 2 0 0 1 2-2h2"/><path d="M17 3h2a2 2 0 0 1 2 2v2"/><path d="M21 17v2a2 2 0 0 1-2 2h-2"/><path d="M7 21H5a2 2 0 0 1-2-2v-2"/><path d="M7 8h8"/><path d="M7 12h10"/><path d="M7 16h6"/></svg>';
var CLBI_SVG_SCAN_EYE = '<svg class="profile-svg profile-svg-scan-eye" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 7V5a2 2 0 0 1 2-2h2"/><path d="M17 3h2a2 2 0 0 1 2 2v2"/><path d="M21 17v2a2 2 0 0 1-2 2h-2"/><path d="M7 21H5a2 2 0 0 1-2-2v-2"/><circle cx="12" cy="12" r="1"/><path d="M18.944 12.33a1 1 0 0 0 0-.66 7.5 7.5 0 0 0-13.888 0 1 1 0 0 0 0 .66 7.5 7.5 0 0 0 13.888 0"/></svg>';
var CLBI_SVG_NEWSPAPER = '<svg class="profile-svg profile-svg-newspaper" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 18h-5"/><path d="M18 14h-8"/><path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-4 0v-9a2 2 0 0 1 2-2h2"/><rect width="8" height="4" x="10" y="6" rx="1"/></svg>';
var CLBI_SVG_GREAT_WALL = '<svg class="profile-svg profile-svg-great-wall lucide lucide-paint-roller" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect width="16" height="6" x="2" y="2" rx="2"/><path d="M10 16v-2a2 2 0 0 1 2-2h8a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2"/><rect width="4" height="6" x="8" y="16" rx="1"/></svg>';
var CLBI_SVG_TROPHY = '<svg class="profile-svg profile-svg-trophy" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978"/><path d="M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978"/><path d="M18 9h1.5a1 1 0 0 0 0-5H18"/><path d="M4 22h16"/><path d="M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z"/><path d="M6 9H4.5a1 1 0 0 1 0-5H6"/></svg>';
var CLBI_SVG_PACKAGE = '<svg class="profile-svg profile-svg-package" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3v6"/><path d="M16.76 3a2 2 0 0 1 1.8 1.1l2.23 4.479a2 2 0 0 1 .21.891V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9.472a2 2 0 0 1 .211-.894L5.45 4.1A2 2 0 0 1 7.24 3z"/><path d="M3.054 9.013h17.893"/></svg>';


    if (window.CLBI_PAGE_SHELL && typeof window.CLBI_PAGE_SHELL.isSystemAssetPage === 'function') {
var PROFILE_RENDER_TOKEN = 0;
        isSystemAssetPage = window.CLBI_PAGE_SHELL.isSystemAssetPage();
    }


    if (isSystemAssetPage) {
function invalidateProfileRender() {
        hideTitle = true;
    PROFILE_RENDER_TOKEN++;
    } else if (window.CLBI_PAGE_SHELL && typeof window.CLBI_PAGE_SHELL.isBackendOrSystemPage === 'function') {
}
        hideTitle = !window.CLBI_PAGE_SHELL.isBackendOrSystemPage();
 
    }
$(function() {
    initHalftoneBackground();


     $('body')
// ── 하단 Plank 단축키 가이드 ──
         .toggleClass('page-title-hidden', hideTitle)
function escapeClbiBottomGuideHtml(value) {
         .toggleClass('page-title-visible', !hideTitle)
     return String(value == null ? '' : value)
         .toggleClass('clbi-system-doc-page', isSystemAssetPage);
         .replace(/&/g, '&amp;')
        .replace(/</g, '&lt;')
         .replace(/>/g, '&gt;')
        .replace(/"/g, '&quot;')
         .replace(/'/g, '&#039;');
}


     $('.content-tools').css('display', 'none');
function readClbiBottomGuidePageName() {
     var pageName = window.mw && mw.config ? (mw.config.get('wgPageName') || '') : '';


     if (isSystemAssetPage && window.CLBI_PAGE_SHELL && typeof window.CLBI_PAGE_SHELL.renderSystemDocIndicator === 'function') {
     if (!pageName) {
         window.CLBI_PAGE_SHELL.renderSystemDocIndicator();
         pageName = window.location.pathname || '';
    } else if (!isSystemAssetPage && window.CLBI_PAGE_SHELL && typeof window.CLBI_PAGE_SHELL.removeSystemDocIndicator === 'function') {
        window.CLBI_PAGE_SHELL.removeSystemDocIndicator();
     }
     }


     if (hideTitle) {
     return String(pageName)
         $('.liberty-content-header').css('display', 'none');
         .split('?')[0]
         $('.mw-page-title-main, .mw-page-title-namespace, .mw-page-title-separator').addClass('clbi-hide');
         .replace(/^\/index\.php\//, '')
        $('#firstHeading, .firstHeading, .mw-first-heading, .page-heading, .page-header').css('display', 'none');
         .replace(/_/g, ' ')
         setNativePageTitleHiddenHard(true);
         .trim();
    } else {
        $('.liberty-content-header').css('display', '');
         $('.mw-page-title-main, .mw-page-title-namespace, .mw-page-title-separator').removeClass('clbi-hide');
        $('#firstHeading, .firstHeading, .mw-first-heading, .page-heading, .page-header').css('display', '');
        setNativePageTitleHiddenHard(false);
    }
}
}


function applyMainPageStyle() {
function isClbiNationsShortcutContext() {
     var specialPage = mw.config.get('wgCanonicalSpecialPageName');
     var pageName = readClbiBottomGuidePageName();
     if (specialPage === 'Preferences') return;
 
     return pageName === '시대' ||
        pageName === 'Era' ||
        !!document.querySelector('.clbi-nations-panel-stack, .clbi-nations-globe-window, .clbi-nations-tabpanel');
}


     var pageName = normalizePageName(mw.config.get('wgPageName'));
function isClbiWikiEditShortcutContext() {
    var namespaceNumber = mw.config.get('wgNamespaceNumber');
     var action = window.mw && mw.config ? String(mw.config.get('wgAction') || '') : '';
    var isMainPage = (pageName === '대문');
     var search = String(window.location.search || '');
     var isUserProfilePage = (namespaceNumber === 2);
    var isScreenDoc = ($('.screen-header').length > 0);
    var hideTools = (isMainPage || isUserProfilePage || !canShowContentTools());


     $('body').toggleClass('user-profile-page', isUserProfilePage);
     return action === 'edit' ||
    $('body').toggleClass('clbi-main-page', isMainPage);
        action === 'submit' ||
        /(?:^|[?&])action=(?:edit|submit)(?:&|$)/.test(search) ||
        !!document.querySelector('#editform, #wpSave, input[name="wpSave"], button[name="wpSave"]');
}


    // 모든 문서에서 분류 바를 본문 컨테이너 아래로 이동
    moveCatlinksToBottom();


    if (isMainPage) {
function isClbiNationListManagerShortcutContext() {
        $('.liberty-content-header').css('display', 'none');
    return !!document.querySelector('.nation-list-manager');
        $('.mw-page-title-main').addClass('clbi-hide');
}
        setNativePageTitleHiddenHard(true);
        $('.catlinks').css('display', 'none');
        $('.liberty-content-main').css('border-radius', '0');


        // 새 대문은 .main-portal 본문 구조가 로고/히어로를 담당한다.
function getClbiBottomShortcutItems() {
        // Common.js의 구식 바깥 로고/CRT 재배치 루틴은 사용하지 않는다.
    if (isClbiWikiEditShortcutContext()) {
        removeLegacyMainPageHero();
         return [
         $('#clbi-tools-box').remove();
            { key: 'Ctrl+S', label: '변경사항 저장' }
        ];
    }


        $('.content-tools').css('display', 'none');


        initCategoryNavIfAvailable(document);
    if (isClbiNationListManagerShortcutContext()) {
        return [
            { key: 'Ctrl+S', label: '국가 목록 저장' }
        ];
    }


     } else if (isUserProfilePage) {
     if (isClbiNationsShortcutContext()) {
         $('.liberty-content-header').css('display', 'none');
         return [
        $('.mw-page-title-main, .mw-page-title-namespace, .mw-page-title-separator').addClass('clbi-hide');
            { key: 'Q', label: '이전 시대' },
        $('.catlinks').css('display', 'none');
            { key: 'E', label: '다음 시대' },
        $('.liberty-content-main').css('border-radius', '0');
            { key: 'Shift+Q', label: '이전 연도' },
            { key: 'Shift+E', label: '다음 연도' },
            { key: 'Ctrl+Q', label: '이전 대륙' },
            { key: 'Ctrl+E', label: '다음 대륙' }
        ];
    }


        $('#clbi-main-logo').remove();
    return [];
        $('#clbi-main-crt-hero-wrap').remove();
}
        $('#clbi-main-crt-hero').remove();
        $('#clbi-tools-box').remove();


        $('.content-tools').css('display', 'none');
function renderClbiBottomShortcutGuide() {
    var guide = document.getElementById('clbi-bottom-shortcut-guide');
    var items;
    var html;


     } else if (isScreenDoc) {
     if (!guide) return;
        $('.liberty-content-header').css('display', 'none');
        $('.mw-page-title-main').addClass('clbi-hide');
        $('.catlinks').css('display', '');
        $('.liberty-content-main').css('border-radius', '0');


        $('#clbi-main-logo').remove();
    items = getClbiBottomShortcutItems();
        $('#clbi-main-crt-hero-wrap').remove();


        if ($('#clbi-tools-box').length === 0 && canShowContentTools()) {
    if (!items.length) {
            var $toolsBox = $('<div id="clbi-tools-box" class="clbi-left-box"></div>');
        guide.classList.add('is-empty');
            var $toolsTitle = $('<div class="clbi-left-title"><span class="clbi-icon" style="--icon:var(--ic-ui-003)"></span> 관리</div>');
        guide.innerHTML = '';
            var $toolsContent = $('<div class="clbi-left-content"></div>');
        return;
    }


            $toolsContent.append($('.content-tools .btn-group').clone(true));
    guide.classList.remove('is-empty');
            $toolsBox.append($toolsTitle).append($toolsContent);
            $('#clbi-left-sidebar').append($toolsBox);
        }


        $('.content-tools').css('display', 'none');
    html = '<div class="clbi-bottom-shortcut-list">';


     } else {
     items.forEach(function (item) {
         $('.liberty-content-header').css('display', '');
         html += '<div class="clbi-bottom-shortcut-item">' +
        $('.mw-page-title-main, .mw-page-title-namespace, .mw-page-title-separator').removeClass('clbi-hide');
            '<span class="clbi-bottom-shortcut-key">' + escapeClbiBottomGuideHtml(item.key) + '</span>' +
        $('.catlinks').css('display', '');
            '<span class="clbi-bottom-shortcut-label">' + escapeClbiBottomGuideHtml(item.label) + '</span>' +
        $('.liberty-content-main').css('border-radius', '0');
        '</div>';
    });
 
    html += '</div>';
    guide.innerHTML = html;
}


        $('#clbi-main-logo').remove();
function buildClbiBottomPlankHtml(wrapId, navId, mainId) {
         $('#clbi-main-crt-hero-wrap').remove();
    return '' +
         $('#clbi-tools-box').remove();
         '<div id="' + wrapId + '">' +
    }
            '<div id="' + navId + '">' +
                '<div id="' + mainId + '">' +
                    '<div id="clbi-bottom-shortcut-guide" class="is-empty" aria-label="단축키 안내"></div>' +
                '</div>' +
            '</div>' +
         '</div>';
}


    if (!isUserProfilePage) {
var CLBI_NATIONS_LAST_POINTER_X = null;
        $('.profile-card').remove();
var CLBI_NATIONS_LAST_POINTER_Y = null;
        $('.user-profile-portal').removeClass('user-profile-portal');
    }


    $('.content-tools').css('display', 'none');
function getClbiNationsTabAtPointer(tabpanel) {
    var element;
    var tab;


     applyDefaultPageTitleVisibility();
     if (!tabpanel) return null;
     updateSidebar();
     if (CLBI_NATIONS_LAST_POINTER_X === null || CLBI_NATIONS_LAST_POINTER_Y === null) return null;
}
    if (typeof document.elementFromPoint !== 'function') return null;


// 본문 기본 목차 제거
    element = document.elementFromPoint(CLBI_NATIONS_LAST_POINTER_X, CLBI_NATIONS_LAST_POINTER_Y);
function removeNativeTocFromContent() {
     if (!element) return null;
     $('.liberty-content-main #toc, .liberty-content-main .toc').remove();
}


// 왼쪽 목차: MediaWiki 문단 ID 가져오기
     tab = element.closest ? element.closest('.clbi-nations-tabpanel-tab[data-continent]') : null;
function getHeadingId(heading) {
     if (heading.id) {
        return heading.id;
    }


     var headline = heading.querySelector('.mw-headline[id]');
     if (!tab || !tabpanel.contains(tab)) return null;
    if (headline && headline.id) {
        return headline.id;
    }


     return '';
     return tab;
}
}


// 왼쪽 목차: MediaWiki 문단 제목 텍스트 가져오기
function validateClbiNationsPointerHover(tabpanel, forceSuppress) {
function getHeadingText(heading) {
     var tab = getClbiNationsTabAtPointer(tabpanel);
     var headline = heading.querySelector('.mw-headline');
     var suppressContinent;
     var source = headline || heading;
    var tabContinent;
     var clone = source.cloneNode(true);
     var tabIsActive;
 
    if (!tabpanel) return;
 
    if (!tab) {
        clearClbiNationsKeyboardHoverSuppressed(tabpanel);
        return;
    }


     $(clone).find('.mw-editsection, .mw-editsection-bracket, .mw-editsection-divider').remove();
     tabContinent = tab.getAttribute('data-continent') || '';
    tabIsActive = tab.classList.contains('is-active') || tab.getAttribute('aria-selected') === 'true';


     return (clone.textContent || '')
     if (tabIsActive) {
         .replace(/\s+/g, ' ')
         clearClbiNationsKeyboardHoverSuppressed(tabpanel);
         .trim();
         return;
}
    }
 
    suppressContinent = tabpanel.getAttribute('data-clbi-hover-suppress-continent') || '';


// 왼쪽 목차: 긴 제목에 자동 스크롤 적용
    if (forceSuppress || !suppressContinent) {
function initTocTitleScroll(root) {
         tabpanel.classList.add('is-keyboard-switching');
    var $items = root
         tabpanel.setAttribute('data-clbi-hover-suppress-continent', tabContinent);
         ? $(root).find('.toc-scroll-text')
        return;
         : $('#side-toc-box .toc-scroll-text');
    }


     $items.each(function () {
     if (suppressContinent === tabContinent) {
         var $text = $(this);
         tabpanel.classList.add('is-keyboard-switching');
        var $wrap = $text.closest('.toc-scroll-wrap');
        return;
    }


        if (!$wrap.length) return;
    /*
    * The pointer actually moved onto another tab after the keyboard switch.
    * At that point this is no longer stale browser :hover; let normal hover work.
    */
    clearClbiNationsKeyboardHoverSuppressed(tabpanel);
}


        var wrapW = Math.floor($wrap.width());
function validateAllClbiNationsPointerHovers() {
        var textW = Math.ceil(this.scrollWidth);
    var panels = document.querySelectorAll('.clbi-nations-tabpanel.is-keyboard-switching');


        // 왼쪽 목차: 레이아웃 계산이 끝나지 않았으면 이번 실행에서는 건드리지 않는다.
    Array.prototype.forEach.call(panels, function (tabpanel) {
         if (!wrapW || !textW) return;
         if (isClbiNationsPanelOwnedTabpanel(tabpanel)) return;
        validateClbiNationsPointerHover(tabpanel, false);
    });
}


        if (textW <= wrapW + 12) {
function isClbiNationsPanelOwnedTabpanel(tabpanel) {
            // 왼쪽 목차: 칸을 넘지 않는 제목은 전체 텍스트를 그대로 보여준다.
    /*
            $wrap.removeClass('is-scrolling');
    * Mouse continent tab regression guard.
    * -------------------------------------
    * Detached SPA preparation serializes attributes/classes but it cannot
    * serialize DOM event listeners or JS properties. The NationsPanel fix
    * therefore uses the DOM property CLBI_NationsPanelOwned /
    * CLBI_NationsTabPanelBound as the real ownership marker.
    *
    * Do NOT treat data-nations-tabpanel-ready or clbi-nations-continent-cache
    * as ownership here.  Those can survive innerHTML insertion while the real
    * click listeners were lost, causing Common.js to delegate to a panel that
    * NationsPanel has not rebound yet.  The fallback below must remain able to
    * handle mouse clicks until NationsPanel reclaims the live DOM node.
    */
    return !!(tabpanel && tabpanel.CLBI_NationsPanelOwned);
}


            if ($text.data('toc-scroll-enabled')) {
function isClbiNationsLiveContinentActive(tabpanel, continent) {
                $text.css({
    var tab;
                    animation: '',
    var panel;
                    'animation-delay': '',
                    '--scroll-dist': ''
                });
                $text.removeData('toc-scroll-enabled');
                $text.removeData('toc-scroll-key');
            }


            return;
    if (!tabpanel || !continent) return false;
        }


        var scrollDist = '-' + (textW - wrapW + 10) + 'px';
    tab = Array.prototype.slice.call(tabpanel.querySelectorAll('.clbi-nations-tabpanel-tab[data-continent]')).find(function (candidate) {
         var duration = Math.max(7, textW / 38) * 1.25;
         return candidate.getAttribute('data-continent') === continent;
        var scrollKey = scrollDist + '|' + duration;
    });


        // 왼쪽 목차: 긴 제목에는 오른쪽 페이드와 스크롤을 적용한다.
    panel = Array.prototype.slice.call(tabpanel.querySelectorAll('.clbi-nations-tabpanel-continent[data-continent-panel]')).find(function (candidate) {
         $wrap.addClass('is-scrolling');
         return candidate.getAttribute('data-continent-panel') === continent;
    });


         // 왼쪽 목차: 같은 값으로 이미 적용된 애니메이션은 다시 초기화하지 않는다.
    return !!(
         if ($text.data('toc-scroll-key') === scrollKey) {
        tab &&
            return;
         panel &&
        }
         (tab.classList.contains('is-active') || tab.getAttribute('aria-selected') === 'true') &&
        panel.classList.contains('is-active') &&
        panel.getAttribute('aria-hidden') !== 'true' &&
        !panel.hasAttribute('hidden')
    );
}


        $text.data('toc-scroll-enabled', true);
function activateClbiNationsContinent(tabpanel, targetContinent, options) {
        $text.data('toc-scroll-key', scrollKey);
    var tabs;
    var panels;
    var skipOwner = !!(options && options.skipOwner);


        $text.css({
    if (!tabpanel || !targetContinent) return false;
            // 왼쪽 목차: 페이지 진입 직후에는 잠시 읽을 시간을 준 뒤 흐르게 한다.
            animation: 'toc-scroll-blink-reset ' + duration + 's linear infinite',
            'animation-delay': '1s',
            '--scroll-dist': scrollDist
        });
    });
}


// 목차를 왼쪽 사이드바에 새로 생성
    if (!skipOwner && isClbiNationsPanelOwnedTabpanel(tabpanel)) {
function moveTocToLeftSidebar() {
        var owner = window.NationsPanel || window.CLBI_NATIONS_PANEL || null;
    // 왼쪽 목차: MediaWiki가 만든 원래 목차는 본문에서 제거한다.
    removeNativeTocFromContent();


    var leftSidebar = document.getElementById('clbi-left-sidebar');
        if (owner && typeof owner.activateContinent === 'function') {
    if (!leftSidebar) return;
            try {
                if (owner.activateContinent(targetContinent, {
                    source: 'common-legacy-click',
                    panel: tabpanel
                })) {
                    return true;
                }
            } catch (err) {}
        }


    var content =
        /*
        document.querySelector('.liberty-content-main .mw-parser-output') ||
        * Ownership markers can be stale during SPA/hydration edge cases. If
        document.querySelector('.liberty-content-main');
        * the owner API is missing or refuses the live panel, do not drop the
        * mouse click. Fall through to the local fallback so pointer users are
        * never left with keyboard-only continent tabs.
        */
    }


     if (!content) return;
     tabs = Array.prototype.slice.call(tabpanel.querySelectorAll('.clbi-nations-tabpanel-tab[data-continent]'));
    panels = Array.prototype.slice.call(tabpanel.querySelectorAll('.clbi-nations-tabpanel-continent[data-continent-panel]'));


     var headings = Array.prototype.slice.call(
     if (!tabs.length || !panels.length) return false;
        content.querySelectorAll('h2, h3')
    ).filter(function (heading) {
        if (heading.closest('#toc, .toc, #side-toc-box')) return false;


         var id = getHeadingId(heading);
    tabs.forEach(function (tab) {
         var text = getHeadingText(heading);
         var active = tab.getAttribute('data-continent') === targetContinent;
        tab.classList.toggle('is-active', active);
        tab.setAttribute('aria-selected', active ? 'true' : 'false');
         tab.setAttribute('tabindex', active ? '0' : '-1');
    });


         if (!id || !text) return false;
    panels.forEach(function (panel) {
        var active = panel.getAttribute('data-continent-panel') === targetContinent;
         panel.classList.toggle('is-active', active);


         return true;
         if (active) {
            panel.removeAttribute('hidden');
        } else {
            panel.setAttribute('hidden', 'hidden');
        }
     });
     });


     var tocKey = headings.map(function (heading) {
     try {
         return getHeadingId(heading) + '|' + getHeadingText(heading);
        if (window.Decorations && typeof window.Decorations.sync === 'function') window.Decorations.sync();
     }).join('||');
         else if (window.CLBI_DECORATIONS && typeof window.CLBI_DECORATIONS.sync === 'function') window.CLBI_DECORATIONS.sync();
     } catch (err) {}
 
    return true;
}


     var existingBox = document.getElementById('side-toc-box');
function setClbiNationsKeyboardHoverSuppressed(tabpanel) {
     validateClbiNationsPointerHover(tabpanel, true);
}


     // 왼쪽 목차: 같은 문서에서 같은 목차를 이미 만들었다면 다시 지우고 만들지 않는다.
function clearClbiNationsKeyboardHoverSuppressed(tabpanel) {
     if (existingBox && existingBox.getAttribute('data-toc-key') === tocKey) {
     if (!tabpanel) return;
        initTocTitleScroll(existingBox);
    tabpanel.classList.remove('is-keyboard-switching');
        return;
     tabpanel.removeAttribute('data-clbi-hover-suppress-continent');
     }
}
 
function moveClbiNationsContinent(direction) {
    var tabpanel = document.querySelector('.clbi-nations-tabpanel');
    var tabs;
    var activeIndex;
    var nextIndex;
    var target;
 
     if (!tabpanel) return false;


     if (existingBox) {
     if (isClbiNationsPanelOwnedTabpanel(tabpanel) &&
         existingBox.remove();
        window.CLBI_NATIONS_PANEL &&
        typeof window.CLBI_NATIONS_PANEL.moveContinent === 'function') {
         return !!window.CLBI_NATIONS_PANEL.moveContinent(direction, {
            source: 'common-legacy-keyboard',
            panel: tabpanel
        });
     }
     }


     if (!headings.length) return;
    tabs = Array.prototype.slice.call(tabpanel.querySelectorAll('.clbi-nations-tabpanel-tab[data-continent]'));
     if (!tabs.length) return false;


     var tocBox = document.createElement('div');
     activeIndex = tabs.findIndex(function (tab) {
    tocBox.className = 'clbi-left-box';
        return tab.classList.contains('is-active') || tab.getAttribute('aria-selected') === 'true';
    tocBox.id = 'side-toc-box';
     });
     tocBox.setAttribute('data-toc-key', tocKey);


     var title = document.createElement('div');
     if (activeIndex < 0) activeIndex = 0;
    title.className = 'clbi-left-title';


     // 왼쪽 목차: 박스 제목은 Lang.js의 현재 UI 언어를 따른다.
     nextIndex = (activeIndex + direction + tabs.length) % tabs.length;
    var currentLang = getCurrentLang();
     target = tabs[nextIndex].getAttribute('data-continent');
     var t = (window.LANG && window.LANG[currentLang]) ? window.LANG[currentLang] : window.LANG.ko;
    var tocTitleText = (t && t.toc) ? t.toc : '목차';


     title.innerHTML =
     if (activateClbiNationsContinent(tabpanel, target)) {
         '<span class="sidebar-title-svg" aria-hidden="true">' + CLBI_SVG_LIST + '</span> ' + tocTitleText;
        setClbiNationsKeyboardHoverSuppressed(tabpanel);
        window.setTimeout(function () {
            validateClbiNationsPointerHover(tabpanel, false);
         }, 0);
        return true;
    }


     var body = document.createElement('div');
     return false;
    body.className = 'clbi-left-content toc-sidebar-content';
}


     var list = document.createElement('ul');
function initClbiNationsTabpanelControls(root) {
     list.className = 'generated-toc';
     var scope = root && root.querySelectorAll ? root : document;
     var panels = scope.querySelectorAll('.clbi-nations-tabpanel');


     headings.forEach(function (heading) {
     Array.prototype.forEach.call(panels, function (tabpanel) {
         var id = getHeadingId(heading);
         /*
         var text = getHeadingText(heading);
        * Common.js is only a safety fallback for continent tabs; NationsPanel
         var level = heading.tagName.toLowerCase() === 'h3' ? 3 : 2;
        * is the primary owner.  This guard must be a DOM property, not a
        * serialized attribute.  SPA warm prepaint can preserve
        * data-clbi-nations-tabs-ready="1" while losing the actual event
        * listeners, which was the root cause of mouse clicks no longer moving
        * continents while keyboard shortcuts still worked.
        */
        if (tabpanel.CLBI_NationsCommonTabsBound) return;
         tabpanel.CLBI_NationsCommonTabsBound = true;
         tabpanel.setAttribute('data-clbi-nations-tabs-ready', '1');


         var item = document.createElement('li');
         tabpanel.addEventListener('pointerdown', function () {
         item.className = 'toc-level-' + level;
            clearClbiNationsKeyboardHoverSuppressed(tabpanel);
         });


         var link = document.createElement('a');
         tabpanel.addEventListener('pointerleave', function () {
         link.setAttribute('href', '#' + id);
            clearClbiNationsKeyboardHoverSuppressed(tabpanel);
         });


         // 왼쪽 목차: 긴 제목 스크롤을 위해 텍스트를 별도 span으로 감싼다.
         tabpanel.addEventListener('click', function (event) {
        var textWrap = document.createElement('span');
            var tab = event.target.closest ? event.target.closest('.clbi-nations-tabpanel-tab[data-continent]') : null;
        textWrap.className = 'toc-scroll-wrap';


        var textSpan = document.createElement('span');
            if (!tab || !tabpanel.contains(tab)) return;
        textSpan.className = 'toc-scroll-text';
        textSpan.textContent = text;


        textWrap.appendChild(textSpan);
            clearClbiNationsKeyboardHoverSuppressed(tabpanel);
        link.appendChild(textWrap);


         item.appendChild(link);
            if (activateClbiNationsContinent(tabpanel, tab.getAttribute('data-continent'))) {
        list.appendChild(item);
                event.preventDefault();
            }
        });
 
         tabpanel.addEventListener('keydown', function (event) {
            var tab = event.target.closest ? event.target.closest('.clbi-nations-tabpanel-tab[data-continent]') : null;
            var handled = false;
 
            if (!tab || !tabpanel.contains(tab)) return;
 
            if (event.key === 'ArrowLeft') handled = moveClbiNationsContinent(-1);
            else if (event.key === 'ArrowRight') handled = moveClbiNationsContinent(1);
 
            if (handled) {
                event.preventDefault();
                event.stopPropagation();
            }
        });
     });
     });
}
function handleClbiNationsContinentDocumentClick(event) {
    var target;
    var tab;
    var tabpanel;
    var continent;
    var owner;
    var handled = false;
    if (!event || event.__clbiNationsContinentHandled) return;
    target = event.target;
    if (!target || !target.closest) return;
    tab = target.closest('.clbi-nations-tabpanel-tab[data-continent]');
    if (!tab) return;
    tabpanel = tab.closest ? tab.closest('.clbi-nations-tabpanel') : null;
    if (!tabpanel || !tabpanel.contains(tab)) return;
    continent = tab.getAttribute('data-continent') || '';
    if (!continent) return;
    /*
    * Final live-DOM mouse delegate.
    * --------------------------------
    * The continent tab UI has two initialization phases: detached preparation
    * for seamless SPA entry, then live DOM hydration.  Detached preparation can
    * leave serialized "ready" attributes behind while losing event listeners.
    * Keyboard shortcuts still work because they call the public NationsPanel
    * API directly, but mouse clicks depend on live listeners.  This capturing
    * delegate is intentionally independent of per-panel ready attributes: it
    * always resolves the clicked live tab and hands it to NationsPanel first,
    * then falls back to the local Common.js switcher if needed.
    */
    event.__clbiNationsContinentHandled = true;
    clearClbiNationsKeyboardHoverSuppressed(tabpanel);
    owner = window.NationsPanel || window.CLBI_NATIONS_PANEL || null;
    if (owner && typeof owner.activateContinent === 'function') {
        try {
            handled = !!owner.activateContinent(continent, {
                source: 'mouse-click-live-delegate',
                panel: tabpanel
            });
        } catch (err) {
            handled = false;
        }
        /*
        * Owner API stale-cache guard.
        *
        * A previous regression came from NationsPanel returning true after it
        * updated cached/detached tab nodes instead of the clicked live tab. A
        * true return value alone is therefore not enough for mouse input. Verify
        * the live DOM that received the click. If it did not become active,
        * bypass the owner and run the Common.js live query fallback directly.
        */
        if (handled && !isClbiNationsLiveContinentActive(tabpanel, continent)) {
            handled = false;
        }
    }
    if (!handled) {
        handled = activateClbiNationsContinent(tabpanel, continent, { skipOwner: true });
    }


     body.appendChild(list);
     if (handled) {
     tocBox.appendChild(title);
        try { playStaticSound(); } catch (err2) {}
     tocBox.appendChild(body);
        event.preventDefault();
     leftSidebar.appendChild(tocBox);
        event.stopPropagation();
        if (typeof event.stopImmediatePropagation === 'function') event.stopImmediatePropagation();
    }
}
 
function initClbiNationsGlobalClickDelegate() {
    if (document.body.getAttribute('data-clbi-nations-global-click-ready') === '1') return;
     document.body.setAttribute('data-clbi-nations-global-click-ready', '1');
     document.addEventListener('click', handleClbiNationsContinentDocumentClick, true);
}
 
 
function initClbiNationsPointerHoverValidation() {
    if (document.body.getAttribute('data-clbi-nations-pointer-hover-ready') === '1') return;
 
     document.body.setAttribute('data-clbi-nations-pointer-hover-ready', '1');
 
    document.addEventListener('pointermove', function (event) {
        CLBI_NATIONS_LAST_POINTER_X = event.clientX;
        CLBI_NATIONS_LAST_POINTER_Y = event.clientY;
        validateAllClbiNationsPointerHovers();
    }, true);


     // 왼쪽 목차: DOM 배치가 끝난 뒤 긴 제목 스크롤 여부를 계산한다.
     document.addEventListener('pointerleave', function () {
    requestAnimationFrame(function () {
         CLBI_NATIONS_LAST_POINTER_X = null;
         initTocTitleScroll(tocBox);
        CLBI_NATIONS_LAST_POINTER_Y = null;
        validateAllClbiNationsPointerHovers();
    }, true);


        setTimeout(function () {
    window.addEventListener('blur', function () {
            initTocTitleScroll(tocBox);
        CLBI_NATIONS_LAST_POINTER_X = null;
         }, 120);
        CLBI_NATIONS_LAST_POINTER_Y = null;
         validateAllClbiNationsPointerHovers();
     });
     });
}
}




// 우측 광고판: 이미지/번역 캡션 목록
function initClbiBottomShortcutSystem(root) {
var RIGHT_BILLBOARD_ITEMS = [
    renderClbiBottomShortcutGuide();
     {
    initClbiNationsGlobalClickDelegate();
        file: 'Side-visual-001.png',
    initClbiNationsTabpanelControls(root || document);
        alt: 'PROOF TO THE WORLD / YOU ONCE PART OF IT',
    initClbiNationsPointerHoverValidation();
        duration: 3000,
}
        caption: [
 
            '"당신이 한때 이 세계의',
// ── 상·하단 네비게이션 바 ──
            '',
function buildClbiNavHtml(position) {
            '일부였다는 것을 증명하십시오"'
    var isBottom = position === 'bottom';
        ]
     var base = isBottom ? 'clbi-bottom' : 'clbi-top';
     },
    var shortBase = isBottom ? 'clbi-bnav' : 'clbi-tnav';
    {
    var wrapId = base + '-nav-wrap';
        file: 'Side-visual-002.png',
    var navId = base + '-nav';
        alt: 'APPLY NOW',
     var mainId = base + '-nav-main';
        duration: 1000,
    var tabsId = base + '-nav-tabs';
        caption: [
    var searchId = base + '-nav-search';
            '"지금 지원하세요!"'
     var inputId = isBottom ? 'clbi-bottom-search-input' : 'clbi-top-search-input';
        ]
    var worldId = shortBase + '-worldbuilding';
     },
     var subId = isBottom ? 'clbi-bottom-sub-worldbuilding' : 'clbi-sub-worldbuilding';
    {
    var subInnerId = subId + '-inner';
        file: 'Side-visual-003.png',
 
        alt: 'APPLY NOW',
    if (isBottom) {
        duration: 1000,
         return buildClbiBottomPlankHtml(wrapId, navId, mainId);
        caption: [
            '"지금 지원하세요!"'
        ]
     },
    {
        file: 'Side-visual-002.png',
        alt: 'APPLY NOW',
        duration: 1000,
        caption: [
            '"지금 지원하세요!"'
         ]
     }
     }
];


function getRightBillboardItem(index) {
    return '' +
    var items = RIGHT_BILLBOARD_ITEMS;
        '<div id="' + wrapId + '">' +
            '<div id="' + navId + '">' +
                '<div id="' + mainId + '">' +
                    '<div id="' + tabsId + '">' +
                        '<a class="clbi-top-nav-item" href="/index.php/대문">' +
                            '<img class="clbi-tnav-icon" src="/index.php?title=특수:Redirect/file/Ic-main-menu-001.png" alt="">' +
                            '<span class="clbi-tnav-label">메인 메뉴</span>' +
                        '</a>' +
                        '<a class="clbi-top-nav-item" href="/index.php/프로젝트:소개">' +
                            '<img class="clbi-tnav-icon" src="/index.php?title=특수:Redirect/file/Ic-project-001.png" alt="">' +
                            '<span class="clbi-tnav-label">프로젝트</span>' +
                        '</a>' +
                        '<div class="clbi-top-nav-item" id="' + worldId + '">' +
                            '<img class="clbi-tnav-icon" src="/index.php?title=특수:Redirect/file/Ic-worldbuilding-001.png" alt="">' +
                            '<span class="clbi-tnav-label">세계관</span>' +
                            '<span class="clbi-tnav-arrow">▾</span>' +
                        '</div>' +
                    '</div>' +
                    (isBottom ? '' : (
                        '<div id="' + searchId + '">' +
                            '<input type="text" id="' + inputId + '" placeholder="검색...">' +
                        '</div>'
                    )) +
                '</div>' +
                '<div id="' + subId + '">' +
                    '<div id="' + subInnerId + '">' +
                        '<div class="clbi-tnav-sub-list">' +
                            '<a class="clbi-tnav-sub-item" href="/index.php/시대">시대</a>' +
                            '<a class="clbi-tnav-sub-item" href="/index.php/설정">설정</a>' +
                            '<a class="clbi-tnav-sub-item" href="/index.php/기업_및_공동체">기업 및 공동체</a>' +
                            '<a class="clbi-tnav-sub-item" href="/index.php/군_정치집단">군, 정치집단</a>' +
                            '<a class="clbi-tnav-sub-item" href="/index.php/인물">인물</a>' +
                        '</div>' +
                    '</div>' +
                '</div>' +
            '</div>' +
        '</div>';
}


     if (!items || !items.length) {
function normalizeClbiShellDomOrder() {
        return {
     var contentWrapper = document.querySelector('.content-wrapper');
            file: 'Side-visual-001.png',
    var topNav = document.getElementById('clbi-top-nav-wrap');
            alt: '',
    var bottomNav = document.getElementById('clbi-bottom-nav-wrap');
            caption: []
    var canvas = document.getElementById('site-halftone-bg');
        };
    var anchor;
     }
    var viewportH;
     var topRect;
    var wrapperRect;
    var needsRecovery;
    var expectedWrapperTop;
    var host;


    var normalized = index % items.length;
     if (!contentWrapper || !topNav || !bottomNav || !document.body) return;
     if (normalized < 0) normalized += items.length;


     return items[normalized];
     /*
}
    CLBI shell can live inside a Liberty <section>.  Some skins/layouts give that
    section a flow context that lets the top nav visually overlap the content
    wrapper even when DOM sibling order is correct.  Mark the common parent and
    let Layout.css force a simple vertical flow for the shell.
    */
    host = topNav.parentElement === contentWrapper.parentElement &&
        contentWrapper.parentElement === bottomNav.parentElement
        ? contentWrapper.parentElement
        : null;
 
    if (host) {
        host.classList.add('clbi-shell-host');
    }


function getRightBillboardImageUrl(fileName) {
    viewportH = window.innerHeight || document.documentElement.clientHeight || 0;
     return '/index.php?title=특수:Redirect/file/' + encodeURIComponent(fileName || 'Side-visual-001.png');
    topRect = topNav.getBoundingClientRect();
}
     wrapperRect = contentWrapper.getBoundingClientRect();
    expectedWrapperTop = topRect.bottom + 8;


function getRightBillboardCaptionHtml(item) {
     needsRecovery = false;
     var lines = item && item.caption ? item.caption : [];
    var html = '';


     function escapeCaptionText(value) {
     if (viewportH > 0) {
         return String(value == null ? '' : value)
         if (topRect.top >= viewportH * 0.55) needsRecovery = true;
            .replace(/&/g, '&amp;')
        if (wrapperRect.top >= viewportH * 0.60) needsRecovery = true;
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/\"/g, '&quot;')
            .replace(/'/g, '&#039;');
     }
     }


     lines.forEach(function(line) {
     if (topRect.top > 240 || wrapperRect.top > 320) {
         var text = String(line == null ? '' : line);
         needsRecovery = true;
        var isGap = !text.trim();
     }
        var className = 'right-billboard-caption-line' + (isGap ? ' is-gap' : '');
        html += '<span class="' + className + '">' + (isGap ? '&nbsp;' : escapeCaptionText(text)) + '</span>';
     });


     return html;
     if (wrapperRect.top < expectedWrapperTop - 1) {
}
        needsRecovery = true;
    }
 
    if (!needsRecovery) {
        document.body.classList.add('clbi-shell-ready');
        return;
    }
 
    anchor = canvas && canvas.parentNode === document.body
        ? canvas.nextSibling
        : document.body.firstChild;
 
    document.body.insertBefore(topNav, anchor);
    document.body.insertBefore(contentWrapper, topNav.nextSibling);
    document.body.insertBefore(bottomNav, contentWrapper.nextSibling);
 
    document.body.classList.add('clbi-shell-ready');
}
 
window.normalizeClbiShellDomOrder = normalizeClbiShellDomOrder;


function setRightBillboardItem(index) {
    var box = document.querySelector('.right-billboard-box');
    if (!box) return;


    var item = getRightBillboardItem(index);
function ensureClbiVerticalScaleHost() {
     var src = getRightBillboardImageUrl(item.file);
     var topNav = document.getElementById('clbi-top-nav-wrap');
    var images = box.querySelectorAll('.right-billboard-image');
     var contentWrapper = document.querySelector('.content-wrapper');
     var caption = box.querySelector('#right-billboard-caption');
     var bottomNav = document.getElementById('clbi-bottom-nav-wrap');
     var emptySub = box.querySelector('.right-billboard-empty-sub');
    var host;
    var existing;
    var parent;


     box.setAttribute('data-billboard-index', String(index));
     if (!topNav || !contentWrapper || !bottomNav || !document.body) return null;
    box.classList.remove('is-empty');


     Array.prototype.forEach.call(images, function(img) {
     existing = document.getElementById('clbi-shell-scale-host');
        img.style.display = '';
        img.setAttribute('src', src);
        img.setAttribute('alt', img.classList.contains('right-billboard-image-base') ? (item.alt || '') : '');
    });


     if (caption) {
     if (existing && existing.contains(topNav) && existing.contains(contentWrapper) && existing.contains(bottomNav)) {
         caption.innerHTML = getRightBillboardCaptionHtml(item);
         existing.classList.add('clbi-shell-host');
        return existing;
     }
     }


     if (emptySub) {
    parent = topNav.parentElement === contentWrapper.parentElement && contentWrapper.parentElement === bottomNav.parentElement
         emptySub.textContent = item.file || 'Side-visual-001.png';
        ? topNav.parentElement
        : null;
 
     if (parent && parent !== document.body) {
         parent.classList.add('clbi-shell-host');
        parent.id = parent.id || 'clbi-shell-scale-host';
        return parent;
     }
     }
}


function getRightBillboardItemDuration(item) {
    host = existing || document.createElement('div');
     var duration = item && item.duration ? parseInt(item.duration, 10) : 3000;
     host.id = 'clbi-shell-scale-host';
    host.className = 'clbi-shell-host';


     if (Number.isNaN(duration) || duration < 500) {
     if (!host.parentNode) {
         duration = 3000;
         document.body.insertBefore(host, topNav);
     }
     }


     return duration;
    host.appendChild(topNav);
    host.appendChild(contentWrapper);
    host.appendChild(bottomNav);
 
     return host;
}
}


function initRightBillboardCarousel() {
function readClbiRootPx(name, fallback) {
     var box = document.querySelector('.right-billboard-box');
     var raw = '';
     if (!box || box.getAttribute('data-billboard-ready') === '1') return;
     var value;


     box.setAttribute('data-billboard-ready', '1');
     try {
     box.setAttribute('data-billboard-index', '0');
        raw = getComputedStyle(document.documentElement).getPropertyValue(name);
     } catch (err) {}


     setRightBillboardItem(0);
     value = parseFloat(raw);
    return isFinite(value) && value > 0 ? value : fallback;
}


     if (!RIGHT_BILLBOARD_ITEMS || RIGHT_BILLBOARD_ITEMS.length <= 1) return;
function resetLeftRecentAdaptiveState() {
    var list = document.getElementById('clbi-left-recent-list');
     var newsBox = list ? list.closest('.clbi-left-news-box') : null;
    var items = list ? Array.prototype.slice.call(list.querySelectorAll('.news-recent-item')) : [];


     function scheduleNext() {
     if (newsBox) {
         var current = parseInt(box.getAttribute('data-billboard-index') || '0', 10);
         newsBox.classList.remove('is-adaptive-constrained');
         if (Number.isNaN(current)) current = 0;
         newsBox.style.removeProperty('--adaptive-news-h');
    }


         var currentItem = getRightBillboardItem(current);
    if (list) {
         var delay = getRightBillboardItemDuration(currentItem);
         list.classList.remove('is-adaptive-faded');
         list.removeAttribute('data-adaptive-limit');
        list.style.removeProperty('--adaptive-recent-h');
    }


        window.setTimeout(function() {
    items.forEach(function (item) {
            if (!document.body.contains(box)) return;
        item.classList.remove('is-adaptive-hidden');
    });
}


            if (!document.hidden) {
function resetLeftBillboardAdaptiveState() {
                setRightBillboardItem(current + 1);
    var box = document.querySelector('#clbi-left-sidebar .left-billboard-box');
            }


            scheduleNext();
    if (!box) return;
        }, delay);
    }


     scheduleNext();
     box.classList.remove('is-left-ad-title-only', 'is-left-ad-extended');
    box.style.removeProperty('--left-billboard-h');
    box.style.removeProperty('--left-billboard-finish-h');
}
}


function updateClbiShellVerticalScale() {
    var root = document.documentElement;
    var body = document.body;
    var host;
    var topInner;
    var bottomInner;
    var thresholdH;
    var gap;
    var outerGapTotal;
    var baseStageH;
    var stageW;
    var stageH;
    var viewportW;
    var viewportH;
    var availableW;
    var availableH;
    var topH;
    var bottomH;
    var contentH;
    var widthScale;
    var heightScale;
    var scale;
    var shouldScale;


function escapeRightBillboardAttr(value) {
    if (!root || !body) return;
    return String(value == null ? '' : value)
        .replace(/&/g, '&amp;')
        .replace(/</g, '&lt;')
        .replace(/>/g, '&gt;')
        .replace(/"/g, '&quot;')
        .replace(/'/g, '&#039;');
}


function buildRightBillboardBox() {
     host = ensureClbiVerticalScaleHost();
     var billboardInitial = getRightBillboardItem(0);
     if (!host) return;
     var billboardSrc = getRightBillboardImageUrl(billboardInitial.file);


     return '' +
     thresholdH = readClbiRootPx('--clbi-vertical-scale-threshold-h', 1080);
        '<div class="clbi-right-box right-billboard-box" data-billboard-index="0">' +
    gap = readClbiRootPx('--layout-gap', 8);
            '<div class="clbi-right-title right-billboard-title">' +
    outerGapTotal = gap * 2;
                '<span class="right-billboard-title-text"><span class="right-billboard-title-main">Ad</span><span class="right-billboard-title-note">(not really)</span></span>' +
    baseStageH = Math.max(420, thresholdH - outerGapTotal);
            '</div>' +
    stageW = readClbiRootPx('--layout-shell-w', 1880);
            '<div class="right-billboard-body">' +
                '<div class="right-billboard-recess">' +
                    '<div class="right-billboard-screen">' +
                        '<img id="right-billboard-image" class="right-billboard-image right-billboard-image-base" src="' + escapeRightBillboardAttr(billboardSrc) + '" alt="' + escapeRightBillboardAttr(billboardInitial.alt || '') + '" onload="var b=this.closest(\'.right-billboard-box\'); if(b){b.classList.remove(\'is-empty\');}" onerror="this.onerror=null;this.style.display=\'none\';var b=this.closest(\'.right-billboard-box\'); if(b){b.classList.add(\'is-empty\');}">' +
                        '<img class="right-billboard-image right-billboard-image-bloom" src="' + escapeRightBillboardAttr(billboardSrc) + '" alt="" aria-hidden="true" onerror="this.onerror=null;this.style.display=\'none\';">' +
                        '<img class="right-billboard-image right-billboard-slice right-billboard-slice-a" src="' + escapeRightBillboardAttr(billboardSrc) + '" alt="" aria-hidden="true" onerror="this.onerror=null;this.style.display=\'none\';">' +
                        '<img class="right-billboard-image right-billboard-slice right-billboard-slice-b" src="' + escapeRightBillboardAttr(billboardSrc) + '" alt="" aria-hidden="true" onerror="this.onerror=null;this.style.display=\'none\';">' +
                        '<img class="right-billboard-image right-billboard-slice right-billboard-slice-c" src="' + escapeRightBillboardAttr(billboardSrc) + '" alt="" aria-hidden="true" onerror="this.onerror=null;this.style.display=\'none\';">' +
                        '<div class="right-billboard-glitch" aria-hidden="true"></div>' +
                        '<div class="right-billboard-tear" aria-hidden="true"></div>' +
                        '<div class="right-billboard-empty" aria-hidden="true">' +
                            '<span class="right-billboard-empty-main">SIGNAL EMPTY</span>' +
                            '<span class="right-billboard-empty-sub">' + escapeRightBillboardAttr(billboardInitial.file || 'Side-visual-001.png') + '</span>' +
                        '</div>' +
                    '</div>' +
                '</div>' +
                '<div id="right-billboard-caption" class="right-billboard-caption" aria-hidden="true">' + getRightBillboardCaptionHtml(billboardInitial) + '</div>' +
            '</div>' +
        '</div>';
}


function buildSiteInformationBox() {
    viewportW = Math.max(320, window.innerWidth || document.documentElement.clientWidth || stageW);
     return '' +
     viewportH = Math.max(320, window.innerHeight || document.documentElement.clientHeight || thresholdH);
        '<div class="clbi-right-box site-info-sidebar">' +
    availableW = Math.max(240, viewportW - outerGapTotal);
            '<div class="clbi-right-title site-info-title">' +
    availableH = Math.max(240, viewportH - outerGapTotal);
                '<span>SITE INFORMATION</span>' +
 
                '<span class="site-info-title-meta">LINKS</span>' +
    /*
            '</div>' +
    평상시에는 기존 세로 채움 레이아웃을 기준으로 삼는다.
            '<div class="clbi-right-content site-info-content">' +
    세로가 기준점보다 작아지는 경우에는 기준 높이를 고정점으로 삼고,
                '<div class="policy-list">' +
    가로만 부족한 경우에는 현재 사용 가능한 세로 높이를 고정점으로 삼는다.
                    '<div class="policy-row"><a href="/index.php/개인정보처리방침">개인정보처리방침</a><span class="policy-mark" aria-hidden="true">›</span></div>' +
    이렇게 해야 가로 부족으로 scale에 들어갈 때 본문 높이가 갑자기 접히지 않는다.
                    '<div class="policy-row"><a href="/index.php/면책_조항">면책 조항</a><span class="policy-mark" aria-hidden="true">›</span></div>' +
    */
                    '<div class="policy-row"><a href="/index.php/라이선스">라이선스</a><span class="policy-mark" aria-hidden="true">›</span></div>' +
    stageH = availableH >= baseStageH ? availableH : baseStageH;
                    '<div class="policy-row"><a href="/index.php/크레딧">크레딧</a><span class="policy-mark" aria-hidden="true">›</span></div>' +
 
                '</div>' +
    topInner = document.getElementById('clbi-top-nav');
                '<div class="social-strip">' +
    bottomInner = document.getElementById('clbi-bottom-nav');
                    '<span class="social-icon"><a href="https://discord.gg/ctaeJ9d3Q5" target="_blank" rel="noopener noreferrer">DC</a></span>' +
 
                    '<span class="social-icon"><a href="https://www.youtube.com/@nxdsxn" target="_blank" rel="noopener noreferrer">YT</a></span>' +
    topH = topInner ? Math.ceil(topInner.offsetHeight || topInner.getBoundingClientRect().height || 38) : 38;
                    '<span class="social-icon"><a href="https://x.com/nxd_sxn" target="_blank" rel="noopener noreferrer">X</a></span>' +
    bottomH = bottomInner ? Math.ceil(bottomInner.offsetHeight || bottomInner.getBoundingClientRect().height || 38) : 38;
                    '<span class="social-icon"><a href="/index.php/프로젝트:소개">WIP:</a></span>' +
    contentH = Math.max(360, Math.floor(stageH - topH - bottomH - (gap * 2)));
                '</div>' +
 
            '</div>' +
    widthScale = availableW < stageW ? availableW / stageW : 1;
        '</div>';
    heightScale = availableH < baseStageH ? availableH / baseStageH : 1;
}
    scale = Math.min(1, widthScale, heightScale);
    scale = Math.max(0.50, Math.min(1, Math.floor(scale * 1000) / 1000));
    shouldScale = scale < 0.999;


    setClbiRootMetric(root, '--clbi-stage-design-w', stageW + 'px');
    setClbiRootMetric(root, '--clbi-stage-design-h', Math.floor(stageH) + 'px');
    setClbiRootMetric(root, '--clbi-stage-content-h', contentH + 'px');
    setClbiRootMetric(root, '--clbi-shell-scale', String(scale));


// 초기화 함수
    if (body.classList.contains('clbi-shell-vertical-scale') !== shouldScale) {
function initSidebars() {
        body.classList.toggle('clbi-shell-vertical-scale', shouldScale);
    var header = $('.liberty-content-header');
    }
    var content = $('.liberty-content');


     if (header.length && content.length) {
     if (shouldScale) {
         header.prependTo(content);
         resetLeftRecentAdaptiveState();
        resetLeftBillboardAdaptiveState();
     }
     }
}
window.updateClbiShellVerticalScale = updateClbiShellVerticalScale;


    if ($('#clbi-right-sidebar').length === 0) {
var $contentWrapper = $('.content-wrapper').first();
        var username = mw.config.get('wgUserName');
        var isLoggedIn = username !== null;
        var avatarSrc = isLoggedIn
            ? '/index.php?title=특수:Redirect/file/Pfp-' + username + '.png'
            : '/index.php?title=특수:Redirect/file/Pfp-default.png';


        var userBox;
if ($contentWrapper.length) {
    $('#clbi-top-nav-wrap, #clbi-bottom-nav-wrap').remove();
    $contentWrapper.before(buildClbiNavHtml('top'));
    $contentWrapper.after(buildClbiNavHtml('bottom'));
    renderClbiBottomShortcutGuide();
    initClbiNationsTabpanelControls(document);
    if (typeof window.normalizeClbiShellDomOrder === 'function') window.normalizeClbiShellDomOrder();
}


        if (isLoggedIn) {
var CLBI_SHELL_METRICS_RAF = null;
            userBox =
var CLBI_SHELL_METRICS_SETTLE_TIMER = null;
                '<div class="clbi-right-box profile-card-box">' +
var CLBI_SHELL_METRICS_LAST = { topH:-1, bottomH:-1 };
                    '<div id="clbi-user-avatar-wrap" class="profile-identity-panel">' +
                        '<div class="profile-avatar-stage">' +
                            '<img id="clbi-user-avatar" src="' + avatarSrc + '" onerror="this.onerror=null;this.src=\'/index.php?title=특수:Redirect/file/Pfp-default.png\';">' +
                        '</div>' +
                        '<div id="clbi-user-name-row" class="profile-name-row">' +
                            '<a href="/index.php/사용자:' + username + '" id="clbi-user-name">' + username + '</a>' +
                        '</div>' +
                    '</div>' +
                    '<div class="clbi-right-content profile-action-box">' +
                        '<div class="profile-quick-actions" aria-label="프로필 빠른 메뉴">' +
                            '<button type="button" class="profile-quick-btn" id="profile-quick-inventory" aria-label="인벤토리"><span class="profile-quick-icon" aria-hidden="true">' + CLBI_SVG_PACKAGE + '</span><span class="profile-quick-tip" aria-hidden="true">인벤토리</span></button>' +
                            '<button type="button" class="profile-quick-btn" id="profile-quick-achievements" aria-label="업적"><span class="profile-quick-icon" aria-hidden="true">' + CLBI_SVG_TROPHY + '</span><span class="profile-quick-tip" aria-hidden="true">업적</span></button>' +
                            '<button type="button" class="profile-quick-btn" id="profile-quick-notifications" aria-label="알림"><span id="profile-quick-notification-icon" class="profile-quick-icon" aria-hidden="true">' + CLBI_SVG_BELL + '</span><span class="profile-quick-tip" aria-hidden="true">알림</span></button>' +
                        '</div>' +
                        '<a href="/index.php/특수:기여/' + username + '" class="clbi-user-btn" id="clbi-btn-contribution"><span class="profile-action-icon" aria-hidden="true">' + CLBI_SVG_SCAN_TEXT + '</span><span class="profile-action-label">기여</span><i class="hn hn-angle-right-solid profile-action-arrow" aria-hidden="true"></i></a>' +
                        '<a href="/index.php/특수:주시문서목록" class="clbi-user-btn" id="clbi-btn-watchlist"><span class="profile-action-icon" aria-hidden="true">' + CLBI_SVG_SCAN_EYE + '</span><span class="profile-action-label">주시문서 목록</span><i class="hn hn-angle-right-solid profile-action-arrow" aria-hidden="true"></i></a>' +
                        '<a href="/index.php/특수:설정" class="clbi-user-btn" id="clbi-btn-preferences"><span class="profile-action-icon" aria-hidden="true">' + CLBI_SVG_SETTINGS + '</span><span class="profile-action-label">설정</span><i class="hn hn-angle-right-solid profile-action-arrow" aria-hidden="true"></i></a>' +
                        '<a href="/index.php?title=특수:로그아웃&returnto=대문" class="clbi-user-btn clbi-user-btn-logout" id="clbi-btn-logout"><span class="profile-action-icon" aria-hidden="true">' + CLBI_SVG_POWER + '</span><span class="profile-action-label">로그아웃</span><i class="hn hn-angle-right-solid profile-action-arrow" aria-hidden="true"></i></a>' +
                    '</div>' +
                '</div>';
        } else {
            userBox =
                '<div class="clbi-right-box profile-card-box">' +
                    '<div id="clbi-user-avatar-wrap" class="profile-identity-panel">' +
                        '<div class="profile-avatar-stage">' +
                            '<img id="clbi-user-avatar" src="/index.php?title=특수:Redirect/file/Pfp-default.png">' +
                        '</div>' +
                        '<div id="clbi-user-name-row" class="profile-name-row profile-name-row-guest">' +
                            '<span id="clbi-user-name">Guest</span>' +
                        '</div>' +
                    '</div>' +
                    '<div class="clbi-right-content profile-action-box">' +
                        '<a href="/index.php?title=특수:로그인&returnto=대문" class="clbi-user-btn" id="clbi-btn-login"><span class="profile-action-icon" aria-hidden="true">' + CLBI_SVG_POWER + '</span><span class="profile-action-label">로그인</span><i class="hn hn-angle-right-solid profile-action-arrow" aria-hidden="true"></i></a>' +
                    '</div>' +
                '</div>';
        }
        var rightVisualBox = '';
        var siteInformationBox = '';


        try {
function setClbiRootMetric(root, name, value) {
            rightVisualBox = buildRightBillboardBox();
    var next = String(value);
        } catch (err) {
    if (root.style.getPropertyValue(name) === next) return false;
            console.error('Right billboard build failed:', err);
    root.style.setProperty(name, next);
            rightVisualBox = '';
    return true;
        }
}


        try {
function runClbiShellMetricsBatch() {
            siteInformationBox = buildSiteInformationBox();
    var top = document.getElementById('clbi-top-nav-wrap');
        } catch (err) {
    var bottom = document.getElementById('clbi-bottom-nav-wrap');
            console.error('Site information build failed:', err);
    var root = document.documentElement;
            siteInformationBox = '';
    var topH = 0;
        }
    var bottomH = 0;


    CLBI_SHELL_METRICS_RAF = null;
    if (!root) return;


        var sidebar = userBox + rightVisualBox + siteInformationBox;
    if (top) topH = Math.ceil(top.offsetHeight || top.getBoundingClientRect().height || 0);
    if (bottom) bottomH = Math.ceil(bottom.offsetHeight || bottom.getBoundingClientRect().height || 0);


         $('.content-wrapper').append('<div id="clbi-right-sidebar">' + sidebar + '</div>');
    if (topH !== CLBI_SHELL_METRICS_LAST.topH) {
        CLBI_SHELL_METRICS_LAST.topH = topH;
         setClbiRootMetric(root, '--clbi-top-nav-outer-h', topH + 'px');
    }
    if (bottomH !== CLBI_SHELL_METRICS_LAST.bottomH) {
        CLBI_SHELL_METRICS_LAST.bottomH = bottomH;
        setClbiRootMetric(root, '--clbi-bottom-nav-outer-h', bottomH + 'px');
     }
     }


    if (typeof updateClbiShellVerticalScale === 'function') updateClbiShellVerticalScale();
    if (typeof scheduleAdaptiveLeftRecentItems === 'function') scheduleAdaptiveLeftRecentItems();
    if (typeof scheduleClbiContentBottomGap === 'function') scheduleClbiContentBottomGap();
}


     if ($('#clbi-left-sidebar').length === 0) {
function requestClbiShellMetricsFrame() {
var leftSidebar =
     if (CLBI_SHELL_METRICS_RAF !== null) return;
     '<div id="clbi-left-sidebar">' +
     CLBI_SHELL_METRICS_RAF = window.requestAnimationFrame
         '<div class="clbi-left-box clbi-left-lang-box">' +
         ? window.requestAnimationFrame(runClbiShellMetricsBatch)
            '<div class="clbi-left-title">' +
         : window.setTimeout(runClbiShellMetricsBatch, 16);
                '<span class="sidebar-title-svg clbi-left-language-icon" aria-hidden="true">' + CLBI_SVG_LANGUAGES + '</span> ' +
}
                '<span id="clbi-title-left-language">언어</span>' +
            '</div>' +
            '<div class="clbi-left-content sidebar-lang-box">' +
                '<div id="clbi-sidebar-lang-selector" class="sidebar-lang-selector sidebar-lang-dial" tabindex="0" role="group" aria-label="언어 선택">' +
                    '<div id="clbi-sidebar-lang-dial-stage" class="sidebar-lang-dial-stage">' +
                        '<div id="clbi-sidebar-lang-fan" class="sidebar-lang-fan" aria-hidden="true"></div>' +
                        '<div id="clbi-sidebar-lang-selected-panel" class="sidebar-lang-status-panel sidebar-lang-status-left" aria-hidden="true">' +
                            '<span id="clbi-sidebar-lang-selected-value" class="sidebar-lang-status-value">한국어</span>' +
                        '</div>' +
                        '<div id="clbi-sidebar-lang-availability-panel" class="sidebar-lang-status-panel sidebar-lang-status-right is-current" aria-hidden="true">' +
                            '<span id="clbi-sidebar-lang-availability-value" class="sidebar-lang-status-value">CURRENT</span>' +
                        '</div>' +
                        '<button type="button" id="clbi-sidebar-lang-apply" class="sidebar-lang-apply" aria-label="언어 적용">' +
                            '<span class="sidebar-lang-apply-mark" aria-hidden="true">✓</span>' +
                        '</button>' +
                    '</div>' +
                '</div>' +
            '</div>' +
         '</div>' +
        '<div class="clbi-left-box clbi-left-news-box">' +
            '<div class="clbi-left-title">' +
                '<span class="news-title-icon sidebar-title-svg" aria-hidden="true">' + CLBI_SVG_NEWSPAPER + '</span> ' +
                '<span id="clbi-title-left-news">뉴스</span>' +
            '</div>' +
            '<div class="clbi-left-content clbi-news-box">' +


                '<div class="news-feed-title" id="clbi-left-news-changelog-title">CHANGELOG</div>' +
function scheduleClbiShellMetrics() {
                '<div class="news-left-changelog-feed">' +
    requestClbiShellMetricsFrame();
                    '<a href="/index.php/체인지로그" class="news-post-item">' +
    window.clearTimeout(CLBI_SHELL_METRICS_SETTLE_TIMER);
                        '<div class="news-post-title-wrap">' +
    CLBI_SHELL_METRICS_SETTLE_TIMER = window.setTimeout(function () {
                            '<span class="news-post-title" id="clbi-left-news-changelog-main">체인지로그</span>' +
        CLBI_SHELL_METRICS_SETTLE_TIMER = null;
                            '<i class="hn hn-angle-right-solid news-post-arrow" aria-hidden="true"></i>' +
        requestClbiShellMetricsFrame();
                        '</div>' +
    }, 120);
                        '<span class="news-post-tag">POST</span>' +
}
                    '</a>' +
function watchClbiShellMetrics() {
                '</div>' +
    var top = document.getElementById('clbi-top-nav-wrap');
    var bottom = document.getElementById('clbi-bottom-nav-wrap');
    var observer;


                '<div class="news-divider"></div>' +
    scheduleClbiShellMetrics();


                '<div class="news-feed-title" id="clbi-left-news-recent-title">RECENT CHANGES</div>' +
    $(window).on('resize orientationchange', scheduleClbiShellMetrics);
                '<div class="news-left-recent-feed" id="clbi-left-recent-list">불러오는 중...</div>' +
    $(window).on('pageshow.clbiShellScale focus.clbiShellScale', scheduleClbiShellMetrics);
    document.addEventListener('visibilitychange', function () {
        if (!document.hidden) scheduleClbiShellMetrics();
    });
    $(window).on('resize.clbiLeftBillboard orientationchange.clbiLeftBillboard', scheduleLeftSidebarVerticalFit);
    $(window).on('resize.clbiRecentViewport orientationchange.clbiRecentViewport', function () { scheduleAdaptiveLeftRecentItems(); scheduleClbiContentBottomGap(); });
    $(window).on('resize.clbiContentBottomGap orientationchange.clbiContentBottomGap', scheduleClbiContentBottomGap);


            '</div>' +
    if (window.ResizeObserver) {
         '</div>' +
        observer = new ResizeObserver(scheduleClbiShellMetrics);
     '</div>';
        if (top) observer.observe(top);
        if (bottom) observer.observe(bottom);
         window.CLBI_SHELL_RESIZE_OBSERVER = observer;
    }
}
 
function bindClbiWorldbuildingToggle(buttonSelector, menuSelector) {
     $(buttonSelector).on('click', function() {
        var $menu = $(menuSelector);
        var $btn = $(this);


         $('.content-wrapper').prepend(leftSidebar);
         $menu.toggleClass('worldbuilding-open');
        $btn.toggleClass('clbi-tnav-active', $menu.hasClass('worldbuilding-open'));
        scheduleClbiShellMetrics();
    });
}


        renderSidebarLanguageBox();
bindClbiWorldbuildingToggle('#clbi-tnav-worldbuilding', '#clbi-sub-worldbuilding');
        loadRecentChangesList('#clbi-left-recent-list', 10);
bindClbiWorldbuildingToggle('#clbi-bnav-worldbuilding', '#clbi-bottom-sub-worldbuilding');
        scheduleAdaptiveLeftRecentItems();
        scheduleClbiContentBottomGap();
        updateLeftSidebarNationsImage();
    }


     try {
$('#clbi-top-search-input, #clbi-bottom-search-input').on('keydown', function(e) {
         initRightBillboardCarousel();
     if (e.key === 'Enter') {
    } catch (err) {
         var q = $(this).val().trim();
        console.error('Right billboard carousel failed:', err);
        if (q) window.location.href = '/index.php?search=' + encodeURIComponent(q);
     }
     }
});


    if (typeof window.normalizeClbiShellDomOrder === 'function') window.normalizeClbiShellDomOrder();
if (window.mw && mw.hook) {
    applyMainPageStyle();
    mw.hook('wikipage.content').add(function ($content) {
     initCategoryNavIfAvailable(document);
        initClbiBottomShortcutSystem($content && $content[0] ? $content[0] : document);
     });
}


    if (window.ProgressSystemWebUi && typeof window.ProgressSystemWebUi.boot === 'function') {
watchClbiShellMetrics();
        window.ProgressSystemWebUi.boot('initSidebars');
    }


    $('#side-toc-box').remove();
});


    mw.loader.using(['mediawiki.api']).then(function() {
// 페이지 전환 사운드
        setTimeout(function() {
var transitionSound = new Audio('/index.php?title=특수:Redirect/file/Sfx-ui-001.mp3');
            initNotifications();
            initProfile();
            moveTocToLeftSidebar();
        }, 300);


        setTimeout(moveTocToLeftSidebar, 800);
(function() {
        setTimeout(moveTocToLeftSidebar, 1500);
    var master = parseFloat(localStorage.getItem('clbi-audio-master') || 80) / 100;
     });
    var sfx = parseFloat(localStorage.getItem('clbi-audio-sfx') || 60) / 100;
}
     var sfxOn = localStorage.getItem('clbi-audio-sfxOn') !== 'false';
    transitionSound.volume = sfxOn ? master * sfx : 0;
})();


$(function() {
function playStaticSound() {
     loadLangScript(function() {
     var master = parseFloat(localStorage.getItem('clbi-audio-master') || 80) / 100;
        setTimeout(function() {
    var sfx = parseFloat(localStorage.getItem('clbi-audio-sfx') || 60) / 100;
            initSidebars();
     var sfxOn = localStorage.getItem('clbi-audio-sfxOn') !== 'false';
        }, 100);
     });
});


$(document).on('click.profileQuickPlaceholder', '#profile-quick-inventory, #profile-quick-achievements', function(e) {
     if (!sfxOn) return;
     e.preventDefault();
    e.stopPropagation();
});


// SPA 네비게이션
    transitionSound.volume = master * sfx;
function shouldSkip(url) {
    transitionSound.currentTime = 0;
     return url.match(/action=edit|action=submit|action=history|action=delete|action=protect|action=purge|특수:로그인|특수:로그아웃|Special:UserLogin|Special:UserLogout|특수:사용자정보|특수:비밀번호바꾸기|uselang=/);
     transitionSound.play();
}
}


$(function() {
// 현재 언어 감지
     if (window._spaInitialized) return;
function getCurrentLang() {
     window._spaInitialized = true;
     var langData = document.getElementById('clbi-lang-data');
     return langData ? (langData.getAttribute('data-lang') || 'ko') : 'ko';
}


    function isInternal(url) {
function normalizePageName(value) {
         var a = document.createElement('a');
    return String(value || '')
         a.href = url;
         .split('?')[0]
         return a.hostname === window.location.hostname;
         .replace(/^\/index\.php\//, '')
    }
         .replace(/_/g, ' ')
        .trim();
}


    function loadPage(url) {
function buildWikiPath(title) {
        invalidateProfileRender();
    return '/index.php/' + encodeURI(String(title || '').replace(/ /g, '_'));
}


        fetch(url)
function getLangShortCode(lang) {
            .then(function(res) {
    var map = { ko: 'KR', en: 'EN', zh: 'ZH', ja: 'JA', ru: 'RU', es: 'ES' };
                return res.text();
    return map[lang] || String(lang || '').toUpperCase();
            })
}
            .then(function(html) {
                var parser = new DOMParser();
                var doc = parser.parseFromString(html, 'text/html');


                var scripts = doc.querySelectorAll('script');
function getLanguageTargetTitle(lang) {
                for (var i = 0; i < scripts.length; i++) {
    var data = document.getElementById('clbi-lang-data');
                    var src = scripts[i].textContent;
    if (!data || !lang) return '';


                    if (src.indexOf('wgNamespaceNumber') !== -1) {
    var keys = [
                        var match = src.match(/"wgNamespaceNumber":(-?\d+)/);
        'data-' + lang,
                        if (match) mw.config.set('wgNamespaceNumber', parseInt(match[1], 10));
        'data-page-' + lang,
        'data-title-' + lang,
        'data-target-' + lang,
        'data-lang-' + lang
    ];


                        var matchTitle = src.match(/"wgTitle":"([^"]+)"/);
    for (var i = 0; i < keys.length; i++) {
                        if (matchTitle) mw.config.set('wgTitle', matchTitle[1]);
        var value = data.getAttribute(keys[i]);
        if (value) return value;
    }


                        var matchPage = src.match(/"wgPageName":"([^"]+)"/);
    return '';
                        if (matchPage) mw.config.set('wgPageName', matchPage[1]);
}


                        var matchArticle = src.match(/"wgArticleId":(\d+)/);
function escapeClbiHtml(value) {
                        if (matchArticle) {
    return String(value == null ? '' : value)
                            mw.config.set('wgArticleId', parseInt(matchArticle[1], 10));
        .replace(/&/g, '&amp;')
                        } else {
        .replace(/</g, '&lt;')
                            mw.config.set('wgArticleId', 0);
        .replace(/>/g, '&gt;')
                        }
        .replace(/"/g, '&quot;')
        .replace(/'/g, '&#039;');
}


                        var matchIsMainPage = src.match(/"wgIsMainPage":(true|false)/);
                        if (matchIsMainPage) {
                            mw.config.set('wgIsMainPage', matchIsMainPage[1] === 'true');
                        } else {
                            mw.config.set('wgIsMainPage', false);
                        }


                        var matchSpecial = src.match(/"wgCanonicalSpecialPageName":"([^"]+)"/);
var SIDEBAR_LANG_SVG_NS = 'http://www.w3.org/2000/svg';
                        if (matchSpecial) {
var SIDEBAR_LANGUAGE_STATUS_TITLE = 'MediaWiki:LanguageStatus.json';
                            mw.config.set('wgCanonicalSpecialPageName', matchSpecial[1]);
var SIDEBAR_LANGUAGE_LABELS = {
                        } else {
    ko: '한국어',
                            mw.config.set('wgCanonicalSpecialPageName', false);
    en: 'English',
                        }
    zh: '中文',
                        break;
    ja: '日本語',
                    }
    ru: 'Русский',
                }
    es: 'Español'
};
var SIDEBAR_LANGUAGE_DIAL_LABELS = {
    ko: '한국어',
    en: 'ENG',
    zh: '中文',
    ja: '日本語',
    ru: 'РУС',
    es: 'ESP'
};
var SIDEBAR_LANGUAGE_STATUS_VALUES = {
    available: true,
    wip: true,
    unavailable: true
};


                var newContent = doc.querySelector('.liberty-content-main');
var sidebarLanguageStatusRegistry = {};
                var newTitle = doc.querySelector('.mw-page-title-main');
var sidebarLanguageStatusLoaded = false;
                var newHead = doc.querySelector('title');
var sidebarLanguageStatusLoading = false;
                var newHeader = doc.querySelector('.liberty-content-header');
var sidebarLanguageStatusCallbacks = [];


                if (newContent) {
var sidebarLanguageState = {
                    $('#side-toc-box').remove();
    order: ['ko', 'en', 'zh', 'ja', 'ru', 'es'],
                    $('.profile-card').remove();
    currentLang: 'ko',
                    $('.user-profile-portal').removeClass('user-profile-portal');
    baseIndex: 0,
                    $('.liberty-content-main').html(newContent.innerHTML);
    selectedIndex: 0,
                    $('.profile-card').remove();
    rotation: 0,
                    $('body').removeClass('page-loading');
    dragging: false,
                }
    dragMoved: false,
    dragStartX: 0,
    dragStartY: 0,
    dragStartRotation: 0,
    dragAxis: null,
    pointerCaptured: false,
    lastX: 0,
    lastTime: 0,
    releaseVelocity: 0,
    suppressClickUntil: 0,
    raf: null,
    pendingRotation: 0,
    snapTimer: null,
    inertiaRaf: null,
    navigateTimer: null,
    bound: false,
    boundElement: null,
    rotor: null,
    cx: 101,
    cy: 119,
    outerR: 109,
    innerR: 28,
    sectorAngle: 30,
    halfSector: 15,
    repeats: 8,
    dragSensitivity: 0.58,
    maxSpinVelocity: 1.75,
    minSpinVelocity: 0.055,
    spinDecel: 0.00185
};


                if (newTitle) {
function createSidebarLanguageSvgEl(tag) {
                    $('.mw-page-title-main').html(newTitle.innerHTML);
    return document.createElementNS(SIDEBAR_LANG_SVG_NS, tag);
                }
}


                if (newHead) {
function normalizeSidebarLanguageIndex(index) {
                    document.title = newHead.textContent;
    var length = sidebarLanguageState.order.length;
                }
    var normalized = index % length;
    return normalized < 0 ? normalized + length : normalized;
}


                if (newHeader) {
function getSidebarLanguageName(lang) {
                    $('.liberty-content-header').html(newHeader.innerHTML);
    return SIDEBAR_LANGUAGE_LABELS[lang] || String(lang || '').toUpperCase();
                }
}


                if (typeof window.normalizeClbiShellDomOrder === 'function') window.normalizeClbiShellDomOrder();
function getSidebarLanguageDialName(lang) {
                window.scrollTo(0, 0);
    return SIDEBAR_LANGUAGE_DIAL_LABELS[lang] || getSidebarLanguageName(lang);
                mw.hook('wikipage.content').fire($('.liberty-content-main'));
}
                applyMainPageStyle();
                initCategoryNavIfAvailable(document);


                if (window.ProgressSystemWebUi && typeof window.ProgressSystemWebUi.handleSpaPageView === 'function') {
function normalizeSidebarLanguageStatusValue(value) {
                    window.ProgressSystemWebUi.handleSpaPageView();
    value = String(value == null ? '' : value).toLowerCase().trim();
                } else if (window.ProgressSystemWebUi && typeof window.ProgressSystemWebUi.boot === 'function') {
    return SIDEBAR_LANGUAGE_STATUS_VALUES[value] ? value : '';
                    window.ProgressSystemWebUi.boot('spa');
}
                }


                $('#side-toc-box').remove();
function getSidebarLanguageStatusPageKey() {
                setTimeout(moveTocToLeftSidebar, 100);
    var raw = String(mw.config.get('wgPageName') || '').trim();
                setTimeout(moveTocToLeftSidebar, 500);
    var normalized = normalizePageName(raw);
                setTimeout(moveTocToLeftSidebar, 1200);


                mw.loader.using(['mediawiki.api']).then(function() {
    return normalized || raw || '대문';
                    initProfile();
}
                    moveTocToLeftSidebar();
                });
            });
    }


// 목차 링크는 전용 처리
function getSidebarLanguageStatusEntry() {
$(document).on('click', '#side-toc-box a, #toc a, .toc a', function(e) {
    var registry = sidebarLanguageStatusRegistry || {};
     var href = $(this).attr('href');
    var pages = registry.pages && typeof registry.pages === 'object' ? registry.pages : registry;
     if (!href || href.charAt(0) !== '#') return;
    var raw = String(mw.config.get('wgPageName') || '').trim();
     var normalized = normalizePageName(raw);
    var title = String(mw.config.get('wgTitle') || '').trim();
     var keys = [
        normalized,
        raw,
        raw.replace(/_/g, ' '),
        normalized.replace(/ /g, '_'),
        title,
        title.replace(/_/g, ' ')
    ];
    var i;


     var rawId = href.slice(1);
     for (i = 0; i < keys.length; i += 1) {
    if (!rawId) return;
        if (keys[i] && pages[keys[i]] && typeof pages[keys[i]] === 'object') {
 
            return pages[keys[i]];
    var decodedId = rawId;
         }
 
    try {
         decodedId = decodeURIComponent(rawId);
    } catch (err) {
        decodedId = rawId;
     }
     }


     var target = document.getElementById(decodedId);
     return {};
}


    if (!target && window.CSS && CSS.escape) {
function getSidebarLanguageStatusOverride(lang) {
        target = document.querySelector('#' + CSS.escape(decodedId));
    var entry = getSidebarLanguageStatusEntry();
    }
    return normalizeSidebarLanguageStatusValue(entry[lang]);
}


     if (!target) return;
function flushSidebarLanguageStatusCallbacks() {
     var callbacks = sidebarLanguageStatusCallbacks.slice();
    sidebarLanguageStatusCallbacks.length = 0;


     e.preventDefault();
     callbacks.forEach(function(callback) {
     e.stopPropagation();
        if (typeof callback === 'function') {
            callback(sidebarLanguageStatusRegistry);
        }
     });
}


     var scrollTarget = target.closest('h2, h3') || target;
function loadSidebarLanguageStatusRegistry(callback, force) {
     if (typeof callback === 'function') {
        sidebarLanguageStatusCallbacks.push(callback);
    }


     scrollTarget.scrollIntoView({
     if (sidebarLanguageStatusLoaded && !force) {
         behavior: 'auto',
         flushSidebarLanguageStatusCallbacks();
         block: 'start'
         return;
     });
     }


     history.replaceState(null, '', '#' + rawId);
     if (sidebarLanguageStatusLoading) return;
});


     $(document).on('click', 'a', function(e) {
     sidebarLanguageStatusLoading = true;
        // 휠 클릭, 새 탭 열기, 보조키 이동은 브라우저 기본 동작을 유지한다.
        if (e.which && e.which !== 1) return;
        if (e.button && e.button !== 0) return;
        if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return;


         var href = $(this).attr('href');
    function finishLanguageStatus(parsed) {
         if (!href) return;
         sidebarLanguageStatusRegistry = parsed && typeof parsed === 'object' ? parsed : {};
        sidebarLanguageStatusLoaded = true;
        sidebarLanguageStatusLoading = false;
         flushSidebarLanguageStatusCallbacks();
    }


        // 목차 링크는 별도 핸들러에서 처리
    if (!force && window.EntryStore && typeof window.EntryStore.fetchJsonRef === 'function') {
        if ($(this).closest('#side-toc-box, #toc, .toc').length) return;
        window.EntryStore.fetchJsonRef(SIDEBAR_LANGUAGE_STATUS_TITLE, { noStore: false })
            .then(function (parsed) { finishLanguageStatus(parsed); })
            .catch(function () { finishLanguageStatus({}); });
        return;
    }


         // 단순 해시 링크는 SPA 가로채기 제외
    (function () {
         if (href.startsWith('#')) return;
         var url = mw.util.getUrl(SIDEBAR_LANGUAGE_STATUS_TITLE, {
            action: 'raw',
            ctype: 'application/json'
        });
         if (window.RevisionManifest && typeof window.RevisionManifest.addRevisionParam === 'function') {
            url = window.RevisionManifest.addRevisionParam(url, SIDEBAR_LANGUAGE_STATUS_TITLE);
        }
        $.ajax({
            url: url,
            dataType: 'text',
            cache: true
        }).done(function(text) {
            var parsed = {};


        var link = document.createElement('a');
            try {
        link.href = href;
                parsed = text ? JSON.parse(text) : {};
            } catch (err) {
                console.error('LanguageStatus.json parse failed:', err);
                parsed = {};
            }


         var samePath = decodeURIComponent(link.pathname) === decodeURIComponent(window.location.pathname);
            finishLanguageStatus(parsed);
         var sameSearch = (link.search || '') === (window.location.search || '');
         }).fail(function() {
            finishLanguageStatus({});
         });
    })();
}


        if (link.hash && samePath && sameSearch) return;
window.CLBI_LANGUAGE_STATUS = {
 
    title: SIDEBAR_LANGUAGE_STATUS_TITLE,
         var currentBase = window.location.href.split('#')[0];
    languages: sidebarLanguageState.order.slice(),
         var targetBase = link.href.split('#')[0];
    labels: SIDEBAR_LANGUAGE_LABELS,
 
    dialLabels: SIDEBAR_LANGUAGE_DIAL_LABELS,
         if (link.hash && currentBase === targetBase) return;
    getPageKey: getSidebarLanguageStatusPageKey,
    getRegistry: function() {
        return sidebarLanguageStatusRegistry || {};
    },
    reload: function(callback) {
         sidebarLanguageStatusLoaded = false;
        loadSidebarLanguageStatusRegistry(function() {
            renderSidebarLanguageBox();
            if (typeof callback === 'function') callback(sidebarLanguageStatusRegistry);
         }, true);
    },
    refreshDial: function() {
         renderSidebarLanguageBox();
    }
};


        if (!isInternal(href)) return;
function getSidebarLanguageMeta(lang) {
        if (shouldSkip(href)) return;
    var currentLang = getCurrentLang();
    var targetTitle = getLanguageTargetTitle(lang);
    var isCurrent = lang === currentLang;


         e.preventDefault();
    return {
         playStaticSound();
        lang: lang,
         $('body').addClass('page-loading');
         code: getLangShortCode(lang),
         history.pushState(null, '', href);
         name: getSidebarLanguageName(lang),
         loadPage(href);
         dialName: getSidebarLanguageDialName(lang),
     });
         targetTitle: targetTitle,
        isCurrent: isCurrent,
         canMove: !!targetTitle && !isCurrent
     };
}


    window.addEventListener('popstate', function() {
function getSidebarLanguageStatus(meta) {
        loadPage(window.location.href);
     var override;
     });
});


// 시간 계산 함수
    if (!meta) {
function timeAgo(timestamp) {
        return {
    var now = new Date();
            className: 'is-locked',
    var date = new Date(timestamp);
            label: 'UNAVAILABLE',
     var diff = Math.floor((now - date) / 1000);
            canApply: false
        };
     }


     if (diff < 60) return diff + '초 전';
     if (meta.isCurrent) {
    if (diff < 3600) return Math.floor(diff / 60) + '분 전';
        return {
    if (diff < 86400) return Math.floor(diff / 3600) + '시간 전';
            className: 'is-current',
     return Math.floor(diff / 86400) + '일 전';
            label: 'CURRENT',
}
            canApply: false
        };
     }


// 펼접 토글
     override = getSidebarLanguageStatusOverride(meta.lang);
// 펼접 토글
function getFoldTexts() {
     var lang = getCurrentLang();
    return (window.LANG && window.LANG[lang])
        ? window.LANG[lang]
        : (window.LANG ? window.LANG.ko : { expand: '펼치기', collapse: '접기' });
}


function refreshOpenAncestors($start) {
     if (override === 'wip') {
     $start.parents('[id^="collapsible"]').each(function () {
         return {
         var $parent = $(this);
            className: 'is-locked',
        if (!$parent.hasClass('folding-open')) return;
            label: 'WIP',
            canApply: false
        };
    }


        // 이미 fully open 상태면 굳이 다시 잠그지 않음
    if (override === 'unavailable') {
        if ($parent.data('fold-state') === 'open') {
        return {
             return;
             className: 'is-locked',
        }
            label: 'UNAVAILABLE',
            canApply: false
        };
    }


         $parent.css('max-height', this.scrollHeight + 'px');
    if (override === 'available' || meta.targetTitle) {
    });
         return {
}
            className: meta.targetTitle ? 'is-ready' : 'is-locked',
            label: meta.targetTitle ? 'AVAILABLE' : 'UNAVAILABLE',
            canApply: !!meta.targetTitle
        };
    }


function bindInnerResizeUpdates($target) {
     return {
    // 이미지 늦게 로드될 때 높이 갱신
         className: 'is-locked',
     $target.find('img').off('.foldimg').on('load.foldimg', function () {
        label: 'UNAVAILABLE',
         if ($target.hasClass('folding-open')) {
         canApply: false
            if ($target.data('fold-state') !== 'open') {
     };
                $target.css('max-height', $target[0].scrollHeight + 'px');
            }
            refreshOpenAncestors($target);
         }
     });
}
}


function openFold($target, $btn) {
function sidebarLanguageRad(deg) {
     var t = getFoldTexts();
     return (deg * Math.PI) / 180;
}


    $target.data('fold-state', 'opening');
function sidebarLanguagePointAt(radius, deg) {
     $target.addClass('folding-open');
    var state = sidebarLanguageState;
     var angle = sidebarLanguageRad(deg);


     // 열린 뒤 자연 확장 가능하게 만들기 위해 먼저 px로 열기
     return {
    $target.css('max-height', '0px');
        x: state.cx + Math.sin(angle) * radius,
    $target[0].offsetHeight;
        y: state.cy - Math.cos(angle) * radius
    $target.css('max-height', $target[0].scrollHeight + 'px');
    };
}


     $btn.text(t.collapse);
function getSidebarLanguageSectorPath(start, end) {
    var state = sidebarLanguageState;
    var p1 = sidebarLanguagePointAt(state.outerR, start);
    var p2 = sidebarLanguagePointAt(state.outerR, end);
     var p3 = sidebarLanguagePointAt(state.innerR, end);
    var p4 = sidebarLanguagePointAt(state.innerR, start);
    var largeArc = Math.abs(end - start) > 180 ? 1 : 0;


     bindInnerResizeUpdates($target);
     return [
 
        'M', p1.x.toFixed(3), p1.y.toFixed(3),
    // 바깥 펼접 즉시 갱신
        'A', state.outerR, state.outerR, 0, largeArc, 1, p2.x.toFixed(3), p2.y.toFixed(3),
     refreshOpenAncestors($target);
        'L', p3.x.toFixed(3), p3.y.toFixed(3),
        'A', state.innerR, state.innerR, 0, largeArc, 0, p4.x.toFixed(3), p4.y.toFixed(3),
        'Z'
     ].join(' ');
}


    // 전환 끝나면 none으로 풀어서 중첩 펼접/동적 내용 증가를 자연스럽게 허용
function getSidebarLanguageShellPath() {
    $target.off('transitionend.foldopen').on('transitionend.foldopen', function (e) {
    return getSidebarLanguageSectorPath(-68, 68);
        if (e.target !== this) return;
}
        if (!$target.hasClass('folding-open')) return;


        $target.css('max-height', 'none');
function getSidebarLanguageByStep(step) {
        $target.data('fold-state', 'open');
    var state = sidebarLanguageState;
    var index = normalizeSidebarLanguageIndex(state.baseIndex + step);


         refreshOpenAncestors($target);
    return {
     });
        index: index,
         meta: getSidebarLanguageMeta(state.order[index])
     };
}


    // 늦게 렌더되는 콘텐츠 대응
function getSidebarLanguagePreviewIndex() {
    requestAnimationFrame(function () {
    var state = sidebarLanguageState;
        if ($target.hasClass('folding-open') && $target.data('fold-state') !== 'open') {
    var step = Math.round(-state.rotation / state.sectorAngle);
            $target.css('max-height', $target[0].scrollHeight + 'px');
    return normalizeSidebarLanguageIndex(state.baseIndex + step);
            refreshOpenAncestors($target);
}
        }
    });


    setTimeout(function () {
function getSidebarLanguagePreviewMeta() {
        if ($target.hasClass('folding-open') && $target.data('fold-state') !== 'open') {
    var state = sidebarLanguageState;
            $target.css('max-height', $target[0].scrollHeight + 'px');
    return getSidebarLanguageMeta(state.order[getSidebarLanguagePreviewIndex()]);
            refreshOpenAncestors($target);
}
        }
    }, 80);


     setTimeout(function () {
function makeSidebarLanguageSector(step) {
        if ($target.hasClass('folding-open') && $target.data('fold-state') !== 'open') {
     var state = sidebarLanguageState;
            $target.css('max-height', $target[0].scrollHeight + 'px');
    var item = getSidebarLanguageByStep(step);
            refreshOpenAncestors($target);
    var group = createSidebarLanguageSvgEl('g');
        }
    var path = createSidebarLanguageSvgEl('path');
     }, 220);
    var label = createSidebarLanguageSvgEl('text');
}
    var labelY = state.cy - 78;
    var angle = step * state.sectorAngle;
 
    group.setAttribute('class', 'sidebar-lang-sector-group');
    group.setAttribute('data-step', String(step));
    group.setAttribute('data-index', String(item.index));
    group.setAttribute('data-lang', item.meta.lang);
    group.setAttribute('transform', 'rotate(' + angle + ' ' + state.cx + ' ' + state.cy + ')');
 
    path.setAttribute('class', 'sidebar-lang-sector');
     path.setAttribute('d', getSidebarLanguageSectorPath(-state.halfSector, state.halfSector));


function closeFold($target, $btn) {
    label.setAttribute('class', 'sidebar-lang-sector-label');
     var t = getFoldTexts();
    label.setAttribute('x', String(state.cx));
     label.setAttribute('y', String(labelY + 5));
    label.textContent = item.meta.dialName || item.meta.name;


     // none 상태에서 닫으면 transition이 안 되므로 실제 높이로 고정
     group.appendChild(path);
    if ($target.css('max-height') === 'none' || $target.data('fold-state') === 'open') {
     group.appendChild(label);
        $target.css('max-height', $target[0].scrollHeight + 'px');
     } else {
        $target.css('max-height', $target[0].scrollHeight + 'px');
    }


     $target.data('fold-state', 'closing');
     group.addEventListener('click', function(e) {
    $target[0].offsetHeight;
        if (sidebarLanguageState.dragging || performance.now() < sidebarLanguageState.suppressClickUntil) return;
    $target.css('max-height', '0px');
    $target.removeClass('folding-open');


    $btn.text(t.expand);
        e.preventDefault();
        e.stopPropagation();


     refreshOpenAncestors($target);
        cancelSidebarLanguageSpin();
        snapSidebarLanguageToStep(parseInt(group.getAttribute('data-step') || '0', 10), true);
     });


     setTimeout(function () {
     return group;
        refreshOpenAncestors($target);
        $target.data('fold-state', 'closed');
    }, 250);
}
}


$(function () {
function renderSidebarLanguageWheel() {
     $(document)
     var state = sidebarLanguageState;
        .off('click.clbiToggle')
    var fan = document.getElementById('clbi-sidebar-lang-fan');
        .on('click.clbiToggle', '.toggleBtn', function () {
    var svg;
            var $btn = $(this);
    var defs;
            var targetId = $btn.data('target');
    var clip;
            var $target = $('#' + targetId);
    var clipPath;
            if (!$target.length) return;
    var shadowBlur;
    var blur;
    var fixedDepthGradient;
    var shell;
    var clipped;
    var rotor;
    var fixedDepthPath;
    var fixedFocus;
    var shadowSoft;
    var shadowHard;
    var rim;
    var pointer;
    var tri;
    var line;
    var step;


            var scrollY = window.scrollY;
    if (!fan) return;


            if ($target.hasClass('folding-open')) {
    fan.innerHTML = '';
                closeFold($target, $btn);
            } else {
                openFold($target, $btn);
            }


            window.scrollTo(0, scrollY);
    svg = createSidebarLanguageSvgEl('svg');
        });
    svg.setAttribute('class', 'sidebar-lang-fan-svg');
});
    svg.setAttribute('viewBox', '0 0 202 150');
    svg.setAttribute('preserveAspectRatio', 'xMidYMid meet');
    svg.setAttribute('role', 'img');
    svg.setAttribute('aria-label', '언어 선택 다이얼');


// ========== 프로필 시스템 ==========
    defs = createSidebarLanguageSvgEl('defs');
function initProfile() {
    $('.profile-card').remove();
    $('.user-profile-portal').removeClass('user-profile-portal');


     var token = ++PROFILE_RENDER_TOKEN;
     clip = createSidebarLanguageSvgEl('clipPath');
     var ns = mw.config.get('wgNamespaceNumber');
     clip.setAttribute('id', 'clbi-sidebar-language-fan-clip');
     var title = mw.config.get('wgTitle');
     clipPath = createSidebarLanguageSvgEl('path');
     var specialPage = mw.config.get('wgCanonicalSpecialPageName');
     clipPath.setAttribute('d', getSidebarLanguageShellPath());
     var isProfileSettings = specialPage === '사용자정보';
     clip.appendChild(clipPath);


     $('body').toggleClass('user-profile-page', ns === 2);
     shadowBlur = createSidebarLanguageSvgEl('filter');
     $('body').toggleClass('user-profile-settings-page', isProfileSettings);
    shadowBlur.setAttribute('id', 'clbi-sidebar-language-shadow-blur');
    shadowBlur.setAttribute('x', '-20%');
    shadowBlur.setAttribute('y', '-20%');
    shadowBlur.setAttribute('width', '140%');
    shadowBlur.setAttribute('height', '140%');
     blur = createSidebarLanguageSvgEl('feGaussianBlur');
    blur.setAttribute('stdDeviation', '3');
    shadowBlur.appendChild(blur);


     if (ns === 2) {
     fixedDepthGradient = createSidebarLanguageSvgEl('linearGradient');
        var profileUser = title.split('/')[0];
    fixedDepthGradient.setAttribute('id', 'clbi-sidebar-language-fixed-depth');
        renderProfile(profileUser, token);
    fixedDepthGradient.setAttribute('x1', '0');
     }
    fixedDepthGradient.setAttribute('y1', '0');
     fixedDepthGradient.setAttribute('x2', '0');
    fixedDepthGradient.setAttribute('y2', '1');


     if (isProfileSettings) {
     [
         initUserProfilePage();
        ['0%', '#ffffff', '0.030'],
     }
        ['34%', '#ffffff', '0.006'],
}
        ['58%', '#000000', '0.030'],
        ['100%', '#000000', '0.250']
    ].forEach(function(item) {
         var stop = createSidebarLanguageSvgEl('stop');
        stop.setAttribute('offset', item[0]);
        stop.setAttribute('stop-color', item[1]);
        stop.setAttribute('stop-opacity', item[2]);
        fixedDepthGradient.appendChild(stop);
     });


function renderProfile(username, token) {
     defs.appendChild(clip);
     var api = new mw.Api();
     defs.appendChild(shadowBlur);
     api.get({
     defs.appendChild(fixedDepthGradient);
        action: 'query',
    svg.appendChild(defs);
        list: 'users',
        ususers: username,
        usprop: 'editcount'
     }).then(function(data) {
        if (token !== PROFILE_RENDER_TOKEN) return;
        if (mw.config.get('wgNamespaceNumber') !== 2) return;


        var currentTitle = String(mw.config.get('wgTitle') || '').split('/')[0];
    shell = createSidebarLanguageSvgEl('path');
        if (currentTitle !== username) return;
    shell.setAttribute('class', 'sidebar-lang-shell');
    shell.setAttribute('d', getSidebarLanguageShellPath());
    svg.appendChild(shell);


        var user = data.query.users[0];
    clipped = createSidebarLanguageSvgEl('g');
        var contentEl = document.getElementById('mw-content-text');
    clipped.setAttribute('clip-path', 'url(#clbi-sidebar-language-fan-clip)');
        if (!contentEl) return;


        var pageContent = contentEl.querySelector('.mw-parser-output') || contentEl;
    rotor = createSidebarLanguageSvgEl('g');
        injectProfileCard(username, user, pageContent);
    rotor.setAttribute('id', 'clbi-sidebar-lang-wheel-rotor');
     });
     rotor.setAttribute('class', 'sidebar-lang-wheel-rotor');
}


function injectProfileCard(username, userData, container) {
    for (step = -state.repeats; step <= state.repeats; step += 1) {
    var isOwnPage = mw.config.get('wgUserName') === username;
         rotor.appendChild(makeSidebarLanguageSector(step));
    var editCount = (userData && userData.editcount) ? userData.editcount : 0;
 
    function escapeHtml(value) {
         return String(value == null ? '' : value)
            .replace(/&/g, '&amp;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/"/g, '&quot;')
            .replace(/'/g, '&#039;');
     }
     }


     container.classList.add('user-profile-portal');
     clipped.appendChild(rotor);
    svg.appendChild(clipped);


     var safeUsername = escapeHtml(username);
     fixedDepthPath = createSidebarLanguageSvgEl('path');
     var avatarSrc = '/index.php?title=특수:Redirect/file/Pfp-' + encodeURIComponent(username) + '.png&width=220';
     fixedDepthPath.setAttribute('class', 'sidebar-lang-fixed-depth');
     var fallbackSrc = '/index.php?title=특수:Redirect/file/Pfp-default.png&width=220';
     fixedDepthPath.setAttribute('d', getSidebarLanguageShellPath());
     var editBtn = isOwnPage
     svg.appendChild(fixedDepthPath);
        ? '<a href="/index.php/특수:사용자정보" class="profile-edit-btn"><span class="profile-edit-label">프로필 수정</span><span class="profile-edit-arrow">›</span></a>'
        : '';


     var progressHtml = isOwnPage
     fixedFocus = createSidebarLanguageSvgEl('path');
        ? '<div class="profile-page-progress is-syncing" data-profile-progress>' +
    fixedFocus.setAttribute('class', 'sidebar-lang-fixed-focus');
            '<div class="profile-section-title">LEVEL RECORD</div>' +
    fixedFocus.setAttribute('d', getSidebarLanguageSectorPath(-state.halfSector, state.halfSector));
            '<div class="profile-page-progress-body">' +
    svg.appendChild(fixedFocus);
                '<div class="profile-page-progress-row">' +
 
                    '<span class="profile-page-level">SYNC</span>' +
    shadowSoft = createSidebarLanguageSvgEl('path');
                    '<span class="profile-page-total-xp">— XP</span>' +
    shadowSoft.setAttribute('class', 'sidebar-lang-inner-shadow-soft');
                '</div>' +
    shadowSoft.setAttribute('d', getSidebarLanguageShellPath());
                '<div class="profile-page-xp-bar" aria-hidden="true"><div class="profile-page-xp-fill"></div></div>' +
    svg.appendChild(shadowSoft);
                '<div class="profile-page-progress-sub">SYNCING</div>' +
 
                '<div class="profile-page-progress-meta">TODAY — · DISCOVERED —</div>' +
    shadowHard = createSidebarLanguageSvgEl('path');
            '</div>' +
    shadowHard.setAttribute('class', 'sidebar-lang-inner-shadow-hard');
        '</div>'
    shadowHard.setAttribute('d', getSidebarLanguageShellPath());
        : '';
    svg.appendChild(shadowHard);
 
    rim = createSidebarLanguageSvgEl('path');
    rim.setAttribute('class', 'sidebar-lang-rim');
    rim.setAttribute('d', getSidebarLanguageShellPath());
    svg.appendChild(rim);


     var card = document.createElement('div');
     pointer = createSidebarLanguageSvgEl('g');
     card.className = 'profile-card profile-page-console';
     pointer.setAttribute('class', 'sidebar-lang-fixed-pointer');
    card.innerHTML =
    pointer.setAttribute('clip-path', 'url(#clbi-sidebar-language-fan-clip)');
        '<div class="profile-card-titlebar">' +
            '<span>USER PROFILE</span>' +
            '<span>OFFICIAL ARCHIVE</span>' +
        '</div>' +
        '<div class="profile-card-body">' +
            '<div class="profile-identity-row">' +
                '<div class="profile-avatar-bay">' +
                    '<img src="' + avatarSrc + '" onerror="this.onerror=null;this.src=\'' + fallbackSrc + '\';" alt="' + safeUsername + '">' +
                '</div>' +
                '<div class="profile-info-panel">' +
                    '<div class="profile-nameplate">' +
                        '<h2 class="profile-username">' + safeUsername + '</h2>' +
                        editBtn +
                    '</div>' +
                    '<div class="profile-name" data-field="name"></div>' +
                    '<div class="profile-role" data-field="role"></div>' +
                    '<div class="profile-discord" data-field="discord"></div>' +
                '</div>' +
            '</div>' +
            '<div class="profile-lower-grid">' +
                '<div class="profile-bio-panel">' +
                    '<div class="profile-section-title">BIOGRAPHY</div>' +
                    '<div class="profile-bio" data-field="bio"></div>' +
                '</div>' +
                '<div class="profile-stats-panel">' +
                    '<div class="profile-section-title">RECORD</div>' +
                    '<div class="profile-stats">' +
                        progressHtml +
                        '<div class="profile-stat-grid">' +
                            '<div class="profile-stat">' +
                                '<span class="clbi-stat-value">' + editCount + '</span>' +
                                '<span class="clbi-stat-label">수정 횟수</span>' +
                            '</div>' +
                            '<div class="profile-stat" data-contrib-pages-stat>' +
                                '<span class="clbi-stat-value" data-contrib-pages-value>SYNC</span>' +
                                '<span class="clbi-stat-label">기여 문서</span>' +
                            '</div>' +
                        '</div>' +
                        '<div class="profile-info-grid">' +
                            '<div class="profile-info-stat">' +
                                '<span class="profile-info-label">TIME</span>' +
                                '<span class="profile-info-value" data-profile-time>UTC --:--</span>' +
                            '</div>' +
                            '<div class="profile-info-stat">' +
                                '<span class="profile-info-label">LANGUAGE</span>' +
                                '<span class="profile-info-value" data-profile-language>—</span>' +
                            '</div>' +
                        '</div>' +
                    '</div>' +
                '</div>' +
            '</div>' +
        '</div>';


     $('.profile-card').remove();
     tri = createSidebarLanguageSvgEl('path');
     container.insertBefore(card, container.firstChild);
     tri.setAttribute('class', 'sidebar-lang-pointer-triangle');
     loadProfileFields(username, card);
     tri.setAttribute('d', 'M ' + (state.cx - 10) + ' 10 L ' + (state.cx + 10) + ' 10 L ' + state.cx + ' 26 Z');
    loadProfileContributionPages(username, card);
     pointer.appendChild(tri);
     updateProfilePageEnvironment(card, null);


     if (isOwnPage) {
     line = createSidebarLanguageSvgEl('line');
        loadProfileProgressForUserPage(card);
    line.setAttribute('class', 'sidebar-lang-pointer-line');
     }
    line.setAttribute('x1', String(state.cx));
}
    line.setAttribute('x2', String(state.cx));
     line.setAttribute('y1', '24');
    line.setAttribute('y2', '112');
    pointer.appendChild(line);
 
    svg.appendChild(pointer);
    fan.appendChild(svg);


function getProfileLanguageLabel() {
     state.rotor = rotor;
     var lang = getCurrentLang();
     setSidebarLanguageRotation(state.rotation, false);
     return SIDEBAR_LANGUAGE_LABELS[lang] || (lang ? lang.toUpperCase() : '—');
}
}


function updateProfilePageEnvironment(card, summary) {
function updateSidebarLanguageDial() {
     if (!card) return;
     var state = sidebarLanguageState;
    var meta = getSidebarLanguagePreviewMeta();
    var status = getSidebarLanguageStatus(meta);
    var selector = document.getElementById('clbi-sidebar-lang-selector');
    var apply = document.getElementById('clbi-sidebar-lang-apply');
    var selectedValue = document.getElementById('clbi-sidebar-lang-selected-value');
    var availabilityPanel = document.getElementById('clbi-sidebar-lang-availability-panel');
    var availabilityValue = document.getElementById('clbi-sidebar-lang-availability-value');


     var timezone = summary && summary.timezone ? summary.timezone : 'UTC';
     if (selectedValue) {
    var timeEl = card.querySelector('[data-profile-time]');
        selectedValue.textContent = meta.name;
     var langEl = card.querySelector('[data-profile-language]');
     }


     if (timeEl) {
     if (availabilityPanel) {
         try {
         availabilityPanel.classList.remove('is-ready', 'is-current', 'is-locked');
            timeEl.textContent = timezone + ' ' + new Intl.DateTimeFormat('ko-KR', {
         availabilityPanel.classList.add(status.className);
                hour: '2-digit',
                minute: '2-digit',
                hour12: false,
                timeZone: timezone
            }).format(new Date());
         } catch (err) {
            timeEl.textContent = 'UTC ' + new Intl.DateTimeFormat('ko-KR', {
                hour: '2-digit',
                minute: '2-digit',
                hour12: false,
                timeZone: 'UTC'
            }).format(new Date());
        }
     }
     }


     if (langEl) {
     if (availabilityValue) {
         langEl.textContent = getProfileLanguageLabel();
         availabilityValue.textContent = status.label;
    }
 
    if (apply) {
        apply.classList.toggle('is-disabled', !status.canApply);
        apply.setAttribute('aria-disabled', status.canApply ? 'false' : 'true');
        apply.setAttribute('aria-label', status.canApply ? (meta.name + ' 적용') : (meta.isCurrent ? '현재 언어' : '사용할 수 없는 언어'));
    }
 
    if (selector) {
        selector.setAttribute('data-selected-lang', meta.lang);
        selector.setAttribute('data-selected-code', meta.code);
        selector.classList.toggle('is-current', meta.isCurrent);
        selector.classList.toggle('is-ready', status.canApply);
        selector.classList.toggle('is-locked', !status.canApply && !meta.isCurrent);
        selector.classList.toggle('is-dragging', !!state.dragging);
        selector.classList.toggle('is-spinning', !!state.inertiaRaf);
     }
     }
    return {
        meta: meta,
        status: status
    };
}
}


function loadProfileContributionPages(username, card) {
function setSidebarLanguageRotation(value, animate) {
     if (!username || !card) return;
     var state = sidebarLanguageState;
     if (!mw.loader || typeof mw.loader.using !== 'function') return;
     state.rotation = value;
    updateSidebarLanguageDial();


    var valueEl = card.querySelector('[data-contrib-pages-value]');
     if (!state.rotor) return;
     if (valueEl) valueEl.textContent = 'SYNC';


     mw.loader.using(['mediawiki.api']).then(function () {
     if (animate) {
         var api = new mw.Api();
        $('#clbi-sidebar-lang-selector').addClass('is-snapping');
        var pages = Object.create(null);
    } else {
        var cont = {};
         $('#clbi-sidebar-lang-selector').removeClass('is-snapping');
        var guard = 0;
    }


        function requestNext() {
    state.rotor.style.transform = 'rotate(' + state.rotation.toFixed(3) + 'deg)';
            guard++;
}


            var params = Object.assign({
function requestSidebarLanguageRotation(value) {
                action: 'query',
    var state = sidebarLanguageState;
                list: 'usercontribs',
    state.pendingRotation = value;
                ucuser: username,
                ucnamespace: 0,
                ucprop: 'title',
                uclimit: 'max',
                format: 'json',
                formatversion: 2
            }, cont);


            return api.get(params).then(function (data) {
    if (state.raf) return;
                var rows = data && data.query && data.query.usercontribs ? data.query.usercontribs : [];


                rows.forEach(function (row) {
    state.raf = requestAnimationFrame(function() {
                    if (row && row.title) pages[row.title] = true;
        state.raf = null;
                });
        setSidebarLanguageRotation(state.pendingRotation, false);
    });
}


                if (data && data.continue && data.continue.uccontinue && guard < 40) {
function cancelSidebarLanguageSpin() {
                    cont = data.continue;
    var state = sidebarLanguageState;
                    return requestNext();
                }


                if (valueEl) valueEl.textContent = Object.keys(pages).length;
    if (state.inertiaRaf) {
            });
        cancelAnimationFrame(state.inertiaRaf);
        }
        state.inertiaRaf = null;
    }


        requestNext().fail(function () {
    $('#clbi-sidebar-lang-selector').removeClass('is-spinning');
            if (valueEl) valueEl.textContent = '—';
        });
    });
}
}


function loadProfileProgressForUserPage(card) {
function finishSidebarLanguageSnap(nearestIndex, callback) {
     if (!mw.config.get('wgUserName')) return;
     var state = sidebarLanguageState;
     if (!mw.loader || typeof mw.loader.using !== 'function') return;
 
    state.baseIndex = normalizeSidebarLanguageIndex(nearestIndex);
     state.selectedIndex = state.baseIndex;
    state.rotation = 0;
    state.dragging = false;


     mw.loader.using(['mediawiki.api']).then(function () {
     $('#clbi-sidebar-lang-selector').removeClass('is-snapping is-dragging is-spinning');
        var api = new mw.Api();
 
        api.get({
    renderSidebarLanguageWheel();
            action: 'progress_summary',
    updateSidebarLanguageDial();
            format: 'json',
 
            formatversion: 2
    if (typeof callback === 'function') {
        }).then(function (data) {
        callback(getSidebarLanguageMeta(state.order[state.selectedIndex]));
            var payload = data && data.progress_summary;
     }
            if (!payload || !payload.available || !payload.summary) return;
            updateUserPageProgress(card, payload.summary);
            updateProfilePageEnvironment(card, payload.summary);
        });
     });
}
}


function updateUserPageProgress(card, summary) {
function snapSidebarLanguageToStep(step, animate, callback) {
     var panel = card.querySelector('[data-profile-progress]');
     var state = sidebarLanguageState;
     if (!panel || !summary) return;
    var targetRotation = -step * state.sectorAngle;
     var nearestIndex = normalizeSidebarLanguageIndex(state.baseIndex + step);


     var level = summary.level || 1;
     cancelSidebarLanguageSpin();
    var totalXp = summary.totalXp || 0;
     clearTimeout(state.snapTimer);
    var xpIntoLevel = summary.xpIntoLevel || 0;
    var xpForNext = summary.xpForNextLevel || 1;
     var percent = Math.max(0, Math.min(100, summary.progressPercent || 0));
    var isMaxLevel = !!summary.isMaxLevel;
    var dailyXp = summary.dailyXp || 0;
    var discoveries = summary.discoveryCount || 0;


     panel.classList.remove('is-syncing');
     state.selectedIndex = nearestIndex;
     panel.classList.toggle('is-max-level', isMaxLevel);
     setSidebarLanguageRotation(targetRotation, !!animate);


     var levelEl = panel.querySelector('.profile-page-level');
     state.snapTimer = setTimeout(function() {
    var totalEl = panel.querySelector('.profile-page-total-xp');
        finishSidebarLanguageSnap(nearestIndex, callback);
    var fillEl = panel.querySelector('.profile-page-xp-fill');
     }, animate ? 230 : 0);
    var subEl = panel.querySelector('.profile-page-progress-sub');
    var metaEl = panel.querySelector('.profile-page-progress-meta');
 
    if (levelEl) levelEl.textContent = (isMaxLevel ? 'MAX ' : 'LVL ') + level;
    if (totalEl) totalEl.textContent = totalXp + ' XP';
    if (fillEl) fillEl.style.width = percent + '%';
     if (subEl) subEl.textContent = isMaxLevel ? 'MAX LEVEL' : (xpIntoLevel + ' / ' + xpForNext + ' TO NEXT');
    if (metaEl) metaEl.textContent = 'TODAY ' + dailyXp + ' XP · DISCOVERED ' + discoveries;
}
}


function loadProfileFields(username, card) {
function snapSidebarLanguageNearest(callback) {
     var api = new mw.Api();
     var state = sidebarLanguageState;
     api.get({
     var step = Math.round(-state.rotation / state.sectorAngle);
        action: 'userprofile',
     snapSidebarLanguageToStep(step, true, callback);
        user: username
    }).then(function(data) {
        var profile = data.userprofile;
        updateProfileFields(card, {
            name: profile.name || '',
            discord: profile.discord || '',
            role: profile.role || '',
            bio: profile.bio || ''
        });
     }).fail(function() {
        updateProfileFields(card, {
            name: '',
            discord: '',
            role: '',
            bio: ''
        });
    });
}
}


function updateProfileFields(card, data) {
function startSidebarLanguageInertiaSpin(initialVelocity) {
     var nameEl = card.querySelector('[data-field="name"]');
     var state = sidebarLanguageState;
     var roleEl = card.querySelector('[data-field="role"]');
     var velocity;
     var discordEl = card.querySelector('[data-field="discord"]');
     var lastFrame;
    var bioEl = card.querySelector('[data-field="bio"]');
    if (nameEl) nameEl.textContent = data.name || '';
    if (roleEl) roleEl.textContent = data.role || '';
    if (discordEl) discordEl.textContent = data.discord ? ('디스코드: ' + data.discord) : '';
    if (bioEl) bioEl.textContent = data.bio || '';
}
// ========== 프로필 시스템 끝 ==========


// ========== 알림 시스템 ==========
     cancelSidebarLanguageSpin();
function ensureNotificationPopup() {
     if (document.getElementById('clbi-notification-popup')) return;


     var popup = document.createElement('div');
     velocity = Math.max(-state.maxSpinVelocity, Math.min(state.maxSpinVelocity, initialVelocity));
    popup.id = 'clbi-notification-popup';
    popup.style.cssText =
        'display:none;position:fixed;z-index:99999;width:320px;max-height:420px;' +
        'background:#0a0909;border:2px solid #854369;border-radius:5px;' +
        'box-shadow:0 0 0 1px #1a1a1a, 0 8px 24px rgba(0,0,0,0.55);overflow:hidden;';


     popup.innerHTML =
     if (Math.abs(velocity) < state.minSpinVelocity) {
         '<div style="padding:10px 12px;border-bottom:2px solid #854369;background:linear-gradient(to bottom, #171114 0%, #0a0909 100%);color:#E2E2E2;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:8px;">' +
         snapSidebarLanguageNearest();
            '<span>알림</span>' +
        return;
            '<button type="button" id="clbi-notification-readall" style="background:#171717;border:1px solid #854369;border-radius:6px;color:#E2E2E2;font-size:11px;font-weight:700;padding:4px 8px;cursor:pointer;">전체 읽음</button>' +
    }
        '</div>' +
 
         '<div id="clbi-notification-list" style="max-height:320px;overflow-y:auto;padding:8px 0;color:#E2E2E2;font-size:12px;">불러오는 중...</div>' +
    $('#clbi-sidebar-lang-selector').addClass('is-spinning');
         '<div style="padding:8px;border-top:1px solid #2a2a2a;background:#111;">' +
    lastFrame = performance.now();
            '<a href="/index.php?title=Special:Notifications" id="clbi-notification-more" style="display:block;width:100%;text-align:center;padding:8px 10px;border-radius:6px;background:#171717;border:1px solid #854369;color:#E2E2E2 !important;text-decoration:none !important;font-size:12px;font-weight:700;">더보기</a>' +
 
         '</div>';
    function frame(now) {
         var dt = Math.min(34, Math.max(1, now - lastFrame));
         var sign = velocity < 0 ? -1 : 1;
         var nextSpeed;


    document.body.appendChild(popup);
        lastFrame = now;
}
        state.rotation += velocity * dt;
        setSidebarLanguageRotation(state.rotation, false);


function positionNotificationPopup() {
        nextSpeed = Math.max(0, Math.abs(velocity) - (state.spinDecel * dt));
    var btn = document.getElementById('profile-quick-notifications');
        velocity = sign * nextSpeed;
    var popup = document.getElementById('clbi-notification-popup');
    if (!btn || !popup) return;


    var rect = btn.getBoundingClientRect();
        if (nextSpeed <= state.minSpinVelocity) {
    var top = rect.bottom + 6;
            state.inertiaRaf = null;
    var left = rect.left + (rect.width / 2) - (popup.offsetWidth / 2);
            $('#clbi-sidebar-lang-selector').removeClass('is-spinning');
            snapSidebarLanguageNearest();
            return;
        }


    if (left < 8) left = 8;
         state.inertiaRaf = requestAnimationFrame(frame);
    if (left + popup.offsetWidth > window.innerWidth - 8) {
         left = window.innerWidth - popup.offsetWidth - 8;
    }
    if (top + popup.offsetHeight > window.innerHeight - 8) {
        top = Math.max(8, rect.top - popup.offsetHeight - 6);
     }
     }


     popup.style.top = top + 'px';
     state.inertiaRaf = requestAnimationFrame(frame);
    popup.style.left = left + 'px';
}
}


function parseNotificationItemsFromHtml(html) {
function scheduleSidebarLanguageNavigation(meta) {
     var parser = new DOMParser();
     var status = getSidebarLanguageStatus(meta);
    var doc = parser.parseFromString(html, 'text/html');


     var selectors = [
     if (!meta || !status.canApply) return;
        '.mw-echo-ui-notificationItemWidget',
        '.mw-echo-ui-notificationsInboxWidgetRow',
        '.echo-ui-notificationItemWidget',
        'li[data-notification-id]',
        '.mw-echo-notifications-list li'
    ];


     var items = [];
     clearTimeout(sidebarLanguageState.navigateTimer);
     for (var i = 0; i < selectors.length; i++) {
     sidebarLanguageState.navigateTimer = setTimeout(function() {
        items = Array.prototype.slice.call(doc.querySelectorAll(selectors[i]));
         var title = getLanguageTargetTitle(meta.lang);
         if (items.length) break;
    }


    return items.slice(0, 5).map(function(item) {
         if (!title || meta.lang === getCurrentLang()) return;
         var link = item.querySelector('a[href]');
        var href = link ? link.getAttribute('href') : '/index.php?title=Special:Notifications';
        var text = (item.textContent || '').replace(/\s+/g, ' ').trim();


         var notificationId =
         window.location.href = buildWikiPath(title);
            item.getAttribute('data-notification-id') ||
    }, 70);
            item.getAttribute('data-id') ||
}
            item.getAttribute('data-notification') ||
            '';


        if (!notificationId) {
function setSidebarLanguageSelection(lang) {
            var anyWithId = item.querySelector('[data-notification-id], [data-id], [data-notification]');
    var state = sidebarLanguageState;
            if (anyWithId) {
    var index = state.order.indexOf(lang);
                notificationId =
                    anyWithId.getAttribute('data-notification-id') ||
                    anyWithId.getAttribute('data-id') ||
                    anyWithId.getAttribute('data-notification') ||
                    '';
            }
        }


        if (href && href.indexOf('http') !== 0) {
    if (index < 0) index = state.order.indexOf(getCurrentLang());
            href = href.charAt(0) === '/'
    if (index < 0) index = 0;
                ? href
                : '/index.php' + (href.charAt(0) === '?' ? href : '/' + href);
        }


         return {
    if (state.raf) {
            id: notificationId,
         cancelAnimationFrame(state.raf);
            href: href,
        state.raf = null;
            text: text || '알림'
    }
        };
 
     });
    cancelSidebarLanguageSpin();
    clearTimeout(state.snapTimer);
 
    state.currentLang = lang;
    state.baseIndex = index;
    state.selectedIndex = index;
    state.rotation = 0;
    state.dragging = false;
    state.dragMoved = false;
    state.releaseVelocity = 0;
 
    renderSidebarLanguageWheel();
     updateSidebarLanguageDial();
}
}


function setNotificationIcon(hasItems) {
function moveSidebarLanguageSelection(delta) {
     var quickIcon = document.getElementById('profile-quick-notification-icon');
     snapSidebarLanguageToStep(-delta, true);
    var svg = hasItems ? CLBI_SVG_BELL_DOT : CLBI_SVG_BELL;
 
    if (quickIcon) {
        quickIcon.innerHTML = svg;
        quickIcon.classList.toggle('has-notifications', !!hasItems);
    }
}
}


function renderNotificationPopup(items) {
function bindSidebarLanguageSelector() {
     var list = document.getElementById('clbi-notification-list');
     var state = sidebarLanguageState;
     var badge = document.getElementById('clbi-notification-badge');
    var selector = document.getElementById('clbi-sidebar-lang-selector');
     if (!list) return;
     var fan = document.getElementById('clbi-sidebar-lang-fan');
     var apply = document.getElementById('clbi-sidebar-lang-apply');


     if (!items || !items.length) {
     if (!selector || !fan || !apply) return;
        list.innerHTML = '<div style="padding:14px 12px;color:#999;">표시할 알림이 없습니다.</div>';
        if (badge) badge.style.display = 'none';
        setNotificationIcon(false);
        return;
    }


     var html = '';
     if (state.bound && state.boundElement === selector) return;
    for (var i = 0; i < items.length; i++) {
        html +=
            '<a href="' + items[i].href + '" class="clbi-notification-item" data-notification-id="' + (items[i].id || '') + '" style="display:block;padding:10px 12px;color:#E2E2E2 !important;text-decoration:none !important;border-bottom:1px solid #1f1f1f;line-height:1.5;">' +
                items[i].text +
            '</a>';
    }
    list.innerHTML = html;


     if (badge) {
     state.bound = true;
        badge.textContent = items.length;
    state.boundElement = selector;
        badge.style.display = 'block';
    }
    setNotificationIcon(true);
}


function loadNotificationsIntoPopup() {
     fan.addEventListener('pointerdown', function(e) {
     var list = document.getElementById('clbi-notification-list');
        cancelSidebarLanguageSpin();
    if (list) {
         clearTimeout(state.snapTimer);
         list.innerHTML = '<div style="padding:14px 12px;color:#999;">불러오는 중...</div>';
    }


    fetch('/index.php?title=Special:Notifications', { credentials: 'same-origin' })
        state.dragging = true;
         .then(function(res) {
         state.dragMoved = false;
            return res.text();
        state.dragStartX = e.clientX;
         })
         state.dragStartY = e.clientY || 0;
         .then(function(html) {
         state.dragStartRotation = state.rotation;
            var items = parseNotificationItemsFromHtml(html);
        state.dragAxis = null;
            renderNotificationPopup(items);
         state.pointerCaptured = false;
         })
         state.lastX = e.clientX;
         .catch(function(err) {
        state.lastTime = performance.now();
            console.error(err);
         state.releaseVelocity = 0;
            if (list) {
                list.innerHTML = '<div style="padding:14px 12px;color:#999;">알림을 불러오지 못했습니다.</div>';
            }
         });
}


function markAllNotificationsRead() {
        selector.classList.add('is-dragging');
    return new mw.Api().postWithToken('csrf', {
         selector.classList.remove('is-snapping');
         action: 'echomarkread',
        list: 'all'
    });
}


function markNotificationReadById(notificationId) {
        /*
    if (!notificationId) {
        Vertical page scrolling must stay available when the pointer starts on
         return $.Deferred().resolve().promise();
         the language dial. Capture and preventDefault are delayed until a
    }
        horizontal drag is confirmed.
 
         */
    return new mw.Api().postWithToken('csrf', {
        action: 'echomarkread',
         list: notificationId
     });
     });
}


function initNotifications() {
    fan.addEventListener('pointermove', function(e) {
    var quickBtn = document.getElementById('profile-quick-notifications');
        var now;
        var totalDx;
        var totalDy;
        var frameDx;
        var dt;
        var instantVelocity;


    if (!quickBtn) return;
        if (!state.dragging) return;


    ensureNotificationPopup();
        totalDx = e.clientX - state.dragStartX;
    loadNotificationsIntoPopup();
        totalDy = (e.clientY || 0) - state.dragStartY;


    $(document)
        if (!state.dragAxis && (Math.abs(totalDx) > 4 || Math.abs(totalDy) > 4)) {
        .off('click.clbiNotificationToggle')
             state.dragAxis = Math.abs(totalDx) >= Math.abs(totalDy) ? 'x' : 'y';
        .on('click.clbiNotificationToggle', '#profile-quick-notifications', function(e) {
             e.preventDefault();
            e.stopPropagation();


             var popup = document.getElementById('clbi-notification-popup');
             if (state.dragAxis === 'y') {
            if (!popup) return;
                state.dragging = false;
                state.dragMoved = false;
                state.dragAxis = null;
                state.pointerCaptured = false;
                selector.classList.remove('is-dragging');
                return;
            }


             if (popup.style.display === 'none' || popup.style.display === '') {
             if (fan.setPointerCapture && e.pointerId != null) {
                 popup.style.display = 'block';
                 try {
                positionNotificationPopup();
                    fan.setPointerCapture(e.pointerId);
                 loadNotificationsIntoPopup();
                    state.pointerCaptured = true;
            } else {
                 } catch (err) {
                popup.style.display = 'none';
                    state.pointerCaptured = false;
                }
             }
             }
         });
         }
 
        if (state.dragAxis !== 'x') return;


    $(document)
         now = performance.now();
         .off('click.clbiNotificationOutside')
         frameDx = e.clientX - state.lastX;
         .on('click.clbiNotificationOutside', function(e) {
        dt = Math.max(1, now - state.lastTime);
            var popup = document.getElementById('clbi-notification-popup');
            var quickToggle = document.getElementById('profile-quick-notifications');
            if (!popup) return;


            if (!popup.contains(e.target) && (!quickToggle || !quickToggle.contains(e.target))) {
        if (Math.abs(totalDx) > 3) state.dragMoved = true;
                popup.style.display = 'none';
            }
        });


    $(document)
        instantVelocity = (frameDx * state.dragSensitivity) / dt;
         .off('click.clbiNotificationReadAll')
         state.releaseVelocity = (state.releaseVelocity * 0.62) + (instantVelocity * 0.38);
        .on('click.clbiNotificationReadAll', '#clbi-notification-readall', function(e) {
        state.lastX = e.clientX;
            e.preventDefault();
        state.lastTime = now;
            e.stopPropagation();


            var button = this;
        requestSidebarLanguageRotation(state.dragStartRotation + totalDx * state.dragSensitivity);
            button.disabled = true;
        e.preventDefault();
            button.textContent = '처리 중...';
        e.stopPropagation();
    });


            markAllNotificationsRead()
    function finishDrag(e) {
                .then(function() {
        var velocityAge;
                    loadNotificationsIntoPopup();
        var throwVelocity;
                })
         var wasHorizontal;
                .always(function() {
                    button.disabled = false;
                    button.textContent = '전체 읽음';
                });
         });


    $(document)
         if (!state.dragging) return;
        .off('click.clbiNotificationItem')
         .on('click.clbiNotificationItem', '.clbi-notification-item', function(e) {
            e.preventDefault();
            e.stopPropagation();


            var href = this.getAttribute('href');
        wasHorizontal = state.dragAxis === 'x';
            var notificationId = this.getAttribute('data-notification-id') || '';
        state.dragging = false;
        selector.classList.remove('is-dragging');


            markNotificationReadById(notificationId).always(function() {
        if (fan.releasePointerCapture && state.pointerCaptured && e && e.pointerId != null) {
                loadNotificationsIntoPopup();
            try { fan.releasePointerCapture(e.pointerId); } catch (err) {}
                if (href) {
         }
                    window.location.href = href;
                }
            });
         });


    $(window)
         state.pointerCaptured = false;
        .off('resize.clbiNotification')
        state.dragAxis = null;
         .on('resize.clbiNotification', function() {
            var popup = document.getElementById('clbi-notification-popup');
            if (popup && popup.style.display === 'block') {
                positionNotificationPopup();
            }
        });
}
// ========== 알림 시스템 끝 ==========


function initUserProfilePage() {
        if (!wasHorizontal && !state.dragMoved) {
    $('body').addClass('user-profile-settings-page');
            return;
        }


    var saveBtn = document.getElementById('pref-save');
        velocityAge = performance.now() - state.lastTime;
    if (!saveBtn) return;
        throwVelocity = velocityAge > 120 ? 0 : state.releaseVelocity;


    function getPrefRow(id) {
        if (state.dragMoved) {
        var el = document.getElementById(id);
            state.suppressClickUntil = performance.now() + 180;
         if (!el) return null;
        }
         return el.closest('.clbi-pref-row') || el.parentNode;
 
    }
         if (state.dragMoved && Math.abs(throwVelocity) >= state.minSpinVelocity) {
            startSidebarLanguageInertiaSpin(throwVelocity);
         } else {
            snapSidebarLanguageNearest();
        }


    function removePrefRow(id) {
        if (e) {
        var row = getPrefRow(id);
            e.preventDefault();
        if (row && row.parentNode) {
             e.stopPropagation();
             row.parentNode.removeChild(row);
         }
         }
     }
     }


     function createPrefSection(className, titleText) {
     fan.addEventListener('pointerup', finishDrag);
        var section = document.createElement('div');
    fan.addEventListener('pointercancel', finishDrag);
        section.className = 'clbi-pref-section ' + className;
    fan.addEventListener('lostpointercapture', function() {
        if (!state.dragging) return;


         var title = document.createElement('div');
         state.dragging = false;
         title.className = 'clbi-pref-section-title';
        state.pointerCaptured = false;
         title.textContent = titleText;
         state.dragAxis = null;
         selector.classList.remove('is-dragging');


         var body = document.createElement('div');
         if (state.dragMoved && Math.abs(state.releaseVelocity) >= state.minSpinVelocity) {
         body.className = 'clbi-pref-section-body';
            state.suppressClickUntil = performance.now() + 180;
            startSidebarLanguageInertiaSpin(state.releaseVelocity);
        } else {
            snapSidebarLanguageNearest();
         }
    });


         section.appendChild(title);
    apply.addEventListener('click', function(e) {
         section.appendChild(body);
         e.preventDefault();
         e.stopPropagation();


         return {
         snapSidebarLanguageNearest(function(meta) {
             section: section,
             scheduleSidebarLanguageNavigation(meta);
            body: body
         });
         };
     });
     }


     function moveRowToSection(id, targetBody, className) {
     selector.addEventListener('keydown', function(e) {
         var row = getPrefRow(id);
         if (e.key === 'ArrowLeft') {
        if (!row || !targetBody) return false;
            moveSidebarLanguageSelection(-1);
            e.preventDefault();
        }


         row.classList.add('clbi-pref-row-key-' + className);
         if (e.key === 'ArrowRight') {
        targetBody.appendChild(row);
            moveSidebarLanguageSelection(1);
         return true;
            e.preventDefault();
    }
         }


    function rebuildProfileSettingsLayout() {
        if (e.key === 'Enter' || e.key === ' ') {
        var root = document.querySelector('.clbi-prefs-profile');
            apply.click();
        if (!root || root.dataset.profileSettingsReworked === '1') return;
            e.preventDefault();
        }
    });
}


        root.dataset.profileSettingsReworked = '1';
function renderSidebarLanguageBox() {
        root.classList.add('profile-settings-console');
    bindSidebarLanguageSelector();
    setSidebarLanguageSelection(getCurrentLang());


         removePrefRow('pref-badges');
    if (!sidebarLanguageStatusLoaded) {
         loadSidebarLanguageStatusRegistry(function() {
            setSidebarLanguageSelection(getCurrentLang());
        });
    }
}


        var originalRows = Array.prototype.slice.call(root.querySelectorAll('.clbi-pref-row'));
function loadRecentChangesList(targetSelector, limit) {
        var actionNodes = [];
    var $target = $(targetSelector);


        if (saveBtn.parentNode === root || saveBtn.closest('.clbi-prefs-profile') === root) {
    if (!$target.length) return;
            actionNodes.push(saveBtn);
        }


        var statusNode = document.getElementById('pref-status');
    var lang = getCurrentLang();
        if (statusNode && statusNode.closest('.clbi-prefs-profile') === root) {
    var t = (window.LANG && window.LANG[lang]) ? window.LANG[lang] : (window.LANG ? window.LANG.ko : null);
            actionNodes.push(statusNode);
    var isNewsList = $target.closest('.clbi-left-news-box').length > 0;
        }


         var main = document.createElement('div');
    function escapeHtml(value) {
        main.className = 'clbi-pref-main-grid';
         return String(value == null ? '' : value)
            .replace(/&/g, '&amp;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/"/g, '&quot;')
            .replace(/'/g, '&#039;');
    }


        var media = createPrefSection('clbi-pref-section-media', 'PROFILE IMAGE');
    $target.html((t && t.loading) ? t.loading : '불러오는 중...');
        var identity = createPrefSection('clbi-pref-section-identity', 'IDENTITY RECORD');
        var bio = createPrefSection('clbi-pref-section-bio', 'BIOGRAPHY');
        var account = createPrefSection('clbi-pref-section-account', 'ACCOUNT CONTACT');
        var misc = createPrefSection('clbi-pref-section-misc', 'OTHER OPTIONS');


        main.appendChild(media.section);
    $.getJSON(
         main.appendChild(identity.section);
         '/api.php?action=query&list=recentchanges&rclimit=' + encodeURIComponent(limit || 5) + '&rcprop=title|timestamp|user&format=json&rcnamespace=0&rctype=edit|new',
         main.appendChild(bio.section);
         function(data) {
        main.appendChild(account.section);
            var items = data && data.query ? data.query.recentchanges : [];
        main.appendChild(misc.section);
            var html = '';


        root.innerHTML = '';
            if (!items || !items.length) {
        root.appendChild(main);
                $target.html('표시할 변경 사항이 없습니다.');
                return;
            }


        moveRowToSection('pref-pfp-preview', media.body, 'pfp');
            $.each(items, function(i, item) {
        moveRowToSection('pref-pfp-btn', media.body, 'pfp');
                var label = timeAgo(item.timestamp);
        moveRowToSection('pref-pfp-input', media.body, 'pfp');
                var title = item.title || '';
                var userName = item.user || 'Unknown';
                var pageHref = buildWikiPath(title);
                var avatarSrc = '/index.php?title=특수:Redirect/file/Pfp-' + encodeURIComponent(userName) + '.png';


        moveRowToSection('pref-name', identity.body, 'name');
                if (isNewsList) {
        moveRowToSection('pref-role', identity.body, 'role');
                    html +=
        moveRowToSection('pref-discord', identity.body, 'discord');
                        '<a href="' + escapeHtml(pageHref) + '" class="news-recent-item">' +
 
                            '<img class="news-recent-avatar" src="' + escapeHtml(avatarSrc) + '" alt="" onerror="this.onerror=null;this.src=\'/index.php?title=특수:Redirect/file/Pfp-default.png\';">' +
        moveRowToSection('pref-bio', bio.body, 'bio');
                            '<div class="news-recent-main">' +
                                '<div class="news-recent-title-wrap">' +
                                    '<span class="news-recent-title">' + escapeHtml(title) + '</span>' +
                                '</div>' +
                                '<div class="news-recent-meta">' +
                                    '<span class="news-recent-user">@' + escapeHtml(userName) + '</span>' +
                                '</div>' +
                            '</div>' +
                            '<span class="news-recent-time">' + escapeHtml(label) + '</span>' +
                        '</a>';
                } else {
                    html +=
                        '<div class="clbi-recent-item">' +
                            '<div class="clbi-recent-title-wrap">' +
                                '<a href="' + escapeHtml(pageHref) + '" class="clbi-recent-title">' + escapeHtml(title) + '</a>' +
                            '</div>' +
                            '<span class="clbi-recent-time">' + escapeHtml(label) + '</span>' +
                        '</div>';
                }
            });


        moveRowToSection('pref-new-email', account.body, 'email');
            if (isNewsList) {
        moveRowToSection('pref-email-password', account.body, 'email');
                $target.html(
        moveRowToSection('pref-email-save', account.body, 'email');
                    '<div class="news-recent-viewport">' +
                        '<div class="news-recent-stack">' + html + '</div>' +
                    '</div>'
                );


        originalRows.forEach(function (row) {
                if (typeof ensureNewsBottomFinish === 'function') {
            if (!row.parentNode && !row.className.match(/clbi-pref-row-key-/)) {
                    ensureNewsBottomFinish();
                 misc.body.appendChild(row);
                }
            } else {
                 $target.html(html);
             }
             }
        });


        if (!misc.body.children.length) {
            if (isNewsList && typeof scheduleAdaptiveLeftRecentItems === 'function') {
            misc.section.parentNode.removeChild(misc.section);
                scheduleAdaptiveLeftRecentItems();
        }
            }


        var actions = document.createElement('div');
            $target.find(isNewsList ? '.news-recent-item' : '.clbi-recent-item').each(function() {
        actions.className = 'clbi-pref-actions';
                var wrap = $(this).find(isNewsList ? '.news-recent-title-wrap' : '.clbi-recent-title-wrap');
                var title = $(this).find(isNewsList ? '.news-recent-title' : '.clbi-recent-title');


        if (saveBtn) actions.appendChild(saveBtn);
                if (!wrap.length || !title.length) return;
        if (statusNode) actions.appendChild(statusNode);


        root.appendChild(actions);
                var wrapW = wrap.width();
    }
                var titleW = title[0].scrollWidth;
 
                if (titleW > wrapW + 20) {
                    var duration = titleW / 40;


     rebuildProfileSettingsLayout();
                    title.css({
                        animation: 'clbi-scroll ' + duration + 's linear infinite',
                        '--scroll-dist': '-' + (titleW - wrapW + 8) + 'px'
                    });
                }
            });
        }
     ).fail(function() {
        var lang = getCurrentLang();
        var t = (window.LANG && window.LANG[lang]) ? window.LANG[lang] : (window.LANG ? window.LANG.ko : null);


    var api = new mw.Api();
        $target.html((t && t.loadFail) ? t.loadFail : '불러오기 실패');
     var selectedFile = null;
     });
    var cropper = null;
}


    if (!document.getElementById('clbi-gallery-modal')) {
        var gModal = document.createElement('div');
        gModal.id = 'clbi-gallery-modal';
        gModal.style.cssText =
            'display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:99999;align-items:center;justify-content:center;';


        gModal.innerHTML =
function ensureRecentViewport() {
            '<div style="background:#1e1e1e;border:2px solid #854369;border-radius:12px;padding:24px;max-width:480px;width:90%;display:flex;flex-direction:column;gap:16px;">' +
    var list = document.getElementById('clbi-left-recent-list');
                '<div style="display:flex;justify-content:space-between;align-items:center;">' +
    var viewport;
                    '<span style="font-size:14px;font-weight:700;color:#e2e2e2;">프로필 사진 선택</span>' +
    var stack;
                    '<button type="button" id="clbi-gallery-close" style="background:none;border:none;color:#aaa;font-size:18px;cursor:pointer;">✕</button>' +
    var children;
                '</div>' +
                '<button type="button" id="clbi-gallery-upload-btn" style="background:#2a2a2a;border:2px dashed #854369;border-radius:8px;padding:32px;color:#e2e2e2;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;width:100%;">' +
                    '<span style="font-size:32px;">🖼️</span>새 사진 업로드' +
                '</button>' +
                '<div id="clbi-gallery-history-section" style="display:none;">' +
                    '<div style="font-size:11px;color:#888;margin-bottom:8px;">이전 사진 — 클릭하면 바로 적용</div>' +
                    '<div id="clbi-gallery-history" style="display:flex;gap:8px;flex-wrap:wrap;"></div>' +
                '</div>' +
            '</div>';


        document.body.appendChild(gModal);
    if (!list) return null;
    }


     if (!document.getElementById('clbi-crop-modal')) {
     viewport = list.querySelector(':scope > .news-recent-viewport');
        var cModal = document.createElement('div');
    stack = viewport ? viewport.querySelector(':scope > .news-recent-stack') : null;
        cModal.id = 'clbi-crop-modal';
        cModal.style.cssText =
            'display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:99999;align-items:center;justify-content:center;';


        cModal.innerHTML =
    if (viewport && stack) return viewport;
            '<div style="background:#1e1e1e;border:2px solid #854369;border-radius:12px;padding:24px;max-width:500px;width:90%;display:flex;flex-direction:column;gap:16px;">' +
                '<div style="font-size:14px;font-weight:700;color:#e2e2e2;">사진 조정</div>' +
                '<div style="width:100%;max-height:380px;overflow:hidden;border-radius:8px;">' +
                    '<img id="clbi-crop-image" style="max-width:100%;">' +
                '</div>' +
                '<div style="display:flex;gap:8px;justify-content:flex-end;">' +
                    '<button type="button" id="clbi-crop-cancel" style="background:#2a2a2a;color:#e2e2e2;border:1px solid #444;padding:8px 16px;border-radius:6px;cursor:pointer;">취소</button>' +
                    '<button type="button" id="clbi-crop-confirm" style="background:#854369;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;">확정</button>' +
                '</div>' +
            '</div>';


        document.body.appendChild(cModal);
    children = Array.prototype.slice.call(list.children || []);
    }


     var gModal = document.getElementById('clbi-gallery-modal');
     viewport = document.createElement('div');
     var cModal = document.getElementById('clbi-crop-modal');
     viewport.className = 'news-recent-viewport';
    var cropImage = document.getElementById('clbi-crop-image');
    var pfpInput = document.getElementById('pref-pfp-input');


     function openGallery() {
     stack = document.createElement('div');
        gModal.style.display = 'flex';
    stack.className = 'news-recent-stack';


        var username = mw.config.get('wgUserName');
    children.forEach(function (child) {
         api.get({
         if (child.classList && child.classList.contains('news-recent-viewport')) return;
            action: 'query',
        stack.appendChild(child);
            titles: '파일:Pfp-' + username + '.png',
    });
            prop: 'imageinfo',
            iiprop: 'url|timestamp',
            iilimit: 6
        }).then(function(data) {
            var pages = data.query.pages;
            var page = pages[Object.keys(pages)[0]];
            if (!page.imageinfo || page.imageinfo.length === 0) return;


            var historyEl = document.getElementById('clbi-gallery-history');
    viewport.appendChild(stack);
            var sectionEl = document.getElementById('clbi-gallery-history-section');
    list.appendChild(viewport);
            historyEl.innerHTML = '';


            page.imageinfo.forEach(function(info, idx) {
    return viewport;
                var wrap = document.createElement('div');
}
                wrap.style.cssText = 'position:relative;cursor:pointer;';


                var img = document.createElement('img');
function ensureNewsBottomFinish() {
                img.src = info.url;
    var newsBox = document.querySelector('#clbi-left-sidebar .clbi-left-news-box');
                img.style.cssText =
    var content = newsBox ? newsBox.querySelector('.clbi-news-box') : null;
                    'width:72px;height:72px;object-fit:cover;border-radius:8px;border:2px solid #444;flex-shrink:0;';
    var finish;


                if (idx === 0) {
    if (!content) return null;
                    img.style.borderColor = '#854369';
                    var badge = document.createElement('div');
                    badge.textContent = '현재';
                    badge.style.cssText =
                        'position:absolute;bottom:4px;left:50%;transform:translateX(-50%);background:#854369;color:#fff;font-size:9px;padding:1px 6px;border-radius:10px;';
                    wrap.appendChild(badge);
                }


                img.addEventListener('mouseenter', function() {
    finish = content.querySelector(':scope > .news-bottom-finish');
                    if (idx !== 0) img.style.borderColor = '#854369';
                });


                img.addEventListener('mouseleave', function() {
    if (!finish) {
                    if (idx !== 0) img.style.borderColor = '#444';
        finish = document.createElement('div');
                });
        finish.className = 'news-bottom-finish';
        finish.setAttribute('aria-hidden', 'true');
        content.appendChild(finish);
    }


                img.addEventListener('click', function() {
    return finish;
                    fetch(info.url)
}
                        .then(function(r) {
                            return r.blob();
                        })
                        .then(function(blob) {
                            selectedFile = new File([blob], 'profile.png', { type: 'image/png' });
                            document.getElementById('pref-pfp-preview').src = URL.createObjectURL(blob);
                            gModal.style.display = 'none';
                            document.getElementById('pref-pfp-btn').textContent = '✓ 사진 선택됨';
                        });
                });


                wrap.appendChild(img);
function updateAdaptiveLeftRecentItems() {
                historyEl.appendChild(wrap);
    /*
            });
    134 기준: 좌측 사이드는 뉴스 확장형 flex 레이아웃이 높이를 담당한다.
    이전 adaptive 코드는 항목을 숨기거나 mask/fade를 걸기 위한 것이었으므로
    여기서는 잔여 상태만 정리하고 DOM 래퍼만 보장한다.
    */
    resetLeftRecentAdaptiveState();


            sectionEl.style.display = 'block';
    if (typeof ensureRecentViewport === 'function') {
         });
         ensureRecentViewport();
     }
     }


     function openCrop(src) {
     if (typeof ensureNewsBottomFinish === 'function') {
         cropImage.src = src;
         ensureNewsBottomFinish();
        cModal.style.display = 'flex';
    }


        if (cropper) {
    if (typeof scheduleClbiContentBottomGap === 'function') {
            cropper.destroy();
         scheduleClbiContentBottomGap();
            cropper = null;
        }
 
        setTimeout(function() {
            cropper = new Cropper(cropImage, {
                aspectRatio: 1,
                viewMode: 1,
                dragMode: 'move',
                autoCropArea: 0.8,
                cropBoxResizable: true,
                cropBoxMovable: true
            });
         }, 150);
     }
     }
}


    document.getElementById('pref-pfp-btn').addEventListener('click', function() {
function scheduleAdaptiveLeftRecentItems() {
         openGallery();
    window.requestAnimationFrame(function () {
         updateAdaptiveLeftRecentItems();
     });
     });


     document.getElementById('clbi-gallery-upload-btn').addEventListener('click', function() {
     window.setTimeout(updateAdaptiveLeftRecentItems, 80);
        pfpInput.click();
    window.setTimeout(updateAdaptiveLeftRecentItems, 240);
    });
}
 


    document.getElementById('clbi-gallery-close').addEventListener('click', function() {
        gModal.style.display = 'none';
    });


     pfpInput.addEventListener('change', function() {
function updateClbiContentBottomGap(iteration) {
        var file = this.files[0];
     var content = document.querySelector('.container-fluid.liberty-content');
        if (!file) return;
    var main = document.querySelector('.liberty-content-main');
    var bottomNav = document.getElementById('clbi-bottom-nav-wrap');
    var desiredGap = 8;
    var rootStyle;
    var scale = 1;
    var contentRect;
    var bottomTop;
    var targetHeight;
    var currentHeight;
    var visualGap;


        gModal.style.display = 'none';
    iteration = iteration || 0;


        var reader = new FileReader();
    if (!content || !main || !bottomNav) return;
        reader.onload = function(e) {
 
            openCrop(e.target.result);
    /*
        };
    하단 간격은 scale 모드에서도 같은 기준으로 계산한다.
        reader.readAsDataURL(file);
    transform:scale()이 걸리면 getBoundingClientRect()는 축소된 화면 좌표를 반환하므로,
     });
     목표 간격 8px도 scale을 곱한 화면 좌표로 비교하고 다시 design px로 환산한다.


     document.getElementById('clbi-crop-cancel').addEventListener('click', function() {
     목표:
         cModal.style.display = 'none';
    .liberty-content-main.bottom === #clbi-bottom-nav-wrap.top - 8px
         if (cropper) {
    */
            cropper.destroy();
    if (document.body && document.body.classList && document.body.classList.contains('clbi-shell-vertical-scale')) {
            cropper = null;
         rootStyle = window.getComputedStyle(document.documentElement);
        }
         scale = parseFloat(rootStyle.getPropertyValue('--clbi-shell-scale')) || 1;
        pfpInput.value = '';
        scale = Math.max(0.25, scale);
     });
     }


     document.getElementById('clbi-crop-confirm').addEventListener('click', function() {
     contentRect = content.getBoundingClientRect();
        if (!cropper) return;
    bottomTop = bottomNav.getBoundingClientRect().top;
    visualGap = desiredGap * scale;
    targetHeight = Math.floor((bottomTop - contentRect.top - visualGap) / scale);
    targetHeight = Math.max(120, targetHeight);


        var canvas = cropper.getCroppedCanvas({ width: 256, height: 256 });
    currentHeight = Math.round(content.getBoundingClientRect().height / scale);
        if (!canvas) return;


        canvas.toBlob(function(blob) {
    content.style.setProperty('--clbi-content-extra', '0px');
            selectedFile = new File([blob], 'profile.png', { type: 'image/png' });
    content.style.setProperty('height', targetHeight + 'px', 'important');
            document.getElementById('pref-pfp-preview').src = URL.createObjectURL(blob);
    content.style.setProperty('max-height', targetHeight + 'px', 'important');
            cModal.style.display = 'none';
            cropper.destroy();
            cropper = null;
            document.getElementById('pref-pfp-btn').textContent = '✓ 사진 선택됨';
        }, 'image/png');
    });


     var emailSaveBtn = document.getElementById('pref-email-save');
     if (Math.abs(currentHeight - targetHeight) >= 1 && iteration < 4) {
    if (emailSaveBtn) {
         window.requestAnimationFrame(function () {
         emailSaveBtn.addEventListener('click', function() {
             updateClbiContentBottomGap(iteration + 1);
             var statusEl = document.getElementById('pref-email-status');
        });
            var newEmail = document.getElementById('pref-new-email').value;
    }
            var password = document.getElementById('pref-email-password').value;
}


            if (!newEmail || !password) {
function scheduleClbiContentBottomGap() {
                statusEl.textContent = '이메일과 비밀번호를 입력해주세요.';
    window.requestAnimationFrame(function () {
                return;
        updateClbiContentBottomGap(0);
            }
    });
    window.setTimeout(function () {
        updateClbiContentBottomGap(0);
    }, 40);
    window.setTimeout(function () {
        updateClbiContentBottomGap(0);
    }, 120);
    window.setTimeout(function () {
        updateClbiContentBottomGap(0);
    }, 280);
    window.setTimeout(function () {
        updateClbiContentBottomGap(0);
    }, 520);
}


            statusEl.textContent = '변경 중...';


            api.postWithToken('csrf', {
function updateLeftBillboardAdaptive() {
                action: 'changeemail',
    /*
                email: newEmail,
    134 기준: Ad는 이미지/CRT 비율을 유지하는 고정 슬롯이다.
                password: password
    남는 세로 공간은 뉴스 박스가 흡수하므로, Ad에 하단 finish를 늘리거나
            }).then(function() {
    title-only 상태로 접는 adaptive 보정은 사용하지 않는다.
                statusEl.textContent = '✓ 이메일 변경됨';
    */
                document.getElementById('pref-new-email').value = '';
    resetLeftBillboardAdaptiveState();
                document.getElementById('pref-email-password').value = '';
}
 
function scheduleLeftBillboardAdaptive() {
    window.requestAnimationFrame(updateLeftBillboardAdaptive);
    window.setTimeout(updateLeftBillboardAdaptive, 80);
    window.setTimeout(updateLeftBillboardAdaptive, 240);
}


                setTimeout(function() {
function scheduleLeftSidebarVerticalFit() {
                    statusEl.textContent = '';
    if (typeof scheduleAdaptiveLeftRecentItems === 'function') {
                }, 3000);
         scheduleAdaptiveLeftRecentItems();
            }).fail(function(code, data) {
                var msg = data && data.error && data.error.info ? data.error.info : '변경 실패';
                statusEl.textContent = msg;
            });
         });
     }
     }


     saveBtn.addEventListener('click', function() {
     if (typeof scheduleLeftBillboardAdaptive === 'function') {
         var statusEl = document.getElementById('pref-status');
         scheduleLeftBillboardAdaptive();
        statusEl.textContent = '저장 중...';
    }


         var promises = [];
    window.setTimeout(function () {
         if (typeof scheduleAdaptiveLeftRecentItems === 'function') {
            scheduleAdaptiveLeftRecentItems();
        }


         if (selectedFile) {
         if (typeof scheduleLeftBillboardAdaptive === 'function') {
            var username = mw.config.get('wgUserName');
             scheduleLeftBillboardAdaptive();
             promises.push(
                api.postWithToken('csrf', {
                    action: 'upload',
                    filename: 'Pfp-' + username + '.png',
                    ignorewarnings: true,
                    file: selectedFile,
                    format: 'json'
                }, {
                    contentType: 'multipart/form-data'
                })
            );
         }
         }
    }, 120);
}


        var fields = ['name', 'discord', 'role', 'bio'];


        for (var i = 0; i < fields.length; i++) {
// 시대 문서 전용 왼쪽 사이드바 이미지
            var el = document.getElementById('pref-' + fields[i]);
function updateLeftSidebarNationsImage() {
            if (!el) continue;
    $('#clbi-left-nations-image').remove();
}


            promises.push(
function setProfileActionLabel(selector, text) {
                api.postWithToken('csrf', {
    var target = $(selector);
                    action: 'options',
    var label = target.find('.profile-action-label');
                    optionname: 'profile-' + fields[i],
                    optionvalue: el.value
                })
            );
        }


        $.when.apply($, promises)
    if (label.length) {
            .then(function() {
        label.text(text);
                statusEl.textContent = '✓ 저장됨';
    } else {
                selectedFile = null;
        target.text(text);
                document.getElementById('pref-pfp-btn').textContent = '사진 선택';
     }
 
                setTimeout(function() {
                    statusEl.textContent = '';
                }, 2000);
            })
            .fail(function() {
                statusEl.textContent = '저장 실패';
            });
     });
}
}


/* =========================================
// 사이드바 업데이트
  Banner / CRT Page Monitor thumbnail slices
function updateSidebar() {
  - base 이미지는 틀에 들어간 파일 문법 그대로 사용
    if (!window.LANG) {
  - slice 레이어에는 300px MediaWiki 썸네일만 삽입
        setTimeout(updateSidebar, 100);
  ========================================= */
        return;
    }


(function ($, mw) {
    var currentLang = getCurrentLang();
     var thumbCache = {};
     var t = (window.LANG && window.LANG[currentLang]) ? window.LANG[currentLang] : window.LANG.ko;


     function parseSliceWidth(value) {
     var newsTitle = t.news || '뉴스';
        var parsed = parseInt(value, 10);
    var changelogTitle = t.changelog || '체인지로그';
    var recentTitle = t.recentChanges || '최근 변경';
    var languageTitle = t.language || '언어';


        if (!isFinite(parsed) || parsed < 120) {
    $('#clbi-title-left-language').text(languageTitle);
            return 300;
    renderSidebarLanguageBox();
        }


        return parsed;
    $('#clbi-title-left-news').text(newsTitle);
     }
     $('#clbi-left-news-changelog-main').text(changelogTitle);
    $('#clbi-left-news-recent-main').text(recentTitle);


     function getImageSrc(img) {
     $('#clbi-title-search a').text(t.search);
        return img ? (img.currentSrc || img.getAttribute('src') || img.src || '') : '';
    $('#clbi-search-input').attr('placeholder', t.search + '...');
     }
    $('#clbi-title-recent a').text(recentTitle);
    $('#clbi-title-guide-label').text(t.guide);
    $('#clbi-guide-link').text(t.getStarted);
     $('#clbi-title-links-label').text(t.links);


     function getFileNameFromSrc(src) {
     setProfileActionLabel('#clbi-btn-contribution', t.contribution);
        var a;
    setProfileActionLabel('#clbi-btn-watchlist', t.watchlist);
        var parts;
    setProfileActionLabel('#clbi-btn-preferences', t.preferences);
        var fileName;
    setProfileActionLabel('#clbi-btn-logout', t.logout);
    setProfileActionLabel('#clbi-btn-login', t.login);


        if (!src) return '';
    var pageName = normalizePageName(mw.config.get('wgPageName'));
    var specialPage = String(mw.config.get('wgCanonicalSpecialPageName') || '');


        a = document.createElement('a');
$('#clbi-left-news-changelog-main').text(changelogTitle);
        a.href = src;
$('#clbi-left-news-recent-title').text('RECENT CHANGES');


        parts = (a.pathname || '').split('/').filter(function (part) {
    $('.clbi-user-btn').removeClass('clbi-user-btn-active');
            return !!part;
        });


         if (!parts.length) return '';
    if (
         specialPage === 'Contributions' ||
        specialPage === '기여' ||
        pageName.indexOf('특수:기여') === 0 ||
        pageName.indexOf('Special:Contributions') === 0
    ) {
        $('#clbi-btn-contribution').addClass('clbi-user-btn-active');
    }


         fileName = parts.pop();
    if (specialPage === 'Watchlist') {
         $('#clbi-btn-watchlist').addClass('clbi-user-btn-active');
    }


         /*
    if (
        * MediaWiki thumb URL 예시:
        specialPage === '설정' ||
        * /images/thumb/a/ab/File.png/1000px-File.png
         pageName === '특수:설정' ||
        * /images/thumb/a/ab/File.svg/1000px-File.svg.png
        pageName === 'Special:설정'
        *
    ) {
        * 이 경우 실제 파일명은 마지막 조각이 아니라 그 앞 조각이다.
        $('#clbi-btn-preferences').addClass('clbi-user-btn-active');
        */
    }
         if (/^\d+px-/.test(fileName) && parts.length) {
 
             fileName = parts.pop();
    $('.toggleBtn').each(function() {
        var btn = $(this);
 
         if (!$('#' + btn.data('target')).hasClass('folding-open')) {
            btn.text(t.expand);
        } else {
             btn.text(t.collapse);
         }
         }
    });


        fileName = fileName.replace(/^\d+px-/, '');
    updateLeftSidebarNationsImage();
}


        try {
function canShowContentTools() {
            fileName = decodeURIComponent(fileName);
    // 비로그인 사용자는 편집/역사/공유 버튼을 숨김
        } catch (e) {}
    if (!mw.config.get('wgUserName')) {
        return false;
    }


         return fileName;
    // MediaWiki가 현재 문서를 편집 가능하지 않다고 판단하면 숨김
    var isEditable = mw.config.get('wgIsProbablyEditable');
    if (isEditable === false) {
         return false;
     }
     }


     function resolveThumbUrl(img, width, callback) {
     var relevantEditable = mw.config.get('wgRelevantPageIsProbablyEditable');
        var src = getImageSrc(img);
    if (relevantEditable === false) {
        var fileName = getFileNameFromSrc(src);
         return false;
         var cacheKey;
    }
        var entry;


        if (!src) return;
    return true;
}


         if (!fileName || !mw || !mw.loader) {
function getCatlinkNodes(root) {
            callback(src);
    var seen = [];
            return;
    var nodes = [];
        }
    var $root = root ? $(root) : $(document);
 
    $root.find('#catlinks, .catlinks').add($root.filter('#catlinks, .catlinks')).each(function () {
         if (seen.indexOf(this) !== -1) return;
        seen.push(this);
        nodes.push(this);
    });


        cacheKey = fileName + '|' + width;
    return nodes;
        entry = thumbCache[cacheKey];
}


        if (entry) {
function getCatlinksTarget(root) {
            if (entry.resolved) {
    var $root = root ? $(root) : $(document);
                callback(entry.url || src);
    var parserOutput = $root.find('.liberty-content-main .mw-parser-output').first();
            } else {
    var main = $root.find('.liberty-content-main').first();
                entry.callbacks.push(callback);
            }
            return;
        }


         entry = {
    if (!parserOutput.length && root && $(root).is('.liberty-content-main')) {
            resolved: false,
         parserOutput = $(root).find('.mw-parser-output').first();
            url: '',
        main = $(root);
            callbacks: [callback]
    }
        };


         thumbCache[cacheKey] = entry;
    if (!parserOutput.length && root && $(root).is('.mw-parser-output')) {
         parserOutput = $(root);
    }


        function finish(url) {
    if (parserOutput.length) return parserOutput;
            var callbacks = entry.callbacks.slice();
    if (main.length) return main;
            var i;


            entry.resolved = true;
    if (!root) {
            entry.url = url || src;
        parserOutput = $('.liberty-content-main .mw-parser-output').first();
            entry.callbacks = [];
        main = $('.liberty-content-main').first();
        if (parserOutput.length) return parserOutput;
        if (main.length) return main;
    }


            for (i = 0; i < callbacks.length; i++) {
    return $();
                callbacks[i](entry.url);
}
            }
        }


        mw.loader.using('mediawiki.api').done(function () {
var CLBI_CATLINKS_FETCH_TOKEN = 0;
            var api = new mw.Api();


            api.get({
function getCurrentPageTitleForCatlinks() {
                action: 'query',
    return String(
                titles: 'File:' + fileName,
        mw.config.get('wgPageName') ||
                prop: 'imageinfo',
        mw.config.get('wgRelevantPageName') ||
                iiprop: 'url',
        ''
                iiurlwidth: width,
    ).trim();
                formatversion: 2
}
            }).done(function (data) {
                var page;
                var info;


                if (
function shouldFetchCatlinks() {
                    data &&
    var pageName = getCurrentPageTitleForCatlinks();
                    data.query &&
    var specialPage = mw.config.get('wgCanonicalSpecialPageName');
                    data.query.pages &&
                    data.query.pages.length
                ) {
                    page = data.query.pages[0];


                    if (
    if (!pageName) return false;
                        page &&
    if (specialPage) return false;
                        page.imageinfo &&
                        page.imageinfo.length
                    ) {
                        info = page.imageinfo[0];
                    }
                }


                finish((info && (info.thumburl || info.url)) || src);
    return true;
            }).fail(function () {
}
                finish(src);
            });
        }).fail(function () {
            finish(src);
        });
    }


    function applySliceImages(frame, thumbUrl) {
function clearCatlinksInlineHiding(cat) {
        var slices;
    if (!cat || !cat.style) return;
        var i;
        var img;


        if (!frame || !thumbUrl) return;
    cat.style.removeProperty('display');
    cat.style.removeProperty('visibility');
    cat.style.removeProperty('height');
    cat.style.removeProperty('max-height');
    cat.style.removeProperty('overflow');


        slices = frame.querySelectorAll('.crt-page-monitor-slice');
    $(cat).find('.mw-normal-catlinks, #mw-normal-catlinks, .mw-hidden-catlinks, #mw-hidden-catlinks, .mw-hidden-cats-hidden, .mw-hidden-cats-user-shown').each(function () {
        if (!this.style) return;
        this.style.removeProperty('display');
        this.style.removeProperty('visibility');
        this.style.removeProperty('height');
        this.style.removeProperty('max-height');
        this.style.removeProperty('overflow');
    });
}


        for (i = 0; i < slices.length; i++) {
function exposeHiddenCatlinks(cat) {
            slices[i].innerHTML = '';
    if (!cat) return;


            img = document.createElement('img');
    $(cat).find('.mw-hidden-catlinks, #mw-hidden-catlinks, .mw-hidden-cats-hidden, .mw-hidden-cats-user-shown').each(function () {
            img.className = 'crt-page-monitor-slice-img';
        this.classList.remove('mw-hidden-cats-hidden');
            img.src = thumbUrl;
        this.classList.add('mw-hidden-cats-user-shown');
            img.alt = '';
            img.decoding = 'async';
            img.loading = 'eager';
            img.setAttribute('aria-hidden', 'true');


             slices[i].appendChild(img);
        if (this.style) {
            this.style.removeProperty('display');
             this.style.removeProperty('visibility');
            this.style.removeProperty('height');
            this.style.removeProperty('max-height');
            this.style.removeProperty('overflow');
         }
         }
    });
}


        frame.setAttribute('data-crt-slices-ready', '1');
function getCatlinkTextContent(cat) {
     }
    var clone;
     var text;


     function initBannerFrame(frame) {
     if (!cat) return '';
        var baseImg;
        var width;


        if (!frame) return;
    clone = cat.cloneNode(true);
        if (frame.getAttribute('data-crt-slices-ready') === '1') return;
    $(clone).find('script, style').remove();


         baseImg = frame.querySelector('.crt-page-monitor-image-base img');
    text = String(clone.textContent || '')
        .replace(/\s+/g, ' ')
         .replace(/^(분류|숨은 분류|Category|Hidden categories)\s*:\s*/i, '')
        .replace(/^(분류|숨은 분류|Category|Hidden categories)\s*$/i, '')
        .trim();
 
    return text;
}
 
function hasRenderedCatlinkItems(cat) {
    var hasLink;
    var hasListText;
 
    if (!cat) return false;


         if (!baseImg) return;
    hasLink = false;
    $(cat).find('a').each(function () {
         var text = String($(this).text() || '').trim();
        var href = String(this.getAttribute('href') || '').trim();
        if (text || href) hasLink = true;
    });
    if (hasLink) return true;


         width = parseSliceWidth(frame.getAttribute('data-crt-slice-width'));
    hasListText = false;
    $(cat).find('li').each(function () {
         if (String($(this).text() || '').trim()) hasListText = true;
    });
    if (hasListText) return true;


        resolveThumbUrl(baseImg, width, function (thumbUrl) {
    return !!getCatlinkTextContent(cat);
            if (!frame || !frame.parentNode) return;
}
            applySliceImages(frame, thumbUrl);
        });
    }


    function initBannerFrames(root) {
function normalizeCategoryTitle(rawTitle) {
        var scope = root && root.querySelectorAll ? root : document;
    var title = String(rawTitle == null ? '' : rawTitle).trim();
        var frames = scope.querySelectorAll('.crt-page-monitor-frame');
        var i;


        for (i = 0; i < frames.length; i++) {
    if (!title) return '';
            initBannerFrame(frames[i]);
        }
    }


     $(function () {
     title = title.replace(/_/g, ' ');
        initBannerFrames(document);
    });


     if (mw && mw.hook) {
     if (/^(Category|분류):/i.test(title)) {
        mw.hook('wikipage.content').add(function ($content) {
         return title;
            initBannerFrames($content && $content[0] ? $content[0] : document);
         });
     }
     }
})(jQuery, window.mw);


/* =========================================
    return '분류:' + title;
  Doc Tab System — Q/E 단축키 탭 전환
}
  글리치 플리커 + RGB split + 방향 슬라이드
  ========================================= */


(function () {
function makeCategoryLinkTitle(rawTitle) {
     'use strict';
     return String(rawTitle || '')
        .replace(/^Category:/i, '')
        .replace(/^분류:/, '')
        .replace(/_/g, ' ')
        .trim();
}


var keydownBound = false;
function dedupeCatlinkCategories(categories) {
    var seen = {};
    var result = [];


     function initDocTabs() {
     (categories || []).forEach(function (item) {
         var tabBars = document.querySelectorAll('.doc-tab-bar');
         var title = '';
         if (!tabBars.length) return;
         var hidden = false;


         tabBars.forEach(function (bar) {
         if (typeof item === 'string') {
             if (bar.getAttribute('data-tabs-init')) return;
             title = normalizeCategoryTitle(item);
             bar.setAttribute('data-tabs-init', '1');
        } else if (item && typeof item === 'object') {
             title = normalizeCategoryTitle(item.title || item.name || item.category || '');
            hidden = item.hidden !== undefined || item.isHidden === true;
        }


            var tabs = Array.from(bar.querySelectorAll('.doc-tab'));
        if (!title) return;
            if (!tabs.length) return;
        if (seen[title]) return;


            var panel = bar.closest('.doc-panel');
        seen[title] = true;
            var display = panel ? panel.querySelector('.doc-display') : null;
        result.push({ title: title, hidden: hidden });
            if (!display) display = document.getElementById('doc-main-display');
    });
            if (!display) return;


            tabs.forEach(function (tab, i) {
    return result;
                tab.addEventListener('click', function () {
}
                    var currentIdx = tabs.findIndex(function (t) {
                        return t.classList.contains('active');
                    });
                    if (currentIdx === i) return;
                    switchTab(tabs, display, i, i > currentIdx ? 1 : -1);
                });
            });


            var initIdx = tabs.findIndex(function (t) { return t.classList.contains('active'); });
function getConfigCatlinksCategories() {
            if (initIdx !== -1) {
    var normal = mw.config.get('wgCategories') || [];
                var initRef = tabs[initIdx].dataset.ref;
    var hidden = mw.config.get('wgHiddenCategories') || [];
                var initEl = initRef ? document.getElementById(initRef) : null;
    var categories = [];
                display.innerHTML = initEl ? initEl.innerHTML : (tabs[initIdx].dataset.content || '');
            }
        });


        if (!keydownBound) {
    if (!Array.isArray(normal)) normal = [];
            keydownBound = true;
    if (!Array.isArray(hidden)) hidden = [];
            document.addEventListener('keydown', function (e) {
                var tag = document.activeElement.tagName;
                if (tag === 'INPUT' || tag === 'TEXTAREA') return;


                var bar = document.querySelector('.doc-tab-bar');
    normal.forEach(function (name) {
                if (!bar) return;
        categories.push({ title: normalizeCategoryTitle(name), hidden: false });
                var tabs = Array.from(bar.querySelectorAll('.doc-tab'));
    });


                var panel = bar.closest('.doc-panel');
    hidden.forEach(function (name) {
                var display = panel ? panel.querySelector('.doc-display') : null;
        categories.push({ title: normalizeCategoryTitle(name), hidden: true });
                if (!display) display = document.getElementById('doc-main-display');
    });
                if (!display) return;


                var activeIdx = tabs.findIndex(function (t) {
    return dedupeCatlinkCategories(categories);
                    return t.classList.contains('active');
}
                });
                if (activeIdx === -1) return;


                if (e.key === 'q' || e.key === 'Q') {
function markCatlinksReady(cat, pageTitle) {
                    e.preventDefault();
    if (!cat) return;
                    var prev = (activeIdx - 1 + tabs.length) % tabs.length;
                    if (prev !== activeIdx) switchTab(tabs, display, prev, -1);
                } else if (e.key === 'e' || e.key === 'E') {
                    e.preventDefault();
                    var next = (activeIdx + 1) % tabs.length;
                    if (next !== activeIdx) switchTab(tabs, display, next, 1);
                }
            });
        }
    }


     var isAnimating = false;
     cat.classList.add('catlinks');
    cat.classList.add('clbi-catlinks-ready');
    cat.classList.remove('clbi-catlinks-empty');
    cat.classList.remove('clbi-catlinks-pending');
    cat.classList.remove('clbi-catlinks-loading');
    cat.removeAttribute('data-clbi-catlinks-fetching');
    cat.setAttribute('data-clbi-catlinks-page', pageTitle || getCurrentPageTitleForCatlinks());
    clearCatlinksInlineHiding(cat);
    exposeHiddenCatlinks(cat);
}


    function switchTab(tabs, display, nextIdx, dir) {
function markCatlinksEmpty(cat) {
        if (isAnimating) return;
    if (!cat) return;
        isAnimating = true;


        tabs.forEach(function (t) { t.classList.remove('active'); });
    cat.classList.add('catlinks');
        tabs[nextIdx].classList.add('active');
    cat.classList.add('clbi-catlinks-empty');
    cat.classList.remove('clbi-catlinks-ready');
    cat.classList.remove('clbi-catlinks-pending');
    cat.classList.remove('clbi-catlinks-loading');
    cat.removeAttribute('data-clbi-catlinks-fetching');
    cat.removeAttribute('data-clbi-catlinks-page');
}


        var ref = tabs[nextIdx].dataset.ref;
function markCatlinksPending(cat, pageTitle) {
        var nextContent;
    if (!cat) return;
        if (ref) {
            var refEl = document.getElementById(ref);
            nextContent = refEl ? refEl.innerHTML : '';
        } else {
            nextContent = tabs[nextIdx].dataset.content || '';
        }


        glitchOut(display, dir, function () {
    cat.classList.add('catlinks');
            display.innerHTML = nextContent;
    cat.classList.remove('clbi-catlinks-ready');
            glitchIn(display, dir, function () {
    cat.classList.remove('clbi-catlinks-empty');
                isAnimating = false;
    cat.classList.add('clbi-catlinks-pending');
            });
    cat.classList.add('clbi-catlinks-loading');
        });
    cat.setAttribute('data-clbi-catlinks-fetching', '1');
    }
    cat.setAttribute('data-clbi-catlinks-page', pageTitle || getCurrentPageTitleForCatlinks());
}


    function glitchOut(el, dir, cb) {
function renderFetchedCatlinks(cat, categories, pageTitle) {
        var duration = 160;
    var container;
        var start = null;
    var ul;
        var slideX = dir * 16;
    var normalized;


        function step(ts) {
    if (!cat) return false;
            if (!start) start = ts;
            var p = Math.min((ts - start) / duration, 1);
            var ease = p * p;


            var tx = slideX * ease;
    normalized = dedupeCatlinkCategories(categories);
            var skew = dir * ease * 1.0;
            var opacity = 1 - ease;
            var rgb = ease * 5;


            el.style.transform = 'translateX(' + tx + 'px) skewX(' + skew + 'deg)';
    if (!normalized.length) {
            el.style.opacity = opacity;
        markCatlinksEmpty(cat);
            el.style.filter =
        return false;
                'drop-shadow(' + (-rgb) + 'px 0 0 rgba(80,160,255,0.75)) ' +
    }
                'drop-shadow(' + rgb + 'px 0 0 rgba(255,55,90,0.65)) ' +
                'brightness(' + (1 + ease * 0.25) + ')';


            if (p < 1) {
    cat.innerHTML = '';
                requestAnimationFrame(step);
    cat.classList.add('catlinks');
            } else {
    cat.classList.add('clbi-catlinks-api-populated');
                el.style.opacity = '0';
                cb();
            }
        }
        requestAnimationFrame(step);
    }


     function glitchIn(el, dir, cb) {
     container = document.createElement('div');
        var duration = 200;
    container.className = 'mw-normal-catlinks';
        var start = null;
    container.appendChild(document.createTextNode('분류: '));
        var startX = -dir * 16;


        el.style.transform = 'translateX(' + startX + 'px) skewX(' + (-dir * 1.0) + 'deg)';
    ul = document.createElement('ul');
        el.style.opacity = '0';


        function step(ts) {
    normalized.forEach(function (item) {
            if (!start) start = ts;
        var title = String(item && item.title ? item.title : '').trim();
            var p = Math.min((ts - start) / duration, 1);
        var li;
            var ease = 1 - Math.pow(1 - p, 3);
        var a;


            var tx = startX * (1 - ease);
        if (!title) return;
            var skew = -dir * 1.0 * (1 - ease);
            var opacity = ease;
            var rgb = (1 - ease) * 3;
            var brightness = 1 + (1 - ease) * 0.35;


            el.style.transform = 'translateX(' + tx + 'px) skewX(' + skew + 'deg)';
        li = document.createElement('li');
            el.style.opacity = opacity;
        a = document.createElement('a');
            el.style.filter =
        a.href = mw.util.getUrl(title);
                'drop-shadow(' + (-rgb) + 'px 0 0 rgba(80,160,255,0.65)) ' +
        a.title = title;
                'drop-shadow(' + rgb + 'px 0 0 rgba(255,55,90,0.55)) ' +
        a.textContent = makeCategoryLinkTitle(title);
                'brightness(' + brightness + ')';


            if (p < 1) {
        if (item.hidden) {
                requestAnimationFrame(step);
             li.className = 'clbi-hidden-category-item';
             } else {
                el.style.transform = '';
                el.style.opacity = '';
                el.style.filter = '';
                cb();
            }
         }
         }
         requestAnimationFrame(step);
 
         li.appendChild(a);
        ul.appendChild(li);
    });
 
    if (!ul.children.length) {
        markCatlinksEmpty(cat);
        return false;
     }
     }


if (document.readyState === 'loading') {
    container.appendChild(ul);
     document.addEventListener('DOMContentLoaded', initDocTabs);
     cat.appendChild(container);
} else {
     markCatlinksReady(cat, pageTitle);
     initDocTabs();
    return true;
}
}


if (typeof mw !== 'undefined' && mw.hook) {
function fetchCatlinksForPage(pageTitle, callback) {
     mw.hook('wikipage.content').add(function () {
    var api;
         initDocTabs();
 
    if (typeof pageTitle === 'function') {
        callback = pageTitle;
        pageTitle = getCurrentPageTitleForCatlinks();
    }
 
    pageTitle = String(pageTitle || '').trim();
 
    if (!pageTitle || !shouldFetchCatlinks()) {
        if (typeof callback === 'function') callback([], pageTitle);
        return;
    }
 
    if (!mw.Api) {
        if (typeof callback === 'function') callback([], pageTitle);
        return;
     }
 
    api = new mw.Api();
    api.get({
        action: 'query',
        prop: 'categories',
        titles: pageTitle,
        cllimit: 'max',
        clprop: 'hidden',
        formatversion: 2
    }).done(function (data) {
        var pages = data && data.query && data.query.pages ? data.query.pages : [];
        var page = pages && pages.length ? pages[0] : null;
        var categories = page && page.categories ? page.categories : [];
 
        if (typeof callback === 'function') callback(categories || [], pageTitle);
    }).fail(function () {
         if (typeof callback === 'function') callback([], pageTitle);
     });
     });
}
}


})();
function finalizeEmptyCatlinks(cat) {
    if (!cat) return;
    if (!cat.isConnected) return;
 
    clearCatlinksInlineHiding(cat);
    exposeHiddenCatlinks(cat);
 
    if (hasRenderedCatlinkItems(cat)) {
        markCatlinksReady(cat, getCurrentPageTitleForCatlinks());
        return;
    }


/* =========================================
    markCatlinksEmpty(cat);
  Doc Section Switch — 좌측 섹션 전환
}
  ========================================= */


$(document).on('click', '.doc-nav-item[data-section]', function () {
function fetchCatlinksIfNeeded(cat) {
     var name = $(this).attr('data-section');
     var configCategories;
     var display = document.getElementById('doc-main-display');
     var pageTitle;
     var titleEl = document.getElementById('doc-center-title');
     var requestToken;
    var tabBar = document.getElementById('doc-tab-bar-text');


     if (!display) return;
     if (!cat) return;
    if (!cat.isConnected) return;


     $('.doc-nav-item[data-section]').removeClass('active');
     pageTitle = getCurrentPageTitleForCatlinks();
    $('.doc-nav-item[data-section="' + name + '"]').addClass('active');


     if (name === 'text') {
     clearCatlinksInlineHiding(cat);
        if (titleEl) titleEl.textContent = '개요';
    exposeHiddenCatlinks(cat);
        if (tabBar) $(tabBar).show();
 
        var activeTab = tabBar ? tabBar.querySelector('.doc-tab.active') : null;
    if (hasRenderedCatlinkItems(cat)) {
        if (!activeTab && tabBar) activeTab = tabBar.querySelector('.doc-tab');
         markCatlinksReady(cat, pageTitle);
        if (activeTab) {
         return;
            var ref = activeTab.dataset.ref;
            var refEl = ref ? document.getElementById(ref) : null;
            display.innerHTML = refEl ? refEl.innerHTML : (activeTab.dataset.content || '');
        }
    } else {
        if (titleEl) titleEl.textContent = name === 'factions' ? '세력' : name === 'people' ? '인물' : name;
        if (tabBar) $(tabBar).hide();
         var refEl = document.getElementById('doc-content-' + name);
         display.innerHTML = refEl ? refEl.innerHTML : '';
     }
     }
});


/* =========================================
    configCategories = getConfigCatlinksCategories();
  CRT WebGL Renderer — cool-retro-term IBM DOS style
    if (configCategories.length) {
  ========================================= */
        renderFetchedCatlinks(cat, configCategories, pageTitle);
(function () {
        return;
     'use strict';
     }


     function createNoiseTexture(gl) {
     if (!shouldFetchCatlinks()) {
        var size = 512;
         finalizeEmptyCatlinks(cat);
        var data = new Uint8Array(size * size * 4);
         return;
        var s = 12345;
        function rand() {
            s = (s * 1664525 + 1013904223) & 0xffffffff;
            return (s >>> 0) / 0xffffffff;
        }
        for (var i = 0; i < data.length; i++) {
            data[i] = (rand() * 255) | 0;
        }
        var tex = gl.createTexture();
        gl.bindTexture(gl.TEXTURE_2D, tex);
        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, size, size, 0, gl.RGBA, gl.UNSIGNED_BYTE, data);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
         gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
         return tex;
     }
     }


     var VERT = [
     if (cat.getAttribute('data-clbi-catlinks-fetching') === '1' && cat.getAttribute('data-clbi-catlinks-page') === pageTitle) return;
        'attribute vec2 a_pos;',
        'varying vec2 v_uv;',
        'void main() {',
        '  v_uv = vec2(a_pos.x * 0.5 + 0.5, 0.5 - a_pos.y * 0.5);',
        ' gl_Position = vec4(a_pos, 0.0, 1.0);',
        '}'
    ].join('\n');


     var FRAG = [
     requestToken = ++CLBI_CATLINKS_FETCH_TOKEN;
        'precision mediump float;',
    markCatlinksPending(cat, pageTitle);
         'uniform sampler2D u_tex;',
 
         'uniform sampler2D u_noise;',
    fetchCatlinksForPage(pageTitle, function (categories, requestedPage) {
         'uniform vec2 u_res;',
         if (requestToken !== CLBI_CATLINKS_FETCH_TOKEN) return;
         'uniform vec2 u_imgSize;',
         if (requestedPage !== getCurrentPageTitleForCatlinks()) return;
         'uniform float u_time;',
         if (!cat || !cat.isConnected) return;
        'uniform vec2 u_noiseScale;',
         if (cat.getAttribute('data-clbi-catlinks-page') !== requestedPage) return;
         'varying vec2 v_uv;',
 
         if (!renderFetchedCatlinks(cat, categories, requestedPage)) {
            finalizeEmptyCatlinks(cat);
         }
    });
}


        'float sum2(vec2 v) { return v.x + v.y; }',
function normalizeCatlinksPanel(cat) {
        'float min2(vec2 v) { return min(v.x, v.y); }',
    if (!cat) return;
        'float rgb2grey(vec3 v) { return dot(v, vec3(0.21, 0.72, 0.04)); }',


        'vec2 coverUV(vec2 uv) {',
    cat.classList.add('catlinks');
        '  float imgAR = u_imgSize.x / u_imgSize.y;',
    clearCatlinksInlineHiding(cat);
        ' float scrAR = u_res.x / u_res.y;',
    exposeHiddenCatlinks(cat);
        '  float scale = imgAR / scrAR;',
        '  float offsetY = (1.0 - scale) * 0.5;',
        '  return vec2(uv.x, uv.y * scale + offsetY);',
        '}',


        'vec2 barrel(vec2 v, vec2 cc, float k) {',
    if (hasRenderedCatlinkItems(cat)) {
         '  float ar = u_res.x / u_res.y;',
         markCatlinksReady(cat, getCurrentPageTitleForCatlinks());
        '  vec2 c2 = cc;',
         return;
        '  if (ar > 1.0) c2.x /= ar; else c2.y *= ar;',
    }
        '  float dist = dot(c2, c2) * k;',
         '  return v - cc * (1.0 + dist) * dist;',
        '}',


        'vec4 sampleInitialNoise(float t) {',
    fetchCatlinksIfNeeded(cat);
        '  return texture2D(u_noise, vec2(fract(t/2048.0), fract(t/1048576.0)));',
}
        '}',


        'vec4 sampleScreenNoise(vec2 uv) {',
function createCatlinksPanel(target, className) {
        '  return texture2D(u_noise, u_noiseScale * uv);',
    var cat;
        '}',


        'vec3 applyRgbShift(vec2 texUV, float shift) {',
    if (!target || !target.length) return null;
        '  vec2 d = vec2(shift, 0.0);',
        '  vec3 r = texture2D(u_tex, clamp(texUV + d, 0.0, 1.0)).rgb;',
        '  vec3 c = texture2D(u_tex, texUV).rgb;',
        '  vec3 l = texture2D(u_tex, clamp(texUV - d, 0.0, 1.0)).rgb;',
        '  return vec3(',
        '    l.r*0.10 + r.r*0.30 + c.r*0.60,',
        '    l.g*0.20 + r.g*0.20 + c.g*0.60,',
        '    l.b*0.30 + r.b*0.10 + c.b*0.60',
        '  );',
        '}',


        'vec3 applyBloom(vec2 texUV, float strength) {',
    cat = document.createElement('div');
        '  vec2 px = 2.0 / u_res;',
    cat.id = 'catlinks';
        ' vec3 acc = vec3(0.0);',
    cat.className = className || 'catlinks clbi-catlinks-created clbi-catlinks-pending';
        '  acc += texture2D(u_tex, clamp(texUV + vec2( px.x,  0.0), 0.0, 1.0)).rgb;',
    target.append(cat);
        '  acc += texture2D(u_tex, clamp(texUV + vec2(-px.x,  0.0), 0.0, 1.0)).rgb;',
    return cat;
        ' acc += texture2D(u_tex, clamp(texUV + vec2( 0.0,  px.y), 0.0, 1.0)).rgb;',
}
        '  acc += texture2D(u_tex, clamp(texUV + vec2( 0.0, -px.y), 0.0, 1.0)).rgb;',
        '  acc += texture2D(u_tex, clamp(texUV + vec2( px.x,  px.y), 0.0, 1.0)).rgb * 0.5;',
        ' acc += texture2D(u_tex, clamp(texUV + vec2(-px.x,  px.y), 0.0, 1.0)).rgb * 0.5;',
        '  acc += texture2D(u_tex, clamp(texUV + vec2( px.x, -px.y), 0.0, 1.0)).rgb * 0.5;',
        '  acc += texture2D(u_tex, clamp(texUV + vec2(-px.x, -px.y), 0.0, 1.0)).rgb * 0.5;',
        '  return acc / 6.0 * strength;',
        '}',


        'vec3 applyScanlines(vec2 uv, vec3 col) {',
function prepareSpaCatlinksBeforeInsert(root) {
        '  float line = mod(uv.y * u_res.y, 2.0);',
    var nodes;
        '  vec3 hi = ((1.0 + 0.30) - 0.2 * col) * col;',
    var target;
        '  vec3 lo = ((1.0 - 0.30) + 0.1 * col) * col;',
    var configCategories;
        '  return line < 1.0 ? lo : hi;',
    var pageTitle;
        '}',


'vec3 applyRasterization(vec2 uv, vec3 col) {',
    if (!root) return;
'  float t = u_time;',
'  vec2 noiseUV = uv + vec2(fract(t * 0.030), fract(t * 0.060));',
'  float wobbleX = (texture2D(u_noise, noiseUV * 0.8).r - 0.5) * 0.0018;',
'  float wobbleY = (texture2D(u_noise, noiseUV * 0.8 + 0.5).r - 0.5) * 0.0008;',
'  vec2 wobbledUV = clamp(uv + vec2(wobbleX, wobbleY), 0.0, 1.0);',
'  vec3 wobbled = texture2D(u_tex, wobbledUV).rgb;',
'  return mix(col, wobbled, 0.35);',
'}',


        'float glowingLine(vec2 uv, float t) {',
    pageTitle = getCurrentPageTitleForCatlinks();
'  float pos = fract(t * 0.2);',
    configCategories = getConfigCatlinksCategories();
'  float lineY = pos * (u_res.y + 330.0) - 120.0;',
    nodes = getCatlinkNodes(root);
        '  float y = uv.y * u_res.y;',
        '  return fract(smoothstep(-300.0, 0.0, y - lineY));',
        '}',


        'vec2 applyHSync(vec2 uv, vec4 noise, float strength) {',
    nodes.forEach(function (node) {
         '  float randval = strength - noise.r;',
         node.classList.add('catlinks');
        ' float scale = step(0.0, randval) * randval * strength;',
         clearCatlinksInlineHiding(node);
         '  float freq = mix(4.0, 40.0, noise.g);',
         exposeHiddenCatlinks(node);
         '  uv.x += sin((uv.y + u_time * 0.001) * freq) * scale;',
        '  return uv;',
        '}',


         'void main() {',
         if (hasRenderedCatlinkItems(node)) {
         '  vec2 cc = vec2(0.5) - v_uv;',
            markCatlinksReady(node, pageTitle);
         } else if (configCategories.length) {
            renderFetchedCatlinks(node, configCategories, pageTitle);
        } else {
            markCatlinksEmpty(node);
        }
    });


        '  float curvature = 0.18;',
    if (nodes.length || !configCategories.length) return;
        '  vec2 uv = barrel(v_uv, cc, curvature);',


        '  float inScreen = min2(step(vec2(0.0), uv) - step(vec2(1.0), uv));',
    target = getCatlinksTarget(root);
        '  if (inScreen < 0.5) { gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0); return; }',
    if (!target.length) target = $(root);


        '  vec2 texUV = clamp(coverUV(uv), 0.0, 1.0);',
    renderFetchedCatlinks(createCatlinksPanel(target, 'catlinks catlinks-allhidden clbi-catlinks-created clbi-catlinks-pending'), configCategories, pageTitle);
}


        ' vec4 initNoise = sampleInitialNoise(u_time);',
function moveCatlinksToBottom() {
        '  vec4 screenNoise = sampleScreenNoise(uv);',
    var main = $('.liberty-content-main').first();
    var target = getCatlinksTarget();
    var catlinks = getCatlinkNodes();
    var configCategories;
    var pageTitle;
    var requestToken;


        '  texUV = applyHSync(texUV, initNoise, 0.006);',
    if (!main.length || !target.length) return;
        '  texUV = clamp(texUV, 0.0, 1.0);',


        '  texUV += (vec2(screenNoise.b, screenNoise.a) - 0.5) * 0.0006;',
    pageTitle = getCurrentPageTitleForCatlinks();
        '  texUV = clamp(texUV, 0.0, 1.0);',


        '  vec3 col = applyRgbShift(texUV, 0.003);',
    catlinks.forEach(function (node) {
         '  col += applyBloom(texUV, 0.22);',
         var catNode = $(node);


         '  vec2 bpx = 1.5 / u_res;',
         if (node.parentNode !== target[0]) {
        '  vec3 blurCol = vec3(0.0);',
            catNode.appendTo(target);
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2(-bpx.x, -bpx.y), 0.0, 1.0)).rgb;',
         }
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2( 0.0,  -bpx.y), 0.0, 1.0)).rgb;',
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2( bpx.x, -bpx.y), 0.0, 1.0)).rgb;',
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2(-bpx.x,  0.0  ), 0.0, 1.0)).rgb;',
         '  blurCol += texture2D(u_tex, clamp(texUV + vec2( bpx.x,  0.0  ), 0.0, 1.0)).rgb;',
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2(-bpx.x,  bpx.y), 0.0, 1.0)).rgb;',
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2( 0.0,    bpx.y), 0.0, 1.0)).rgb;',
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2( bpx.x,  bpx.y), 0.0, 1.0)).rgb;',
        '  col = mix(col, blurCol / 8.0, 0.40);',


         '  col = applyScanlines(uv, col);',
         normalizeCatlinksPanel(node);
        '  col = applyRasterization(texUV, col);',
    });


        '  float glow = glowingLine(uv, u_time);',
    if (catlinks.length) return;
'  col += glow * 0.08 * vec3(0.85, 0.95, 1.0);',


        '  float dist = length(cc);',
    configCategories = getConfigCatlinksCategories();
         ' col += screenNoise.a * 0.07 * (1.0 - dist * 1.3);',
    if (configCategories.length) {
         renderFetchedCatlinks(createCatlinksPanel(target, 'catlinks catlinks-allhidden clbi-catlinks-created clbi-catlinks-pending'), configCategories, pageTitle);
        return;
    }


        '  float grey = rgb2grey(col);',
    if (!shouldFetchCatlinks()) return;
        '  vec3 phosphor = vec3(0.75, 0.88, 1.0);',
        '  col = mix(col, grey * phosphor, 0.35);',


        '  vec2 vig = v_uv * (1.0 - v_uv);',
    requestToken = ++CLBI_CATLINKS_FETCH_TOKEN;
        '  col *= pow(vig.x * vig.y * 15.0, 0.25);',


        '  col *= 1.0 + (initNoise.g - 0.5) * 0.06;',
    fetchCatlinksForPage(pageTitle, function (categories, requestedPage) {
        var cat;


         '  col += vec3(0.012) * (1.0 - dist) * (1.0 - dist);',
         if (requestToken !== CLBI_CATLINKS_FETCH_TOKEN) return;
        if (requestedPage !== getCurrentPageTitleForCatlinks()) return;
        if (getCatlinkNodes().length) return;
        if (!categories || !categories.length) return;


         '  col = pow(clamp(col, 0.0, 1.0), vec3(0.90));',
         cat = createCatlinksPanel(target, 'catlinks catlinks-allhidden clbi-catlinks-created clbi-catlinks-pending');
        renderFetchedCatlinks(cat, categories, requestedPage);
    });
}


        '  gl_FragColor = vec4(col, 1.0);',
// 대문 스타일
        '}'
function initCategoryNavIfAvailable(root) {
     ].join('\n');
    /*
     CategoryNav.js는 대문 카테고리 네비를 SVG로 생성한다.


     function initCRTCanvas(screen, imgEl) {
     Common.js가 SPA로 본문을 갈아끼운 뒤에는 MediaWiki 원래 페이지 로드와 달리
        var existing = screen.querySelector('.crt-webgl-canvas');
    CategoryNav.js의 초기 DOMContentLoaded만으로는 새 mount를 다시 잡지 못할 수 있다.
        if (existing) existing.remove();
    CategoryNav.js 자체도 mw.hook('wikipage.content')를 듣지만, 로드 순서와 SPA 타이밍이
    엇갈릴 수 있으므로 Common.js 쪽에서도 존재 여부를 확인한 뒤 한 번 더 호출한다.


        var canvas = document.createElement('canvas');
    이 함수는 CategoryNav.js가 아직 로드되지 않았으면 아무 것도 하지 않는다.
        canvas.className = 'crt-webgl-canvas';
    */
         canvas.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;z-index:19;pointer-events:none;display:block;';
    if (window.CategoryNav && typeof window.CategoryNav.init === 'function') {
         screen.appendChild(canvas);
         window.CategoryNav.init(root || document);
         return;
    }


         var gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
    if (
         if (!gl) return;
        window.CLBI &&
        window.CLBI.categoryNav &&
         typeof window.CLBI.categoryNav.init === 'function'
    ) {
         window.CLBI.categoryNav.init(root || document);
    }
}


        function compile(type, src) {
function removeLegacyMainPageHero() {
            var s = gl.createShader(type);
    /*
            gl.shaderSource(s, src);
    기존 대문 전용 레거시 요소 정리
            gl.compileShader(s);
    -----------------------------------------
            if (!gl.getShaderParameter(s, gl.COMPILE_STATUS)) {
    이전 대문 구조에서는 Common.js가 본문 바깥에 #clbi-main-logo를 직접 삽입하고,
                console.error('[CRT shader]', gl.getShaderInfoLog(s));
    본문 안의 #clbi-main-crt-hero를 #clbi-main-crt-hero-wrap으로 감싸서
            }
    .liberty-content-main 위쪽으로 재배치했다.
            return s;
        }


        var prog = gl.createProgram();
    새 대문은 본문 내부의 .main-portal이 로고, 알림, 카테고리 네비, 이미지 피드,
        gl.attachShader(prog, compile(gl.VERTEX_SHADER, VERT));
    방명록, 상태 패널을 모두 담당한다. 따라서 Common.js가 별도 로고나 CRT 래퍼를
        gl.attachShader(prog, compile(gl.FRAGMENT_SHADER, FRAG));
    삽입하면 새 로고/콘텐츠와 중복된다.
        gl.linkProgram(prog);
        gl.useProgram(prog);


        var buf = gl.createBuffer();
    여기서는 JS가 만들던 바깥 로고와 CRT 래퍼를 제거하고, 예전 대문 원본이나
        gl.bindBuffer(gl.ARRAY_BUFFER, buf);
    캐시된 렌더 결과에 남아 있을 수 있는 #clbi-main-crt-hero도 제거한다.
        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1,-1, 1,-1, -1,1, 1,1]), gl.STATIC_DRAW);
    */
        var aPos = gl.getAttribLocation(prog, 'a_pos');
    $('#clbi-main-logo').remove();
        gl.enableVertexAttribArray(aPos);
    $('#clbi-main-crt-hero-wrap').remove();
        gl.vertexAttribPointer(aPos, 2, gl.FLOAT, false, 0, 0);
    $('#clbi-main-crt-hero').remove();
}


        var uTex    = gl.getUniformLocation(prog, 'u_tex');
        var uNoise  = gl.getUniformLocation(prog, 'u_noise');
        var uRes    = gl.getUniformLocation(prog, 'u_res');
        var uImgSize = gl.getUniformLocation(prog, 'u_imgSize');
        var uTime    = gl.getUniformLocation(prog, 'u_time');
        var uNoiseSc = gl.getUniformLocation(prog, 'u_noiseScale');


        var imgTex = gl.createTexture();
function setNativePageTitleHiddenHard(hidden) {
         gl.activeTexture(gl.TEXTURE0);
    var selectors = [
         gl.bindTexture(gl.TEXTURE_2D, imgTex);
        '.liberty-content-header',
         gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
         '.liberty-content-header .title',
         gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
         '.liberty-content-header .title h1',
         gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
         '.liberty-content-header h1',
         gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
        '#firstHeading',
         '.firstHeading',
        '.mw-first-heading',
         '.page-heading',
        '.page-header',
         '.mw-page-title-main',
        '.mw-page-title-namespace',
        '.mw-page-title-separator'
    ];


        gl.activeTexture(gl.TEXTURE1);
    document.querySelectorAll(selectors.join(',')).forEach(function(node) {
         createNoiseTexture(gl);
         if (!node || !node.style) return;


         var texReady = false;
         if (hidden) {
        function uploadImg() {
             node.setAttribute('data-clbi-title-hidden', 'true');
             if (!imgEl || !imgEl.complete || !imgEl.naturalWidth) return;
            node.style.setProperty('display', 'none', 'important');
             try {
             node.style.setProperty('visibility', 'hidden', 'important');
                gl.activeTexture(gl.TEXTURE0);
            node.style.setProperty('height', '0', 'important');
                gl.bindTexture(gl.TEXTURE_2D, imgTex);
            node.style.setProperty('min-height', '0', 'important');
                gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, imgEl);
            node.style.setProperty('margin', '0', 'important');
                texReady = true;
            node.style.setProperty('padding', '0', 'important');
             } catch(e) { console.error('[CRT] tex:', e); }
            node.style.setProperty('overflow', 'hidden', 'important');
        } else if (node.getAttribute('data-clbi-title-hidden') === 'true') {
            node.removeAttribute('data-clbi-title-hidden');
            node.style.removeProperty('display');
             node.style.removeProperty('visibility');
            node.style.removeProperty('height');
            node.style.removeProperty('min-height');
            node.style.removeProperty('margin');
            node.style.removeProperty('padding');
            node.style.removeProperty('overflow');
         }
         }
    });
}


        var lastW = 0, lastH = 0;
function applyDefaultPageTitleVisibility() {
        function resize() {
    var hideTitle = true;
            var w = screen.offsetWidth, h = screen.offsetHeight;
    var isSystemAssetPage = false;
            if (w === lastW && h === lastH) return;
            lastW = w; lastH = h;
            canvas.width = w; canvas.height = h;
            gl.viewport(0, 0, w, h);
        }


        var raf;
    if (window.CLBI_PAGE_SHELL && typeof window.CLBI_PAGE_SHELL.isSystemAssetPage === 'function') {
         var t0 = performance.now();
         isSystemAssetPage = window.CLBI_PAGE_SHELL.isSystemAssetPage();
    }


        function render() {
    if (isSystemAssetPage) {
            raf = requestAnimationFrame(render);
        hideTitle = true;
            if (!texReady) { uploadImg(); return; }
    } else if (window.CLBI_PAGE_SHELL && typeof window.CLBI_PAGE_SHELL.isBackendOrSystemPage === 'function') {
            resize();
         hideTitle = !window.CLBI_PAGE_SHELL.isBackendOrSystemPage();
            var t = (performance.now() - t0) / 1000;
            gl.uniform1i(uTex, 0);
            gl.uniform1i(uNoise, 1);
            gl.uniform2f(uRes, canvas.width, canvas.height);
            gl.uniform2f(uImgSize, imgEl.naturalWidth, imgEl.naturalHeight);
            gl.uniform1f(uTime, t);
            gl.uniform2f(uNoiseSc, canvas.width / 512.0, canvas.height / 512.0);
            gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
        }
 
        if (imgEl.complete && imgEl.naturalWidth) { uploadImg(); }
        else { imgEl.addEventListener('load', uploadImg); }
 
         render();
        screen._crtCleanup = function () { cancelAnimationFrame(raf); };
     }
     }


     function initAllCRTScreens(root) {
     $('body')
        var scope = root && root.querySelectorAll ? root : document;
         .toggleClass('page-title-hidden', hideTitle)
         scope.querySelectorAll('.crt-page-monitor-screen').forEach(function (screen) {
        .toggleClass('page-title-visible', !hideTitle)
            if (screen.getAttribute('data-crt-webgl') === '1') return;
        .toggleClass('clbi-system-doc-page', isSystemAssetPage);
            screen.setAttribute('data-crt-webgl', '1');
            var frame = screen.closest('.crt-page-monitor-frame');
            if (!frame) return;
            var imgEl = frame.querySelector('.crt-page-monitor-slice-img, .crt-page-monitor-image-base img');
            if (imgEl && imgEl.complete && imgEl.naturalWidth) {
                initCRTCanvas(screen, imgEl);
            } else if (imgEl) {
                imgEl.addEventListener('load', function () { initCRTCanvas(screen, imgEl); });
            } else {
                var obs = new MutationObserver(function () {
                    var img = frame.querySelector('.crt-page-monitor-slice-img');
                    if (!img) return;
                    obs.disconnect();
                    if (img.complete && img.naturalWidth) {
                        initCRTCanvas(screen, img);
                    } else {
                        img.addEventListener('load', function () { initCRTCanvas(screen, img); });
                    }
                });
                obs.observe(frame, { childList: true, subtree: true });
            }
        });
    }


     $(function () { initAllCRTScreens(document); });
     $('.content-tools').css('display', 'none');


     if (typeof mw !== 'undefined' && mw.hook) {
     if (isSystemAssetPage && window.CLBI_PAGE_SHELL && typeof window.CLBI_PAGE_SHELL.renderSystemDocIndicator === 'function') {
        mw.hook('wikipage.content').add(function ($c) {
        window.CLBI_PAGE_SHELL.renderSystemDocIndicator();
            document.querySelectorAll('.crt-page-monitor-screen').forEach(function (s) {
    } else if (!isSystemAssetPage && window.CLBI_PAGE_SHELL && typeof window.CLBI_PAGE_SHELL.removeSystemDocIndicator === 'function') {
                if (s._crtCleanup) s._crtCleanup();
        window.CLBI_PAGE_SHELL.removeSystemDocIndicator();
                s.removeAttribute('data-crt-webgl');
            });
            initAllCRTScreens($c && $c[0] ? $c[0] : document);
        });
     }
     }
})();


/* =========================================
    if (hideTitle) {
Progress System UI
        $('.liberty-content-header').css('display', 'none');
MediaWiki:Common.js controlled frontend
        $('.mw-page-title-main, .mw-page-title-namespace, .mw-page-title-separator').addClass('clbi-hide');
========================================= */
        $('#firstHeading, .firstHeading, .mw-first-heading, .page-heading, .page-header').css('display', 'none');
(function (mw, $) {
        setNativePageTitleHiddenHard(true);
    'use strict';
    } else {
        $('.liberty-content-header').css('display', '');
        $('.mw-page-title-main, .mw-page-title-namespace, .mw-page-title-separator').removeClass('clbi-hide');
        $('#firstHeading, .firstHeading, .mw-first-heading, .page-heading, .page-header').css('display', '');
        setNativePageTitleHiddenHard(false);
    }
}


     if (window.ProgressSystemWebUiInitialized) return;
function applyMainPageStyle() {
     window.ProgressSystemWebUiInitialized = true;
     var specialPage = mw.config.get('wgCanonicalSpecialPageName');
     if (specialPage === 'Preferences') return;


     var api = null;
     var pageName = normalizePageName(mw.config.get('wgPageName'));
    var namespaceNumber = mw.config.get('wgNamespaceNumber');
    var isMainPage = (pageName === '대문');
    var isUserProfilePage = (namespaceNumber === 2);
    var isScreenDoc = ($('.screen-header').length > 0);
    var hideTools = (isMainPage || isUserProfilePage || !canShowContentTools());


     function withApi(done, fail) {
     $('body').toggleClass('user-profile-page', isUserProfilePage);
        if (api) {
    $('body').toggleClass('clbi-main-page', isMainPage);
            done(api);
            return;
        }


        if (!mw.loader || typeof mw.loader.using !== 'function') {
    // 모든 문서에서 분류 바를 본문 컨테이너 아래로 이동
            if (typeof fail === 'function') fail();
    moveCatlinksToBottom();
            return;
        }


         mw.loader.using(['mediawiki.api']).then(function () {
    if (isMainPage) {
            api = new mw.Api();
         $('.liberty-content-header').css('display', 'none');
            done(api);
        $('.mw-page-title-main').addClass('clbi-hide');
         }, function () {
        setNativePageTitleHiddenHard(true);
            if (typeof fail === 'function') fail();
         $('.catlinks').css('display', 'none');
         });
         $('.liberty-content-main').css('border-radius', '0');
    }


    var inFlightPageIds = new Set();
        // 새 대문은 .main-portal 본문 구조가 로고/히어로를 담당한다.
    var handledPageIds = new Set();
        // Common.js의 구식 바깥 로고/CRT 재배치 루틴은 사용하지 않는다.
    var notificationQueue = [];
        removeLegacyMainPageHero();
    var notificationActive = false;
        $('#clbi-tools-box').remove();
    var summaryRequested = false;
 
    var currentSummary = null;
        $('.content-tools').css('display', 'none');
    var pendingSummary = null;
 
    var pendingOptions = null;
        initCategoryNavIfAvailable(document);
    var visibilityBound = false;
    var barTimerA = null;
    var barTimerB = null;
    var barTimerC = null;


     function isLoggedIn() {
     } else if (isUserProfilePage) {
         return !!mw.config.get('wgUserName');
         $('.liberty-content-header').css('display', 'none');
    }
        $('.mw-page-title-main, .mw-page-title-namespace, .mw-page-title-separator').addClass('clbi-hide');
        $('.catlinks').css('display', 'none');
        $('.liberty-content-main').css('border-radius', '0');


    function getPageId() {
        $('#clbi-main-logo').remove();
         var id = parseInt(mw.config.get('wgArticleId') || 0, 10);
         $('#clbi-main-crt-hero-wrap').remove();
         return Number.isFinite(id) ? id : 0;
        $('#clbi-main-crt-hero').remove();
    }
         $('#clbi-tools-box').remove();


    function isRewardableClientSide() {
         $('.content-tools').css('display', 'none');
         if (!isLoggedIn()) return false;
        if (parseInt(mw.config.get('wgNamespaceNumber'), 10) !== 0) return false;
        if (mw.config.get('wgIsMainPage')) return false;
        if (getPageId() <= 0) return false;
        return true;
    }


     function getPanelHtml() {
     } else if (isScreenDoc) {
         return '' +
         $('.liberty-content-header').css('display', 'none');
            '<div id="progress-panel" class="profile-progress-block is-syncing" aria-live="polite" data-progress-state="syncing">' +
        $('.mw-page-title-main').addClass('clbi-hide');
                '<div class="progress-title-row" hidden></div>' +
        $('.catlinks').css('display', '');
                '<div class="progress-level-row">' +
        $('.liberty-content-main').css('border-radius', '0');
                    '<span class="progress-level-label">SYNC</span>' +
                    '<span class="progress-total-xp">— XP</span>' +
                '</div>' +
                '<div class="progress-xp-bar" aria-hidden="true">' +
                    '<div class="progress-xp-gain"></div>' +
                    '<div class="progress-xp-fill"></div>' +
                '</div>' +
                '<div class="progress-sub-row">' +
                    '<span class="progress-xp-next">SYNCING</span>' +
                    '<span class="progress-daily-xp">TODAY —</span>' +
                '</div>' +
                '<div class="progress-discovery-row">DISCOVERED —</div>' +
            '</div>';
    }


    function getDividerHtml() {
        $('#clbi-main-logo').remove();
         return '<div id="profile-progress-divider" class="profile-divider" aria-hidden="true"></div>';
         $('#clbi-main-crt-hero-wrap').remove();
    }


    function setPanelSync($panel) {
        if ($('#clbi-tools-box').length === 0 && canShowContentTools()) {
        if (!$panel || !$panel.length) return;
            var $toolsBox = $('<div id="clbi-tools-box" class="clbi-left-box"></div>');
            var $toolsTitle = $('<div class="clbi-left-title">관리</div>');
            var $toolsContent = $('<div class="clbi-left-content"></div>');


        $panel.addClass('is-syncing').removeClass('is-max-level').attr('data-progress-state', 'syncing');
            $toolsContent.append($('.content-tools .btn-group').clone(true));
        $panel.find('.progress-title-row').text('').prop('hidden', true);
            $toolsBox.append($toolsTitle).append($toolsContent);
        $panel.find('.progress-level-label').text('SYNC');
            $('#clbi-left-sidebar').append($toolsBox);
        $panel.find('.progress-total-xp').text('— XP');
         }
        $panel.find('.progress-xp-next').text('SYNCING');
        $panel.find('.progress-daily-xp').text('TODAY —');
        $panel.find('.progress-discovery-row').text('DISCOVERED —');
        $panel.find('.progress-xp-fill').css({ transition: 'none', width: '0%' });
         $panel.find('.progress-xp-gain').css({ transition: 'none', width: '0%', opacity: 0 });
    }


    function placePanel($panel) {
         $('.content-tools').css('display', 'none');
         var $right = $('#clbi-right-sidebar');
        if (!$right.length) return false;


         var $userBox = $right.children('.clbi-right-box').first();
    } else {
         if (!$userBox.length) return false;
         $('.liberty-content-header').css('display', '');
        $('.mw-page-title-main, .mw-page-title-namespace, .mw-page-title-separator').removeClass('clbi-hide');
         $('.catlinks').css('display', '');
        $('.liberty-content-main').css('border-radius', '0');


         var $buttonArea = $userBox.children('.clbi-right-content').first();
         $('#clbi-main-logo').remove();
         var $oldFallback = $panel.closest('.progress-panel-fallback');
        $('#clbi-main-crt-hero-wrap').remove();
         $('#clbi-tools-box').remove();
    }


        if ($buttonArea.length) {
    if (!isUserProfilePage) {
            var $divider = $('#profile-progress-divider');
        $('.profile-card').remove();
        $('.user-profile-portal').removeClass('user-profile-portal');
    }


            $panel.insertBefore($buttonArea);
    $('.content-tools').css('display', 'none');


            if (!$divider.length) {
    applyDefaultPageTitleVisibility();
                $divider = $(getDividerHtml());
    updateSidebar();
            }
}


            $divider.insertAfter($panel);
// 본문 기본 목차 제거
        } else {
function removeNativeTocFromContent() {
            $('#profile-progress-divider').remove();
    $('.liberty-content-main #toc, .liberty-content-main .toc').remove();
            $userBox.append($panel);
}
        }


        if ($oldFallback.length && !$oldFallback.find('#progress-panel').length) {
// 왼쪽 목차: MediaWiki 문단 ID 가져오기
            $oldFallback.remove();
function getHeadingId(heading) {
        }
    if (heading.id) {
        return heading.id;
    }


         return true;
    var headline = heading.querySelector('.mw-headline[id]');
    if (headline && headline.id) {
         return headline.id;
     }
     }


     function ensurePanel() {
     return '';
        if (!isLoggedIn()) return $();
}


        var $right = $('#clbi-right-sidebar');
// 왼쪽 목차: MediaWiki 문단 제목 텍스트 가져오기
        if (!$right.length) return $();
function getHeadingText(heading) {
    var headline = heading.querySelector('.mw-headline');
    var source = headline || heading;
    var clone = source.cloneNode(true);


        var $panel = $('#progress-panel');
    $(clone).find('.mw-editsection, .mw-editsection-bracket, .mw-editsection-divider').remove();


        if (!$panel.length) {
    return (clone.textContent || '')
            $panel = $(getPanelHtml());
        .replace(/\s+/g, ' ')
            if (!placePanel($panel)) return $();
        .trim();
            setPanelSync($panel);
}
         } else {
 
            $panel.addClass('profile-progress-block');
// 왼쪽 목차: 긴 제목에 자동 스크롤 적용
            placePanel($panel);
function initTocTitleScroll(root) {
    var $items = root
         ? $(root).find('.toc-scroll-text')
        : $('#side-toc-box .toc-scroll-text');


            if (!currentSummary && $panel.attr('data-progress-state') !== 'syncing') {
    $items.each(function () {
                setPanelSync($panel);
        var $text = $(this);
            }
         var $wrap = $text.closest('.toc-scroll-wrap');
         }


         return $('#progress-panel');
         if (!$wrap.length) return;
    }


    function clampPercent(value) {
        var wrapW = Math.floor($wrap.width());
         return Math.max(0, Math.min(100, value || 0));
         var textW = Math.ceil(this.scrollWidth);
    }


    function hasXpNotification(items) {
        // 왼쪽 목차: 레이아웃 계산이 끝나지 않았으면 이번 실행에서는 건드리지 않는다.
         if (!items || !items.length) return false;
         if (!wrapW || !textW) return;
        return items.some(function (item) {
            return item && item.type === 'xp' && parseInt(item.amount || 0, 10) > 0;
        });
    }


    function clearBarTimers() {
        if (textW <= wrapW + 12) {
        [barTimerA, barTimerB, barTimerC].forEach(function (timer) {
            // 왼쪽 목차: 칸을 넘지 않는 제목은 전체 텍스트를 그대로 보여준다.
             if (timer) clearTimeout(timer);
             $wrap.removeClass('is-scrolling');
        });
        barTimerA = null;
        barTimerB = null;
        barTimerC = null;
    }


    function setBarInstant($fill, $gain, percent) {
            if ($text.data('toc-scroll-enabled')) {
        clearBarTimers();
                $text.css({
        percent = clampPercent(percent);
                    animation: '',
        $fill.css({ transition: 'none', width: percent + '%' });
                    'animation-delay': '',
        $gain.css({ transition: 'none', left: '0%', width: '0%', opacity: 0 });
                    '--scroll-dist': ''
        if ($fill[0]) $fill[0].offsetHeight;
                });
        $fill.css({ transition: '' });
                $text.removeData('toc-scroll-enabled');
        $gain.css({ transition: '' });
                $text.removeData('toc-scroll-key');
    }
            }


    function animateGain($fill, $gain, fromPercent, toPercent, levelChanged) {
            return;
         clearBarTimers();
         }


         fromPercent = clampPercent(fromPercent);
         var scrollDist = '-' + (textW - wrapW + 10) + 'px';
         toPercent = clampPercent(toPercent);
         var duration = Math.max(7, textW / 38) * 1.25;
        var scrollKey = scrollDist + '|' + duration;


         $fill.css({ transition: 'none', width: fromPercent + '%' });
        // 왼쪽 목차: 긴 제목에는 오른쪽 페이드와 스크롤을 적용한다.
         $wrap.addClass('is-scrolling');


         if (levelChanged) {
        // 왼쪽 목차: 같은 값으로 이미 적용된 애니메이션은 다시 초기화하지 않는다.
             var firstDelta = Math.max(0, 100 - fromPercent);
         if ($text.data('toc-scroll-key') === scrollKey) {
             return;
        }


            $gain.css({
        $text.data('toc-scroll-enabled', true);
                transition: 'none',
        $text.data('toc-scroll-key', scrollKey);
                opacity: firstDelta > 0 ? 1 : 0,
                left: fromPercent + '%',
                width: firstDelta + '%'
            });


             if ($fill[0]) $fill[0].offsetHeight;
        $text.css({
             // 왼쪽 목차: 페이지 진입 직후에는 잠시 읽을 시간을 준 뒤 흐르게 한다.
            animation: 'toc-scroll-blink-reset ' + duration + 's linear infinite',
            'animation-delay': '1s',
            '--scroll-dist': scrollDist
        });
    });
}


            barTimerA = setTimeout(function () {
// 목차를 왼쪽 사이드바에 새로 생성
                $fill.css({
function moveTocToLeftSidebar() {
                    transition: 'width 540ms cubic-bezier(0.22, 0.7, 0.18, 1)',
    removeNativeTocFromContent();
                    width: '100%'
    $('#side-toc-box').remove();
                });
    return;
            }, 260);


            barTimerB = setTimeout(function () {
    // 왼쪽 목차: MediaWiki가 만든 원래 목차는 본문에서 제거한다.
                $fill.css({ transition: 'none', width: '0%' });
    removeNativeTocFromContent();
                $gain.css({ transition: 'none', opacity: toPercent > 0 ? 1 : 0, left: '0%', width: toPercent + '%' });


                if ($fill[0]) $fill[0].offsetHeight;
    var leftSidebar = document.getElementById('clbi-left-sidebar');
    if (!leftSidebar) return;


                $fill.css({
    var content =
                    transition: 'width 460ms cubic-bezier(0.22, 0.7, 0.18, 1)',
        document.querySelector('.liberty-content-main .mw-parser-output') ||
                    width: toPercent + '%'
        document.querySelector('.liberty-content-main');
                });
            }, 860);


            barTimerC = setTimeout(function () {
    if (!content) return;
                $gain.css({ transition: 'opacity 180ms ease', opacity: 0 });
            }, 1380);


            return;
    var headings = Array.prototype.slice.call(
        }
        content.querySelectorAll('h2, h3')
    ).filter(function (heading) {
        if (heading.closest('#toc, .toc, #side-toc-box')) return false;


         var delta = Math.max(0, toPercent - fromPercent);
         var id = getHeadingId(heading);
        var text = getHeadingText(heading);


         if (delta <= 0.15) {
         if (!id || !text) return false;
            setBarInstant($fill, $gain, toPercent);
            return;
        }


         $gain.css({
         return true;
            transition: 'none',
    });
            opacity: 1,
            left: fromPercent + '%',
            width: delta + '%'
        });


         if ($fill[0]) $fill[0].offsetHeight;
    var tocKey = headings.map(function (heading) {
         return getHeadingId(heading) + '|' + getHeadingText(heading);
    }).join('||');
 
    var existingBox = document.getElementById('side-toc-box');


        barTimerA = setTimeout(function () {
    // 왼쪽 목차: 같은 문서에서 같은 목차를 이미 만들었다면 다시 지우고 만들지 않는다.
            $fill.css({
    if (existingBox && existingBox.getAttribute('data-toc-key') === tocKey) {
                transition: 'width 560ms cubic-bezier(0.22, 0.7, 0.18, 1)',
        initTocTitleScroll(existingBox);
                width: toPercent + '%'
         return;
            });
    }
         }, 260);


        barTimerB = setTimeout(function () {
    if (existingBox) {
            $gain.css({ transition: 'opacity 180ms ease', opacity: 0 });
        existingBox.remove();
        }, 940);
     }
     }


     function updatePanel(summary, options) {
     if (!headings.length) return;
        if (!summary) return;


        options = options || {};
    var tocBox = document.createElement('div');
    tocBox.className = 'clbi-left-box';
    tocBox.id = 'side-toc-box';
    tocBox.setAttribute('data-toc-key', tocKey);


        var $panel = ensurePanel();
    var title = document.createElement('div');
        if (!$panel.length) {
    title.className = 'clbi-left-title';
            pendingSummary = $.extend({}, summary);
            pendingOptions = $.extend({}, options);
            return;
        }


        var level = summary.level || 1;
    // 왼쪽 목차: 박스 제목은 Lang.js의 현재 UI 언어를 따른다.
        var totalXp = summary.totalXp || 0;
    var currentLang = getCurrentLang();
        var xpIntoLevel = summary.xpIntoLevel || 0;
    var t = (window.LANG && window.LANG[currentLang]) ? window.LANG[currentLang] : window.LANG.ko;
        var xpForNext = summary.xpForNextLevel || 1;
    var tocTitleText = (t && t.toc) ? t.toc : '목차';
        var percent = clampPercent(summary.progressPercent);
        var isMaxLevel = !!summary.isMaxLevel;
        var dailyXp = summary.dailyXp || 0;
        var discoveries = summary.discoveryCount || 0;
        var title = summary.equippedTitle || summary.title || '';


        $panel.removeClass('is-syncing').toggleClass('is-max-level', isMaxLevel).attr('data-progress-state', 'ready');
    title.textContent = tocTitleText;
        $panel.find('.progress-level-label').text((isMaxLevel ? 'MAX ' : 'LVL ') + level);
 
        $panel.find('.progress-total-xp').text(totalXp + ' XP');
    var body = document.createElement('div');
        $panel.find('.progress-xp-next').text(isMaxLevel ? 'MAX LEVEL' : (xpIntoLevel + ' / ' + xpForNext + ' TO NEXT'));
    body.className = 'clbi-left-content toc-sidebar-content';
        $panel.find('.progress-daily-xp').text('TODAY ' + dailyXp + ' XP');
        $panel.find('.progress-discovery-row').text('DISCOVERED ' + discoveries);


        var $title = $panel.find('.progress-title-row');
    var list = document.createElement('ul');
        if (title) {
    list.className = 'generated-toc';
            $title.text(title).prop('hidden', false);
        } else {
            $title.text('').prop('hidden', true);
        }


         var $fill = $panel.find('.progress-xp-fill');
    headings.forEach(function (heading) {
         var $gain = $panel.find('.progress-xp-gain');
         var id = getHeadingId(heading);
         var animate = !!options.animateGain && currentSummary && totalXp > (currentSummary.totalXp || 0);
         var text = getHeadingText(heading);
         var level = heading.tagName.toLowerCase() === 'h3' ? 3 : 2;


         if (animate) {
         var item = document.createElement('li');
            animateGain(
        item.className = 'toc-level-' + level;
                $fill,
                $gain,
                clampPercent(currentSummary.progressPercent),
                percent,
                level !== (currentSummary.level || 1)
            );
        } else {
            setBarInstant($fill, $gain, percent);
        }


         currentSummary = $.extend({}, summary);
         var link = document.createElement('a');
         pendingSummary = null;
         link.setAttribute('href', '#' + id);
        pendingOptions = null;
    }


    function requestSummary() {
        // 왼쪽 목차: 긴 제목 스크롤을 위해 텍스트를 별도 span으로 감싼다.
         if (!isLoggedIn()) return;
         var textWrap = document.createElement('span');
         if (summaryRequested) return;
         textWrap.className = 'toc-scroll-wrap';


         summaryRequested = true;
         var textSpan = document.createElement('span');
        textSpan.className = 'toc-scroll-text';
        textSpan.textContent = text;


         withApi(function (api) {
         textWrap.appendChild(textSpan);
            api.get({
        link.appendChild(textWrap);
                action: 'progress_summary',
                format: 'json',
                formatversion: 2
            }).then(function (data) {
                var payload = data && data.progress_summary;
                if (payload && payload.available && payload.summary) {
                    updatePanel(payload.summary, { animateGain: false });
                }
            }).always(function () {
                summaryRequested = false;
            });
        }, function () {
            summaryRequested = false;
        });
    }


    function queueNotifications(items) {
        item.appendChild(link);
         if (!items || !items.length) return;
         list.appendChild(item);
    });


        items.forEach(function (item) {
    body.appendChild(list);
            if (!item) return;
    tocBox.appendChild(title);
            notificationQueue.push(item);
    tocBox.appendChild(body);
        });
    leftSidebar.appendChild(tocBox);


         showNextNotification();
    // 왼쪽 목차: DOM 배치가 끝난 뒤 긴 제목 스크롤 여부를 계산한다.
    }
    requestAnimationFrame(function () {
         initTocTitleScroll(tocBox);


    function notificationText(item) {
        setTimeout(function () {
        if (item.type === 'xp') {
            initTocTitleScroll(tocBox);
            return '+' + (item.amount || 0) + ' XP · ' + (item.label || '문서 열람');
        }, 120);
        }
    });
}


        if (item.type === 'achievement') {
            var xp = item.amount ? ' · +' + item.amount + ' XP' : '';
            return '업적 달성 · ' + (item.label || '새 업적') + xp;
        }


         if (item.type === 'level') {
// 우측 광고판: 이미지/번역 캡션 목록
             return item.label || '레벨 상승';
var RIGHT_BILLBOARD_ITEMS = [
         }
    {
        file: 'Side-visual-001.png',
         alt: 'PROOF TO THE WORLD / YOU ONCE PART OF IT',
        duration: 3000,
        caption: [
            '"당신이 한때 이 세계의',
            '',
            '일부였다는 것을 증명하십시오"'
        ]
    },
    {
        file: 'Side-visual-002.png',
        alt: 'APPLY NOW',
        duration: 1000,
        caption: [
            '"지금 지원하세요!"'
        ]
    },
    {
        file: 'Side-visual-003.png',
        alt: 'APPLY NOW',
        duration: 1000,
        caption: [
             '"지금 지원하세요!"'
        ]
    },
    {
        file: 'Side-visual-002.png',
        alt: 'APPLY NOW',
        duration: 1000,
        caption: [
            '"지금 지원하세요!"'
         ]
    }
];
 
function getRightBillboardItem(index) {
    var items = RIGHT_BILLBOARD_ITEMS;


         return item.label || '보상 획득';
    if (!items || !items.length) {
         return {
            file: 'Side-visual-001.png',
            alt: '',
            caption: []
        };
     }
     }


     function showNextNotification() {
     var normalized = index % items.length;
        if (notificationActive) return;
    if (normalized < 0) normalized += items.length;
        if (!notificationQueue.length) return;


        notificationActive = true;
    return items[normalized];
        var item = notificationQueue.shift();
}
        var $root = $('#progress-toast-root');


        if (!$root.length) {
function getRightBillboardImageUrl(fileName) {
            $('body').append('<div id="progress-toast-root"></div>');
    return '/index.php?title=특수:Redirect/file/' + encodeURIComponent(fileName || 'Side-visual-001.png');
            $root = $('#progress-toast-root');
}
        }


        var $toast = $('<div class="progress-toast"></div>');
function getRightBillboardCaptionHtml(item) {
        $toast.text(notificationText(item));
    var lines = item && item.caption ? item.caption : [];
        $root.append($toast);
    var html = '';


         requestAnimationFrame(function () {
    function escapeCaptionText(value) {
             $toast.addClass('is-visible');
         return String(value == null ? '' : value)
        });
            .replace(/&/g, '&amp;')
            .replace(/</g, '&lt;')
             .replace(/>/g, '&gt;')
            .replace(/\"/g, '&quot;')
            .replace(/'/g, '&#039;');
    }


        setTimeout(function () {
    lines.forEach(function(line) {
            $toast.removeClass('is-visible');
        var text = String(line == null ? '' : line);
            setTimeout(function () {
        var isGap = !text.trim();
                $toast.remove();
        var className = 'right-billboard-caption-line' + (isGap ? ' is-gap' : '');
                notificationActive = false;
        html += '<span class="' + className + '">' + (isGap ? '&nbsp;' : escapeCaptionText(text)) + '</span>';
                showNextNotification();
    });
            }, 220);
        }, 2600);
    }


     function applyPendingSummaryIfPossible() {
     return html;
        if (!pendingSummary) return;
}
        updatePanel(pendingSummary, pendingOptions || { animateGain: false });
    }


     function handlePageView() {
function setRightBillboardItem(index) {
    var box = document.querySelector('.right-billboard-box');
    if (!box) return;
 
    var item = getRightBillboardItem(index);
    var src = getRightBillboardImageUrl(item.file);
    var images = box.querySelectorAll('.right-billboard-image');
    var caption = box.querySelector('#right-billboard-caption');
    var emptySub = box.querySelector('.right-billboard-empty-sub');
 
    box.setAttribute('data-billboard-index', String(index));
    box.classList.remove('is-empty');
 
    Array.prototype.forEach.call(images, function(img) {
        img.style.display = '';
        img.setAttribute('src', src);
        img.setAttribute('alt', img.classList.contains('right-billboard-image-base') ? (item.alt || '') : '');
    });
 
    if (caption) {
        caption.innerHTML = getRightBillboardCaptionHtml(item);
    }
 
    if (emptySub) {
        emptySub.textContent = item.file || 'Side-visual-001.png';
    }
}
 
function getRightBillboardItemDuration(item) {
    var duration = item && item.duration ? parseInt(item.duration, 10) : 3000;
 
    if (Number.isNaN(duration) || duration < 500) {
        duration = 3000;
    }
 
    return duration;
}
 
function initRightBillboardCarousel() {
    var box = document.querySelector('.right-billboard-box');
    if (!box || box.getAttribute('data-billboard-ready') === '1') return;
 
    box.setAttribute('data-billboard-ready', '1');
    box.setAttribute('data-billboard-index', '0');
 
    setRightBillboardItem(0);
 
    if (!RIGHT_BILLBOARD_ITEMS || RIGHT_BILLBOARD_ITEMS.length <= 1) return;
 
    function scheduleNext() {
        var current = parseInt(box.getAttribute('data-billboard-index') || '0', 10);
        if (Number.isNaN(current)) current = 0;
 
        var currentItem = getRightBillboardItem(current);
        var delay = getRightBillboardItemDuration(currentItem);
 
        window.setTimeout(function() {
            if (!document.body.contains(box)) return;
 
            if (!document.hidden) {
                setRightBillboardItem(current + 1);
            }
 
            scheduleNext();
        }, delay);
    }
 
    scheduleNext();
}
 
 
function escapeRightBillboardAttr(value) {
    return String(value == null ? '' : value)
        .replace(/&/g, '&amp;')
        .replace(/</g, '&lt;')
        .replace(/>/g, '&gt;')
        .replace(/"/g, '&quot;')
        .replace(/'/g, '&#039;');
}
 
function buildRightBillboardBox() {
    var billboardInitial = getRightBillboardItem(0);
    var billboardSrc = getRightBillboardImageUrl(billboardInitial.file);
 
    return '' +
        '<div class="clbi-left-box right-billboard-box left-billboard-box left-ad-box" data-billboard-index="0">' +
            '<div class="clbi-left-title right-billboard-title left-ad-title left-ad-title-iconless">' +
                '<span id="clbi-title-left-ad" class="left-ad-title-label">Looking for a job?</span>' +
            '</div>' +
            '<div class="clbi-left-content left-ad-content-shell">' +
                '<div class="right-billboard-body">' +
                    '<div class="right-billboard-recess">' +
                        '<div class="right-billboard-screen">' +
                            '<img id="right-billboard-image" class="right-billboard-image right-billboard-image-base" src="' + escapeRightBillboardAttr(billboardSrc) + '" alt="' + escapeRightBillboardAttr(billboardInitial.alt || '') + '" onload="var b=this.closest(\'.right-billboard-box\'); if(b){b.classList.remove(\'is-empty\');}" onerror="this.onerror=null;this.style.display=\'none\';var b=this.closest(\'.right-billboard-box\'); if(b){b.classList.add(\'is-empty\');}">' +
                            '<img class="right-billboard-image right-billboard-image-bloom" src="' + escapeRightBillboardAttr(billboardSrc) + '" alt="" aria-hidden="true" onerror="this.onerror=null;this.style.display=\'none\';">' +
                            '<img class="right-billboard-image right-billboard-slice right-billboard-slice-a" src="' + escapeRightBillboardAttr(billboardSrc) + '" alt="" aria-hidden="true" onerror="this.onerror=null;this.style.display=\'none\';">' +
                            '<img class="right-billboard-image right-billboard-slice right-billboard-slice-b" src="' + escapeRightBillboardAttr(billboardSrc) + '" alt="" aria-hidden="true" onerror="this.onerror=null;this.style.display=\'none\';">' +
                            '<img class="right-billboard-image right-billboard-slice right-billboard-slice-c" src="' + escapeRightBillboardAttr(billboardSrc) + '" alt="" aria-hidden="true" onerror="this.onerror=null;this.style.display=\'none\';">' +
                            '<div class="right-billboard-glitch" aria-hidden="true"></div>' +
                            '<div class="right-billboard-tear" aria-hidden="true"></div>' +
                            '<div class="right-billboard-empty" aria-hidden="true">' +
                                '<span class="right-billboard-empty-main">SIGNAL EMPTY</span>' +
                                '<span class="right-billboard-empty-sub">' + escapeRightBillboardAttr(billboardInitial.file || 'Side-visual-001.png') + '</span>' +
                            '</div>' +
                        '</div>' +
                    '</div>' +
                    '<div id="right-billboard-caption" class="right-billboard-caption" aria-hidden="true">' + getRightBillboardCaptionHtml(billboardInitial) + '</div>' +
                    '<div class="right-billboard-bottom-finish left-ad-bottom-finish" aria-hidden="true"></div>' +
                '</div>' +
            '</div>' +
        '</div>';
}
 
 
var GREAT_WALL_DATA_TITLE = '프로젝트:The_Great_Wall/Data.json';
var GREAT_WALL_LIST_LIMIT = 0;
var greatWallState = {
    data: { entries: {} },
    loaded: false,
    loading: false,
    saving: false,
    selectedOwnEntry: false,
    statusText: ''
};
 
function normalizeGreatWallData(data) {
    var normalized = { entries: {} };
    var entries = data && data.entries && typeof data.entries === 'object' ? data.entries : {};
 
    Object.keys(entries).forEach(function(key) {
        var item = entries[key];
        var user = item && item.user ? String(item.user) : String(key || '');
        var text = item && item.text ? String(item.text) : '';
        var timestamp = item && item.timestamp ? String(item.timestamp) : '';
 
        if (!user || !text) return;
 
        normalized.entries[user] = {
            user: user,
            text: text.slice(0, 140),
            timestamp: timestamp || new Date(0).toISOString()
        };
    });
 
    return normalized;
}
 
function parseGreatWallData(text) {
    var parsed;
 
    try {
        parsed = text ? JSON.parse(text) : {};
    } catch (err) {
        console.error('The Great Wall data parse failed:', err);
        parsed = {};
    }
 
    return normalizeGreatWallData(parsed);
}
 
function stringifyGreatWallData(data) {
    return JSON.stringify(normalizeGreatWallData(data), null, 2) + '\n';
}
 
function getGreatWallRevisionText(page) {
    var rev;
    var slot;
 
    if (!page || !page.revisions || !page.revisions.length) return '';
 
    rev = page.revisions[0];
 
    if (rev.slots && rev.slots.main) {
        slot = rev.slots.main;
        return slot.content || slot['*'] || '';
    }
 
    return rev.content || rev['*'] || '';
}
 
function fetchGreatWallData() {
    var api = new mw.Api();
 
    return api.get({
        action: 'query',
        prop: 'revisions',
        titles: GREAT_WALL_DATA_TITLE,
        rvprop: 'content|timestamp',
        rvslots: 'main',
        formatversion: 2
    }).then(function(data) {
        var pages = data && data.query && data.query.pages ? data.query.pages : [];
        var page = pages[0] || null;
 
        if (!page || page.missing) {
            return { entries: {} };
        }
 
        return parseGreatWallData(getGreatWallRevisionText(page));
    }, function(err) {
        console.error('The Great Wall load failed:', err);
        return { entries: {} };
    });
}
 
function getGreatWallEntries(data) {
    var entries = data && data.entries && typeof data.entries === 'object' ? data.entries : {};
 
    return Object.keys(entries).map(function(key) {
        return entries[key];
    }).filter(function(item) {
        return item && item.user && item.text;
    }).sort(function(a, b) {
        return String(a.timestamp || '').localeCompare(String(b.timestamp || ''));
    });
}
 
function getGreatWallMessageTime(timestamp) {
    var date = timestamp ? new Date(timestamp) : null;
    var month;
    var day;
    var hour;
    var minute;
 
    if (!date || isNaN(date.getTime())) return '—';
 
    month = String(date.getMonth() + 1).padStart(2, '0');
    day = String(date.getDate()).padStart(2, '0');
    hour = String(date.getHours()).padStart(2, '0');
    minute = String(date.getMinutes()).padStart(2, '0');
 
    return month + '.' + day + ' ' + hour + ':' + minute;
}
 
function getGreatWallAvatarSrc(user) {
    return '/index.php?title=특수:Redirect/file/Pfp-' + encodeURIComponent(String(user || '')) + '.png';
}
 
function buildGreatWallEntryHtml(item, currentUser, selectedOwnEntry) {
    var isOwn = currentUser && item.user === currentUser;
    var tag = isOwn ? 'button' : 'div';
    var attrs = isOwn ? ' type="button" data-great-wall-own-entry="1" aria-label="Edit your wall message"' : '';
    var className = 'great-wall-entry' + (isOwn ? ' is-own' : '') + (isOwn && selectedOwnEntry ? ' is-selected' : '');
    var avatarSrc = getGreatWallAvatarSrc(item.user);
    var messageTime = getGreatWallMessageTime(item.timestamp);
    var isoTime = item.timestamp || '';
 
    return '' +
        '<' + tag + attrs + ' class="' + className + '">' +
            '<img class="great-wall-avatar" src="' + escapeClbiHtml(avatarSrc) + '" alt="" onerror="this.onerror=null;this.src=&quot;/index.php?title=특수:Redirect/file/Pfp-default.png&quot;;">' +
            '<div class="great-wall-bubble">' +
                '<div class="great-wall-entry-head">' +
                    '<span class="great-wall-user">@' + escapeClbiHtml(item.user) + '</span>' +
                    '<span class="great-wall-time" title="' + escapeClbiHtml(isoTime) + '">' + escapeClbiHtml(messageTime) + '</span>' +
                '</div>' +
                '<div class="great-wall-text">' + escapeClbiHtml(item.text) + '</div>' +
            '</div>' +
        '</' + tag + '>';
}
 
function renderGreatWallBox() {
    var box = document.getElementById('great-wall-sidebar');
    var list = document.getElementById('great-wall-list');
    var input = document.getElementById('great-wall-input');
    var submit = document.getElementById('great-wall-submit');
    var deleteButton = document.getElementById('great-wall-delete');
    var status = document.getElementById('great-wall-status');
    var currentUser = mw.config.get('wgUserName') || '';
    var entries = getGreatWallEntries(greatWallState.data);
    var ownEntry = currentUser && greatWallState.data.entries ? greatWallState.data.entries[currentUser] : null;
    var visibleEntries = [];
    var seen = {};
 
    if (!box || !list) return;
 
    box.classList.toggle('is-guest', !currentUser);
    box.classList.toggle('is-loading', !!greatWallState.loading);
    box.classList.toggle('is-saving', !!greatWallState.saving);
    box.classList.toggle('has-own-entry', !!ownEntry);
    box.classList.toggle('is-own-selected', !!greatWallState.selectedOwnEntry);
 
    entries.forEach(function(item) {
        if (seen[item.user]) return;
        visibleEntries.push(item);
        seen[item.user] = true;
    });
 
    if (greatWallState.loading && !greatWallState.loaded) {
        list.innerHTML = '<div class="great-wall-empty">SYNCING WALL</div>';
    } else if (!visibleEntries.length) {
        list.innerHTML = '<div class="great-wall-empty">NO MARKS</div>';
    } else {
        list.innerHTML = visibleEntries.map(function(item) {
            return buildGreatWallEntryHtml(item, currentUser, greatWallState.selectedOwnEntry);
        }).join('');
    }
 
    if (list && list.scrollHeight > list.clientHeight) {
        list.scrollTop = list.scrollHeight;
    }
 
    if (status) {
        // Status text is intentionally suppressed in the composer strip; the area is spacing-only UI.
        status.textContent = '';
    }
 
    if (!input || !submit) return;
 
    input.disabled = false;
    input.readOnly = false;
    input.removeAttribute('aria-readonly');
 
    if (!currentUser) {
        input.disabled = true;
        input.readOnly = false;
        input.value = '';
        input.placeholder = '담벼락';
        submit.textContent = 'LOGIN';
        submit.disabled = false;
        if (deleteButton) {
            deleteButton.disabled = true;
            deleteButton.title = 'Login required';
        }
        return;
    }
 
    if (greatWallState.saving || greatWallState.loading) {
        input.disabled = true;
        input.readOnly = false;
        submit.disabled = true;
        submit.textContent = greatWallState.saving ? 'SAVE' : 'SYNC';
        if (deleteButton) {
            deleteButton.disabled = true;
            deleteButton.title = greatWallState.saving ? 'Saving' : 'Syncing';
        }
        return;
    }
 
    if (deleteButton) {
        deleteButton.disabled = !ownEntry;
        deleteButton.title = ownEntry ? 'Delete your mark' : 'No mark to delete';
    }
 
    if (ownEntry && !greatWallState.selectedOwnEntry) {
        input.disabled = false;
        input.readOnly = true;
        input.setAttribute('aria-readonly', 'true');
        input.value = '';
        input.placeholder = '담벼락';
        submit.disabled = true;
        submit.textContent = 'UPDATE';
        return;
    }
 
    input.disabled = false;
    input.readOnly = false;
    input.removeAttribute('aria-readonly');
    input.placeholder = '담벼락';
    if (ownEntry && greatWallState.selectedOwnEntry && !input.value) {
        input.value = ownEntry.text || '';
    }
    submit.disabled = false;
    submit.textContent = ownEntry ? 'UPDATE' : 'POST';
}
 
function saveGreatWallEntry() {
    var input = document.getElementById('great-wall-input');
    var currentUser = mw.config.get('wgUserName') || '';
    var ownEntry = currentUser && greatWallState.data.entries ? greatWallState.data.entries[currentUser] : null;
    var text = input ? String(input.value || '').trim() : '';
    var api;
 
    if (!currentUser) {
        window.location.href = '/index.php?title=특수:로그인&returnto=' + encodeURIComponent(mw.config.get('wgPageName') || '대문');
        return;
    }
 
    if (ownEntry && !greatWallState.selectedOwnEntry) {
        greatWallState.statusText = '';
        renderGreatWallBox();
        return;
    }
 
    if (!text) {
        greatWallState.statusText = 'EMPTY MARK';
        renderGreatWallBox();
        return;
    }
 
    if (text.length > 140) {
        text = text.slice(0, 140);
    }
 
    greatWallState.saving = true;
    greatWallState.statusText = 'SAVING';
    renderGreatWallBox();
 
    fetchGreatWallData().then(function(data) {
        data = normalizeGreatWallData(data);
        data.entries[currentUser] = {
            user: currentUser,
            text: text,
            timestamp: new Date().toISOString()
        };
 
        api = new mw.Api();
        return api.postWithToken('csrf', {
            action: 'edit',
            title: GREAT_WALL_DATA_TITLE,
            text: stringifyGreatWallData(data),
            summary: 'Update The Great Wall entry',
            format: 'json'
        }).then(function() {
            greatWallState.data = data;
            greatWallState.loaded = true;
            greatWallState.selectedOwnEntry = false;
            greatWallState.statusText = 'MARK UPDATED';
            if (input) input.value = '';
        });
    }).then(function() {
        greatWallState.saving = false;
        renderGreatWallBox();
    }, function(err) {
        console.error('The Great Wall save failed:', err);
        greatWallState.saving = false;
        greatWallState.statusText = 'SAVE FAILED';
        renderGreatWallBox();
    });
}
 
 
function deleteGreatWallEntry() {
    var input = document.getElementById('great-wall-input');
    var currentUser = mw.config.get('wgUserName') || '';
    var ownEntry = currentUser && greatWallState.data.entries ? greatWallState.data.entries[currentUser] : null;
    var api;
 
    if (!currentUser) {
        window.location.href = '/index.php?title=특수:로그인&returnto=' + encodeURIComponent(mw.config.get('wgPageName') || '대문');
        return;
    }
 
    if (!ownEntry) {
        greatWallState.statusText = 'NO MARK TO DELETE';
        renderGreatWallBox();
        return;
    }
 
    greatWallState.saving = true;
    greatWallState.statusText = 'DELETING';
    renderGreatWallBox();
 
    fetchGreatWallData().then(function(data) {
        data = normalizeGreatWallData(data);
        if (data.entries && data.entries[currentUser]) {
            delete data.entries[currentUser];
        }
 
        api = new mw.Api();
        return api.postWithToken('csrf', {
            action: 'edit',
            title: GREAT_WALL_DATA_TITLE,
            text: stringifyGreatWallData(data),
            summary: 'Delete The Great Wall entry',
            format: 'json'
        }).then(function() {
            greatWallState.data = data;
            greatWallState.loaded = true;
            greatWallState.selectedOwnEntry = false;
            greatWallState.statusText = 'MARK DELETED';
            if (input) input.value = '';
        });
    }).then(function() {
        greatWallState.saving = false;
        renderGreatWallBox();
    }, function(err) {
        console.error('The Great Wall delete failed:', err);
        greatWallState.saving = false;
        greatWallState.statusText = 'DELETE FAILED';
        renderGreatWallBox();
    });
}
 
function initGreatWallBoxWhenReady() {
    if (!document.getElementById('great-wall-sidebar')) return;
 
    if (mw.Api) {
        initGreatWallBox();
        return;
    }
 
    if (mw.loader && mw.loader.using) {
        mw.loader.using(['mediawiki.api']).then(function() {
            initGreatWallBox();
        });
    }
}
 
function initGreatWallBox() {
    var box = document.getElementById('great-wall-sidebar');
    var input = document.getElementById('great-wall-input');
    var submit = document.getElementById('great-wall-submit');
    var deleteButton = document.getElementById('great-wall-delete');
 
    if (!box || box.getAttribute('data-great-wall-ready') === '1') return;
 
    if (!mw.Api) {
        initGreatWallBoxWhenReady();
        return;
    }
 
    box.setAttribute('data-great-wall-ready', '1');
 
    box.addEventListener('click', function(e) {
        var ownButton = e.target.closest ? e.target.closest('[data-great-wall-own-entry="1"]') : null;
        var currentUser = mw.config.get('wgUserName') || '';
        var ownEntry = currentUser && greatWallState.data.entries ? greatWallState.data.entries[currentUser] : null;
 
        if (!ownButton || !ownEntry) return;
 
        greatWallState.selectedOwnEntry = true;
        greatWallState.statusText = '';
        renderGreatWallBox();
 
        if (input) {
            input.focus();
            input.setSelectionRange(input.value.length, input.value.length);
        }
    });
 
    document.addEventListener('click', function(e) {
        var target = e.target;
        var keepSelection;
 
        if (!greatWallState.selectedOwnEntry || !target || !target.closest) return;
 
        keepSelection = target.closest('[data-great-wall-own-entry="1"], .great-wall-editor, .great-wall-compose-sector');
 
        if (keepSelection) return;
 
        greatWallState.selectedOwnEntry = false;
        greatWallState.statusText = '';
        if (input) input.value = '';
        renderGreatWallBox();
    });
 
    if (submit) {
        submit.addEventListener('click', function(e) {
            e.preventDefault();
            if (!mw.config.get('wgUserName')) {
                window.location.href = '/index.php?title=특수:로그인&returnto=' + encodeURIComponent(mw.config.get('wgPageName') || '대문');
                return;
            }
            saveGreatWallEntry();
        });
    }
 
    if (deleteButton) {
        deleteButton.addEventListener('click', function(e) {
            e.preventDefault();
            deleteGreatWallEntry();
        });
    }
 
    if (input) {
        input.addEventListener('keydown', function(e) {
            if (e.key === 'Enter') {
                e.preventDefault();
                saveGreatWallEntry();
            }
        });
 
        input.addEventListener('input', function() {
            if (input.value.length > 140) {
                input.value = input.value.slice(0, 140);
            }
        });
    }
 
    greatWallState.loading = true;
    greatWallState.statusText = 'SYNCING WALL';
    renderGreatWallBox();
 
    fetchGreatWallData().then(function(data) {
        greatWallState.data = normalizeGreatWallData(data);
        greatWallState.loaded = true;
        greatWallState.loading = false;
        greatWallState.selectedOwnEntry = false;
        greatWallState.statusText = '';
        renderGreatWallBox();
    });
}
 
function buildGreatWallBox() {
    return '' +
        '<div id="great-wall-sidebar" class="clbi-right-box great-wall-sidebar">' +
            '<div class="clbi-right-title great-wall-title">' +
                '<span id="clbi-title-great-wall">The Great Wall</span>' +
            '</div>' +
            '<div class="clbi-right-content great-wall-content">' +
                '<div id="great-wall-list" class="great-wall-list"><div class="great-wall-empty">SYNCING WALL</div></div>' +
            '</div>' +
            '<div class="great-wall-compose-sector" aria-label="The Great Wall editor">' +
                '<div class="great-wall-editor">' +
                    '<input id="great-wall-input" class="great-wall-input" type="text" maxlength="140" autocomplete="off" placeholder="담벼락">' +
                    '<button id="great-wall-submit" class="great-wall-submit" type="button">POST</button>' +
                    '<button id="great-wall-delete" class="great-wall-delete" type="button" disabled>DEL</button>' +
                '</div>' +
                '<div id="great-wall-status" class="great-wall-status">SYNCING WALL</div>' +
            '</div>' +
        '</div>';
}
 
function removeMainPortalGuestbookPreview() {
    var portal = document.querySelector('.main-portal');
    var guestbook = portal ? portal.querySelector('.guestbook-device') : null;
    var sideScreen;
    var grid;
 
    if (!portal || !guestbook) return;
 
    sideScreen = guestbook.closest ? guestbook.closest('.side-screen') : null;
    grid = sideScreen && sideScreen.closest ? sideScreen.closest('.console-grid') : null;
 
    if (guestbook.parentNode) {
        guestbook.parentNode.removeChild(guestbook);
    }
 
    if (sideScreen && !(sideScreen.textContent || '').trim() && !sideScreen.querySelector('img,svg,video,canvas,form,input,button,a')) {
        if (sideScreen.parentNode) {
            sideScreen.parentNode.removeChild(sideScreen);
        }
 
        if (grid) {
            grid.style.gridTemplateColumns = 'minmax(0,1fr)';
        }
    }
 
    portal.classList.add('is-great-wall-relocated');
}
 
function buildSiteInformationBox() {
    return '' +
        '<div class="clbi-right-box site-info-sidebar">' +
            '<div class="clbi-right-title site-info-title">' +
                '<span>정보</span>' +
            '</div>' +
            '<div class="clbi-right-content site-info-content">' +
                '<div class="policy-list">' +
                    '<div class="policy-row"><a href="/index.php/개인정보처리방침" class="site-info-policy-button"><span class="site-info-policy-title">개인정보처리방침</span><span class="site-info-policy-arrow" aria-hidden="true">›</span></a></div>' +
                    '<div class="policy-row"><a href="/index.php/면책_조항" class="site-info-policy-button"><span class="site-info-policy-title">면책 조항</span><span class="site-info-policy-arrow" aria-hidden="true">›</span></a></div>' +
                    '<div class="policy-row"><a href="/index.php/라이선스" class="site-info-policy-button"><span class="site-info-policy-title">라이선스</span><span class="site-info-policy-arrow" aria-hidden="true">›</span></a></div>' +
                    '<div class="policy-row"><a href="/index.php/크레딧" class="site-info-policy-button"><span class="site-info-policy-title">크레딧</span><span class="site-info-policy-arrow" aria-hidden="true">›</span></a></div>' +
                '</div>' +
                '<div class="social-strip">' +
                    '<span class="social-icon"><a href="https://discord.gg/ctaeJ9d3Q5" target="_blank" rel="noopener noreferrer">DC</a></span>' +
                    '<span class="social-icon"><a href="https://www.youtube.com/@nxdsxn" target="_blank" rel="noopener noreferrer">YT</a></span>' +
                    '<span class="social-icon"><a href="https://x.com/nxd_sxn" target="_blank" rel="noopener noreferrer">X</a></span>' +
                    '<span class="social-icon"><a href="/index.php/프로젝트:소개">WIP:</a></span>' +
                '</div>' +
            '</div>' +
        '</div>';
}
 
 
// 초기화 함수
function initSidebars() {
    var header = $('.liberty-content-header');
    var content = $('.liberty-content');
 
    if (header.length && content.length) {
        header.prependTo(content);
    }
 
    if ($('#clbi-right-sidebar').length === 0) {
        var username = mw.config.get('wgUserName');
        var isLoggedIn = username !== null;
        var avatarSrc = isLoggedIn
            ? '/index.php?title=특수:Redirect/file/Pfp-' + username + '.png'
            : '/index.php?title=특수:Redirect/file/Pfp-default.png';
 
        var userBox;
 
        if (isLoggedIn) {
            userBox =
                '<div class="clbi-right-box profile-card-box">' +
                    '<div id="clbi-user-avatar-wrap" class="profile-identity-panel">' +
                        '<div class="profile-avatar-stage">' +
                            '<img id="clbi-user-avatar" src="' + avatarSrc + '" onerror="this.onerror=null;this.src=\'/index.php?title=특수:Redirect/file/Pfp-default.png\';">' +
                        '</div>' +
                        '<div id="clbi-user-name-row" class="profile-name-row">' +
                            '<a href="/index.php/사용자:' + username + '" id="clbi-user-name">' + username + '</a>' +
                        '</div>' +
                    '</div>' +
                    '<div class="clbi-right-content profile-action-box">' +
                        '<div class="profile-quick-actions" aria-label="프로필 빠른 메뉴">' +
                            '<button type="button" class="profile-quick-btn" id="profile-quick-inventory" aria-label="인벤토리"><span class="profile-quick-icon" aria-hidden="true">' + CLBI_SVG_PACKAGE + '</span><span class="profile-quick-tip" aria-hidden="true">인벤토리</span></button>' +
                            '<button type="button" class="profile-quick-btn" id="profile-quick-achievements" aria-label="업적"><span class="profile-quick-icon" aria-hidden="true">' + CLBI_SVG_TROPHY + '</span><span class="profile-quick-tip" aria-hidden="true">업적</span></button>' +
                            '<button type="button" class="profile-quick-btn" id="profile-quick-notifications" aria-label="알림"><span id="profile-quick-notification-icon" class="profile-quick-icon" aria-hidden="true">' + CLBI_SVG_BELL + '</span><span class="profile-quick-tip" aria-hidden="true">알림</span></button>' +
                        '</div>' +
                        '<a href="/index.php/특수:기여/' + username + '" class="clbi-user-btn" id="clbi-btn-contribution"><span class="profile-action-icon" aria-hidden="true">' + CLBI_SVG_SCAN_TEXT + '</span><span class="profile-action-label">기여</span><i class="hn hn-angle-right-solid profile-action-arrow" aria-hidden="true"></i></a>' +
                        '<a href="/index.php/특수:주시문서목록" class="clbi-user-btn" id="clbi-btn-watchlist"><span class="profile-action-icon" aria-hidden="true">' + CLBI_SVG_SCAN_EYE + '</span><span class="profile-action-label">주시문서 목록</span><i class="hn hn-angle-right-solid profile-action-arrow" aria-hidden="true"></i></a>' +
                        '<a href="/index.php/특수:설정" class="clbi-user-btn" id="clbi-btn-preferences"><span class="profile-action-icon" aria-hidden="true">' + CLBI_SVG_SETTINGS + '</span><span class="profile-action-label">설정</span><i class="hn hn-angle-right-solid profile-action-arrow" aria-hidden="true"></i></a>' +
                        '<a href="/index.php?title=특수:로그아웃&returnto=대문" class="clbi-user-btn clbi-user-btn-logout" id="clbi-btn-logout"><span class="profile-action-icon" aria-hidden="true">' + CLBI_SVG_POWER + '</span><span class="profile-action-label">로그아웃</span><i class="hn hn-angle-right-solid profile-action-arrow" aria-hidden="true"></i></a>' +
                    '</div>' +
                '</div>';
        } else {
            userBox =
                '<div class="clbi-right-box profile-card-box">' +
                    '<div id="clbi-user-avatar-wrap" class="profile-identity-panel">' +
                        '<div class="profile-avatar-stage">' +
                            '<img id="clbi-user-avatar" src="/index.php?title=특수:Redirect/file/Pfp-default.png">' +
                        '</div>' +
                        '<div id="clbi-user-name-row" class="profile-name-row profile-name-row-guest">' +
                            '<span id="clbi-user-name">Guest</span>' +
                        '</div>' +
                    '</div>' +
                    '<div class="clbi-right-content profile-action-box">' +
                        '<a href="/index.php?title=특수:로그인&returnto=대문" class="clbi-user-btn" id="clbi-btn-login"><span class="profile-action-icon" aria-hidden="true">' + CLBI_SVG_POWER + '</span><span class="profile-action-label">로그인</span><i class="hn hn-angle-right-solid profile-action-arrow" aria-hidden="true"></i></a>' +
                    '</div>' +
                '</div>';
        }
        var greatWallBox = '';
        var siteInformationBox = '';
 
        try {
            greatWallBox = buildGreatWallBox();
        } catch (err) {
            console.error('The Great Wall build failed:', err);
            greatWallBox = '';
        }
 
        try {
            siteInformationBox = buildSiteInformationBox();
        } catch (err) {
            console.error('Site information build failed:', err);
            siteInformationBox = '';
        }
 
 
        var sidebar = userBox + greatWallBox + siteInformationBox;
 
        $('.content-wrapper').append('<div id="clbi-right-sidebar">' + sidebar + '</div>');
        initGreatWallBoxWhenReady();
        removeMainPortalGuestbookPreview();
    }
 
    initGreatWallBoxWhenReady();
    removeMainPortalGuestbookPreview();
 
 
    if ($('#clbi-left-sidebar').length === 0) {
var leftBillboardBox = '';
 
        try {
            leftBillboardBox = buildRightBillboardBox();
        } catch (err) {
            console.error('Left billboard build failed:', err);
            leftBillboardBox = '';
        }
 
var leftSidebar =
    '<div id="clbi-left-sidebar">' +
        '<div class="clbi-left-box clbi-left-lang-box">' +
            '<div class="clbi-left-title">' +
                '<span id="clbi-title-left-language">언어</span>' +
            '</div>' +
            '<div class="clbi-left-content sidebar-lang-box">' +
                '<div id="clbi-sidebar-lang-selector" class="sidebar-lang-selector sidebar-lang-dial" tabindex="0" role="group" aria-label="언어 선택">' +
                    '<div id="clbi-sidebar-lang-dial-stage" class="sidebar-lang-dial-stage">' +
                        '<div id="clbi-sidebar-lang-fan" class="sidebar-lang-fan" aria-hidden="true"></div>' +
                        '<div id="clbi-sidebar-lang-selected-panel" class="sidebar-lang-status-panel sidebar-lang-status-left" aria-hidden="true">' +
                            '<span id="clbi-sidebar-lang-selected-value" class="sidebar-lang-status-value">한국어</span>' +
                        '</div>' +
                        '<div id="clbi-sidebar-lang-availability-panel" class="sidebar-lang-status-panel sidebar-lang-status-right is-current" aria-hidden="true">' +
                            '<span id="clbi-sidebar-lang-availability-value" class="sidebar-lang-status-value">CURRENT</span>' +
                        '</div>' +
                        '<button type="button" id="clbi-sidebar-lang-apply" class="sidebar-lang-apply" aria-label="언어 적용">' +
                            '<span class="sidebar-lang-apply-mark" aria-hidden="true">✓</span>' +
                        '</button>' +
                    '</div>' +
                '</div>' +
            '</div>' +
        '</div>' +
        '<div class="clbi-left-box clbi-left-news-box">' +
            '<div class="clbi-left-title">' +
                '<span id="clbi-title-left-news">뉴스</span>' +
            '</div>' +
            '<div class="clbi-left-content clbi-news-box">' +
 
                '<div class="news-feed-title" id="clbi-left-news-changelog-title">CHANGELOG</div>' +
                '<div class="news-left-changelog-feed">' +
                    '<a href="/index.php/체인지로그" class="news-post-item">' +
                        '<div class="news-post-title-wrap">' +
                            '<span class="news-post-title" id="clbi-left-news-changelog-main">체인지로그</span>' +
                        '</div>' +
                        '<span class="news-post-jump" aria-hidden="true">›</span>' +
                    '</a>' +
                '</div>' +
 
                '<div class="news-divider"></div>' +
 
                '<div class="news-feed-title" id="clbi-left-news-recent-title">RECENT CHANGES</div>' +
                '<div class="news-left-recent-feed" id="clbi-left-recent-list">불러오는 중...</div>' +
 
                '<a class="news-fill-image-slot" id="clbi-left-news-fill-image" href="/index.php/특수:최근바뀜" aria-label="최근 바뀜으로 이동">' +
                    '<div class="news-fill-image-frame">' +
                        '<span class="news-fill-image" style="--news-fill-image-url:url(\'/index.php?title=특수:Redirect/file/Side-news-fill-001.png\');" aria-hidden="true"></span><img class="news-fill-image-probe" src="/index.php?title=특수:Redirect/file/Side-news-fill-001.png" alt="" aria-hidden="true" onerror="this.onerror=null;this.closest(\'.news-fill-image-slot\').classList.add(\'is-empty\');this.remove();">' +
                    '</div>' +
                '</a>' +
 
            '</div>' +
        '</div>' +
        leftBillboardBox +
    '</div>';
 
        $('.content-wrapper').prepend(leftSidebar);
 
        renderSidebarLanguageBox();
        loadRecentChangesList('#clbi-left-recent-list', 10);
        scheduleAdaptiveLeftRecentItems();
        scheduleLeftBillboardAdaptive();
        scheduleClbiContentBottomGap();
        updateLeftSidebarNationsImage();
    }
 
    try {
        initRightBillboardCarousel();
    } catch (err) {
        console.error('Right billboard carousel failed:', err);
    }
 
    if (typeof window.normalizeClbiShellDomOrder === 'function') window.normalizeClbiShellDomOrder();
    applyMainPageStyle();
    initClbiCustomDocumentScrollbars();
    initCategoryNavIfAvailable(document);
 
    if (window.ProgressSystemWebUi && typeof window.ProgressSystemWebUi.boot === 'function') {
        window.ProgressSystemWebUi.boot('initSidebars');
    }
 
    $('#side-toc-box').remove();
 
    mw.loader.using(['mediawiki.api']).then(function() {
        setTimeout(function() {
            initNotifications();
            initProfile();
            moveTocToLeftSidebar();
        }, 300);
 
        setTimeout(moveTocToLeftSidebar, 800);
        setTimeout(moveTocToLeftSidebar, 1500);
    });
}
 
$(function() {
    loadLangScript(function() {
        setTimeout(function() {
            initSidebars();
        }, 100);
    });
});
 
$(document).on('click.profileQuickPlaceholder', '#profile-quick-inventory, #profile-quick-achievements', function(e) {
    e.preventDefault();
    e.stopPropagation();
});
 
function extractJsonArrayAfterMwConfigKey(text, key) {
    var needle = '"' + key + '"';
    var keyIndex = String(text || '').indexOf(needle);
    var start;
    var i;
    var depth = 0;
    var inString = false;
    var escaped = false;
 
    if (keyIndex === -1) return null;
 
    start = String(text || '').indexOf('[', keyIndex + needle.length);
    if (start === -1) return null;
 
    for (i = start; i < text.length; i += 1) {
        var ch = text.charAt(i);
 
        if (inString) {
            if (escaped) {
                escaped = false;
            } else if (ch === '\\') {
                escaped = true;
            } else if (ch === '"') {
                inString = false;
            }
            continue;
        }
 
        if (ch === '"') {
            inString = true;
            continue;
        }
 
        if (ch === '[') depth += 1;
        if (ch === ']') {
            depth -= 1;
            if (depth === 0) {
                try {
                    return JSON.parse(text.slice(start, i + 1));
                } catch (err) {
                    return null;
                }
            }
        }
    }
 
    return null;
}
 
function extractJsonStringAfterMwConfigKey(text, key) {
    var needle = '"' + key + '"';
    var keyIndex = String(text || '').indexOf(needle);
    var colon;
    var start;
    var i;
    var escaped = false;
 
    if (keyIndex === -1) return null;
 
    colon = text.indexOf(':', keyIndex + needle.length);
    if (colon === -1) return null;
 
    start = text.indexOf('"', colon + 1);
    if (start === -1) return null;
 
    for (i = start + 1; i < text.length; i += 1) {
        var ch = text.charAt(i);
 
        if (escaped) {
            escaped = false;
            continue;
        }
 
        if (ch === '\\') {
            escaped = true;
            continue;
        }
 
        if (ch === '"') {
            try {
                return JSON.parse(text.slice(start, i + 1));
            } catch (err) {
                return text.slice(start + 1, i);
            }
        }
    }
 
    return null;
}
 
function syncCatlinksConfigFromSpaDocument(doc) {
    var scripts = doc ? doc.querySelectorAll('script') : [];
    var categories = null;
    var hiddenCategories = null;
    var relevantPageName = null;
    var pageName = null;
    var i;
    var text;
    var value;
 
    for (i = 0; i < scripts.length; i += 1) {
        text = scripts[i].textContent || '';
 
        if (categories === null) {
            value = extractJsonArrayAfterMwConfigKey(text, 'wgCategories');
            if (Array.isArray(value)) categories = value;
        }
 
        if (hiddenCategories === null) {
            value = extractJsonArrayAfterMwConfigKey(text, 'wgHiddenCategories');
            if (Array.isArray(value)) hiddenCategories = value;
        }
 
        if (relevantPageName === null) {
            value = extractJsonStringAfterMwConfigKey(text, 'wgRelevantPageName');
            if (value !== null) relevantPageName = value;
        }
 
        if (pageName === null) {
            value = extractJsonStringAfterMwConfigKey(text, 'wgPageName');
            if (value !== null) pageName = value;
        }
    }
 
    mw.config.set('wgCategories', Array.isArray(categories) ? categories : []);
    mw.config.set('wgHiddenCategories', Array.isArray(hiddenCategories) ? hiddenCategories : []);
 
    if (relevantPageName !== null) {
        mw.config.set('wgRelevantPageName', relevantPageName);
    } else if (pageName !== null) {
        mw.config.set('wgRelevantPageName', pageName);
    }
 
    CLBI_CATLINKS_FETCH_TOKEN += 1;
}
 
// SPA 네비게이션
function shouldSkip(url) {
    return url.match(/action=edit|action=submit|action=history|action=delete|action=protect|action=purge|특수:로그인|특수:로그아웃|Special:UserLogin|Special:UserLogout|특수:사용자정보|특수:비밀번호바꾸기|uselang=/);
}
 
$(function() {
    if (window._spaInitialized) return;
    window._spaInitialized = true;
 
    function isInternal(url) {
        var a = document.createElement('a');
        a.href = url;
        return a.hostname === window.location.hostname;
    }
 
    function getCachedSpaPageHtml(url) {
        if (!window.EntryStore || typeof window.EntryStore.getTextSync !== 'function') return '';
        return window.EntryStore.getTextSync(url) || window.EntryStore.getTextSync(String(url || '').replace(/^https?:\/\/[^/]+/i, '')) || '';
    }
 
    function fetchSpaPageHtml(url) {
        var cached = getCachedSpaPageHtml(url);
        if (cached) return Promise.resolve(cached);
        return fetch(url, { credentials: 'same-origin', cache: 'force-cache' }).then(function(res) {
            return res.text();
        });
    }
 
    function prepareDetachedEntryContent(newContent) {
        /*
        Initial boot prepares entry artifacts; SPA is only allowed to consume them.
        This hook runs while the fetched page is still detached, before the user sees it.
        It must stay synchronous or already-resolved: if a subsystem cannot prepare from
        EntryStore immediately, it should leave the old fallback path in place instead of
        opening BootGate during SPA.
        */
        try {
            if (window.NationsPanel && typeof window.NationsPanel.prepareContentForEntry === 'function') {
                window.NationsPanel.prepareContentForEntry(newContent);
            }
        } catch (err) {
            console.warn('entry content preparation failed:', err);
        }
    }
 
    function loadPage(url) {
        invalidateProfileRender();
 
        return fetchSpaPageHtml(url)
            .then(function(html) {
                var parser = new DOMParser();
                var doc = parser.parseFromString(html, 'text/html');
 
                var scripts = doc.querySelectorAll('script');
                for (var i = 0; i < scripts.length; i++) {
                    var src = scripts[i].textContent;
 
                    if (src.indexOf('wgNamespaceNumber') !== -1) {
                        var match = src.match(/"wgNamespaceNumber":(-?\d+)/);
                        if (match) mw.config.set('wgNamespaceNumber', parseInt(match[1], 10));
 
                        var matchTitle = src.match(/"wgTitle":"([^"]+)"/);
                        if (matchTitle) mw.config.set('wgTitle', matchTitle[1]);
 
                        var matchPage = src.match(/"wgPageName":"([^"]+)"/);
                        if (matchPage) mw.config.set('wgPageName', matchPage[1]);
 
                        var matchArticle = src.match(/"wgArticleId":(\d+)/);
                        if (matchArticle) {
                            mw.config.set('wgArticleId', parseInt(matchArticle[1], 10));
                        } else {
                            mw.config.set('wgArticleId', 0);
                        }
 
                        var matchIsMainPage = src.match(/"wgIsMainPage":(true|false)/);
                        if (matchIsMainPage) {
                            mw.config.set('wgIsMainPage', matchIsMainPage[1] === 'true');
                        } else {
                            mw.config.set('wgIsMainPage', false);
                        }
 
                        var matchSpecial = src.match(/"wgCanonicalSpecialPageName":"([^"]+)"/);
                        if (matchSpecial) {
                            mw.config.set('wgCanonicalSpecialPageName', matchSpecial[1]);
                        } else {
                            mw.config.set('wgCanonicalSpecialPageName', false);
                        }
                        break;
                    }
                }
 
                syncCatlinksConfigFromSpaDocument(doc);
 
                var newContent = doc.querySelector('.liberty-content-main');
                var newTitle = doc.querySelector('.mw-page-title-main');
                var newHead = doc.querySelector('title');
                var newHeader = doc.querySelector('.liberty-content-header');
 
                if (newContent) {
                    prepareDetachedEntryContent(newContent);
                    prepareSpaCatlinksBeforeInsert(newContent);
                    $('#side-toc-box').remove();
                    $('.profile-card').remove();
                    $('.user-profile-portal').removeClass('user-profile-portal');
                    $('.liberty-content-main').html(newContent.innerHTML);
                    $('.profile-card').remove();
                    try {
                        if (window.Decorations && typeof window.Decorations.renderPrepared === 'function') window.Decorations.renderPrepared();
                        else if (window.CLBI_DECORATIONS && typeof window.CLBI_DECORATIONS.renderPrepared === 'function') window.CLBI_DECORATIONS.renderPrepared();
                    } catch (err) {}
                    $('body').removeClass('page-loading');
                }
 
                if (newTitle) {
                    $('.mw-page-title-main').html(newTitle.innerHTML);
                }
 
                if (newHead) {
                    document.title = newHead.textContent;
                }
 
                if (newHeader) {
                    $('.liberty-content-header').html(newHeader.innerHTML);
                }
 
                if (typeof window.normalizeClbiShellDomOrder === 'function') window.normalizeClbiShellDomOrder();
                window.scrollTo(0, 0);
                mw.hook('wikipage.content').fire($('.liberty-content-main'));
                applyMainPageStyle();
                initClbiCustomDocumentScrollbars();
                initCategoryNavIfAvailable(document);
 
                if (window.ProgressSystemWebUi && typeof window.ProgressSystemWebUi.handleSpaPageView === 'function') {
                    window.ProgressSystemWebUi.handleSpaPageView();
                } else if (window.ProgressSystemWebUi && typeof window.ProgressSystemWebUi.boot === 'function') {
                    window.ProgressSystemWebUi.boot('spa');
                }
 
                $('#side-toc-box').remove();
                setTimeout(moveTocToLeftSidebar, 100);
                setTimeout(moveTocToLeftSidebar, 500);
                setTimeout(moveTocToLeftSidebar, 1200);
 
                mw.loader.using(['mediawiki.api']).then(function() {
                    initProfile();
                    moveTocToLeftSidebar();
                });
            })
            .catch(function (err) {
                console.error('SPA page load failed:', err);
                $('body').removeClass('page-loading');
            });
    }
 
// 목차 링크는 전용 처리
$(document).on('click', '#side-toc-box a, #toc a, .toc a', function(e) {
    var href = $(this).attr('href');
    if (!href || href.charAt(0) !== '#') return;
 
    var rawId = href.slice(1);
    if (!rawId) return;
 
    var decodedId = rawId;
 
    try {
        decodedId = decodeURIComponent(rawId);
    } catch (err) {
        decodedId = rawId;
    }
 
    var target = document.getElementById(decodedId);
 
    if (!target && window.CSS && CSS.escape) {
        target = document.querySelector('#' + CSS.escape(decodedId));
    }
 
    if (!target) return;
 
    e.preventDefault();
    e.stopPropagation();
 
    var scrollTarget = target.closest('h2, h3') || target;
 
    scrollTarget.scrollIntoView({
        behavior: 'auto',
        block: 'start'
    });
 
    history.replaceState(null, '', '#' + rawId);
});
 
    /* 길라잡이는 문서 링크가 아니라 대문 본문 화면 탭이다. */
    $(document).on('click', '.portal-guide-anchor[data-category-key="guide"]', function(e) {
        if (e.which && e.which !== 1) return;
        if (e.button && e.button !== 0) return;
        if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return;
 
        if (window.BottomGuideNav && typeof window.BottomGuideNav.toggle === 'function') {
            e.preventDefault();
            e.stopImmediatePropagation();
            window.BottomGuideNav.toggle();
        }
    });
 
    $(document).on('click', 'a', function(e) {
        // 휠 클릭, 새 탭 열기, 보조키 이동은 브라우저 기본 동작을 유지한다.
        if (e.which && e.which !== 1) return;
        if (e.button && e.button !== 0) return;
        if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return;
 
        /* 길라잡이 화면 탭은 위 전용 처리 외에는 SPA 문서 이동 대상으로 삼지 않는다. */
        if ($(this).is('.portal-guide-anchor[data-category-key="guide"]')) return;
 
        var href = $(this).attr('href');
        if (!href) return;
 
        // 목차 링크는 별도 핸들러에서 처리
        if ($(this).closest('#side-toc-box, #toc, .toc').length) return;
 
        // 단순 해시 링크는 SPA 가로채기 제외
        if (href.startsWith('#')) return;
 
        var link = document.createElement('a');
        link.href = href;
 
        var samePath = decodeURIComponent(link.pathname) === decodeURIComponent(window.location.pathname);
        var sameSearch = (link.search || '') === (window.location.search || '');
 
        if (link.hash && samePath && sameSearch) return;
 
        var currentBase = window.location.href.split('#')[0];
        var targetBase = link.href.split('#')[0];
 
        if (link.hash && currentBase === targetBase) return;
 
        if (!isInternal(href)) return;
        if (shouldSkip(href)) return;
 
        e.preventDefault();
        playStaticSound();
        /*
        SPA must remain a consumer phase.  If the target page HTML was prepared by
        the first-load boot pack, do not show the legacy page-loading veil.  The
        route will consume cached HTML and detached entry artifacts before insertion.
        */
        if (getCachedSpaPageHtml(href)) {
            $('body').removeClass('page-loading');
        } else {
            $('body').addClass('page-loading');
        }
        history.pushState(null, '', href);
        loadPage(href);
    });
 
    window.addEventListener('popstate', function() {
        loadPage(window.location.href);
    });
});
 
 
 
/* ========== CLBI Custom Document Scrollbar ========== */
function isGeneralDocumentView() {
    var body = document.body;
    if (!body) return false;
 
    return body.classList.contains('action-view') &&
        !body.classList.contains('clbi-main-page') &&
        !body.classList.contains('clbi-system-doc-page') &&
        !body.classList.contains('backend-system-page') &&
        !body.classList.contains('user-profile-page') &&
        !body.classList.contains('user-profile-settings-page');
}
 
function getClbiDocumentScrollTargets() {
    if (!isGeneralDocumentView()) return [];
 
    return Array.prototype.slice.call(document.querySelectorAll(
        '.liberty-content-main > #mw-content-text .mw-parser-output, ' +
        '.liberty-content-main > .mw-body-content .mw-parser-output'
    )).filter(function (el, index, list) {
        return el && list.indexOf(el) === index;
    });
}
 
function getClbiOuterWellForScroll(scrollEl) {
    var main = scrollEl ? scrollEl.closest('.liberty-content-main') : null;
    var children;
    var i;
    var child;
 
    if (!main) return null;
 
    children = Array.prototype.slice.call(main.children || []);
    for (i = 0; i < children.length; i += 1) {
        child = children[i];
        if (
            child &&
            (child.id === 'mw-content-text' || child.classList.contains('mw-body-content')) &&
            child.contains(scrollEl)
        ) {
            return child;
        }
    }
 
    return scrollEl.parentElement || null;
}
 
function buildClbiCustomScrollbar(well, scrollEl) {
    var bar = well.querySelector(':scope > .clbi-custom-scrollbar');
    var up;
    var track;
    var thumb;
    var down;
 
    if (!bar) {
        bar = document.createElement('div');
        bar.className = 'clbi-custom-scrollbar';
        bar.setAttribute('aria-hidden', 'true');
        bar.innerHTML =
            '<div class="clbi-custom-scroll-arrow clbi-custom-scroll-arrow-up" data-scroll-arrow="up"></div>' +
            '<div class="clbi-custom-scroll-track"><div class="clbi-custom-scroll-thumb"></div></div>' +
            '<div class="clbi-custom-scroll-arrow clbi-custom-scroll-arrow-down" data-scroll-arrow="down"></div>';
        well.appendChild(bar);
    }
 
    bar.__clbiScrollTarget = scrollEl;
    up = bar.querySelector('.clbi-custom-scroll-arrow-up');
    track = bar.querySelector('.clbi-custom-scroll-track');
    thumb = bar.querySelector('.clbi-custom-scroll-thumb');
    down = bar.querySelector('.clbi-custom-scroll-arrow-down');
 
    if (up && !up.__clbiBound) {
        up.__clbiBound = true;
        up.addEventListener('mousedown', function (e) {
            e.preventDefault();
            e.stopPropagation();
            if (bar.__clbiScrollTarget) bar.__clbiScrollTarget.scrollTop -= 48;
            updateClbiCustomScrollbar(bar);
        });
    }
 
    if (down && !down.__clbiBound) {
        down.__clbiBound = true;
        down.addEventListener('mousedown', function (e) {
            e.preventDefault();
            e.stopPropagation();
            if (bar.__clbiScrollTarget) bar.__clbiScrollTarget.scrollTop += 48;
            updateClbiCustomScrollbar(bar);
        });
    }
 
    if (track && !track.__clbiBound) {
        track.__clbiBound = true;
        track.addEventListener('mousedown', function (e) {
            var rect;
            var thumbRect;
            var target;
            var direction;
 
            if (e.target === thumb) return;
            e.preventDefault();
            e.stopPropagation();
 
            target = bar.__clbiScrollTarget;
            if (!target) return;
 
            rect = track.getBoundingClientRect();
            thumbRect = thumb.getBoundingClientRect();
            direction = e.clientY < thumbRect.top ? -1 : 1;
            target.scrollTop += direction * Math.max(60, Math.floor(target.clientHeight * 0.82));
            updateClbiCustomScrollbar(bar);
        });
    }
 
    if (thumb && !thumb.__clbiBound) {
        thumb.__clbiBound = true;
        thumb.addEventListener('mousedown', function (e) {
            var target = bar.__clbiScrollTarget;
            var startY;
            var startScroll;
            var maxScroll;
            var maxThumbTop;
            var trackHeight;
            var thumbHeight;
 
            if (!target) return;
 
            e.preventDefault();
            e.stopPropagation();
 
            startY = e.clientY;
            startScroll = target.scrollTop;
            maxScroll = Math.max(1, target.scrollHeight - target.clientHeight);
            trackHeight = track ? track.clientHeight : 0;
            thumbHeight = thumb.offsetHeight || 0;
            maxThumbTop = Math.max(1, trackHeight - thumbHeight);
 
            bar.classList.add('is-dragging');
 
            function onMove(moveEvent) {
                var dy = moveEvent.clientY - startY;
                target.scrollTop = startScroll + (dy / maxThumbTop) * maxScroll;
                updateClbiCustomScrollbar(bar);
                moveEvent.preventDefault();
            }
 
            function onUp() {
                bar.classList.remove('is-dragging');
                document.removeEventListener('mousemove', onMove);
                document.removeEventListener('mouseup', onUp);
            }
 
            document.addEventListener('mousemove', onMove);
            document.addEventListener('mouseup', onUp);
        });
    }
 
    if (!scrollEl.__clbiCustomScrollbarBound) {
        scrollEl.__clbiCustomScrollbarBound = true;
        scrollEl.addEventListener('scroll', function () {
            if (scrollEl.__clbiCustomScrollbar) {
                updateClbiCustomScrollbar(scrollEl.__clbiCustomScrollbar);
            }
        }, { passive: true });
    }
 
    scrollEl.__clbiCustomScrollbar = bar;
    updateClbiCustomScrollbar(bar);
 
    return bar;
}
 
function updateClbiCustomScrollbar(bar) {
    var scrollEl = bar && bar.__clbiScrollTarget;
    var track = bar ? bar.querySelector('.clbi-custom-scroll-track') : null;
    var thumb = bar ? bar.querySelector('.clbi-custom-scroll-thumb') : null;
    var maxScroll;
    var trackHeight;
    var thumbHeight;
    var maxTop;
    var top;
 
    if (!bar || !scrollEl || !track || !thumb) return;
 
    maxScroll = scrollEl.scrollHeight - scrollEl.clientHeight;
    if (maxScroll <= 1) {
        bar.classList.add('is-hidden');
        return;
    }
 
    bar.classList.remove('is-hidden');
 
    trackHeight = Math.max(1, track.clientHeight || 1);
    thumbHeight = Math.max(12, Math.floor((scrollEl.clientHeight / Math.max(scrollEl.scrollHeight, 1)) * trackHeight));
    thumbHeight = Math.min(trackHeight, thumbHeight);
    maxTop = Math.max(0, trackHeight - thumbHeight);
    top = maxScroll > 0 ? Math.round((scrollEl.scrollTop / maxScroll) * maxTop) : 0;
 
    thumb.style.height = thumbHeight + 'px';
    thumb.style.transform = 'translateY(' + top + 'px)';
}
 
function initClbiCustomDocumentScrollbars() {
    var existing = Array.prototype.slice.call(document.querySelectorAll('.clbi-custom-scrollbar'));
    var targets = getClbiDocumentScrollTargets();
    var liveBars = [];
 
    if (!targets.length) {
        existing.forEach(function (bar) { bar.remove(); });
        return;
    }
 
    targets.forEach(function (scrollEl) {
        var well = getClbiOuterWellForScroll(scrollEl);
        var bar;
 
        if (!well) return;
        bar = buildClbiCustomScrollbar(well, scrollEl);
        liveBars.push(bar);
    });
 
    existing.forEach(function (bar) {
        if (liveBars.indexOf(bar) === -1) bar.remove();
    });
 
    window.requestAnimationFrame(function () {
        liveBars.forEach(updateClbiCustomScrollbar);
    });
 
    setTimeout(function () {
        liveBars.forEach(updateClbiCustomScrollbar);
    }, 120);
}
 
if (!window.__clbiCustomScrollbarResizeBound) {
    window.__clbiCustomScrollbarResizeBound = true;
    window.addEventListener('resize', function () {
        setTimeout(initClbiCustomDocumentScrollbars, 60);
    });
}
 
 
// 시간 계산 함수
function timeAgo(timestamp) {
    var now = new Date();
    var date = new Date(timestamp);
    var diff = Math.floor((now - date) / 1000);
 
    if (diff < 60) return diff + '초 전';
    if (diff < 3600) return Math.floor(diff / 60) + '분 전';
    if (diff < 86400) return Math.floor(diff / 3600) + '시간 전';
    return Math.floor(diff / 86400) + '일 전';
}
 
// 펼접 토글
// 펼접 토글
function getFoldTexts() {
    var lang = getCurrentLang();
    return (window.LANG && window.LANG[lang])
        ? window.LANG[lang]
        : (window.LANG ? window.LANG.ko : { expand: '펼치기', collapse: '접기' });
}
 
function refreshOpenAncestors($start) {
    $start.parents('[id^="collapsible"]').each(function () {
        var $parent = $(this);
        if (!$parent.hasClass('folding-open')) return;
 
        // 이미 fully open 상태면 굳이 다시 잠그지 않음
        if ($parent.data('fold-state') === 'open') {
            return;
        }
 
        $parent.css('max-height', this.scrollHeight + 'px');
    });
}
 
function bindInnerResizeUpdates($target) {
    // 이미지 늦게 로드될 때 높이 갱신
    $target.find('img').off('.foldimg').on('load.foldimg', function () {
        if ($target.hasClass('folding-open')) {
            if ($target.data('fold-state') !== 'open') {
                $target.css('max-height', $target[0].scrollHeight + 'px');
            }
            refreshOpenAncestors($target);
        }
    });
}
 
function openFold($target, $btn) {
    var t = getFoldTexts();
 
    $target.data('fold-state', 'opening');
    $target.addClass('folding-open');
 
    // 열린 뒤 자연 확장 가능하게 만들기 위해 먼저 px로 열기
    $target.css('max-height', '0px');
    $target[0].offsetHeight;
    $target.css('max-height', $target[0].scrollHeight + 'px');
 
    $btn.text(t.collapse);
 
    bindInnerResizeUpdates($target);
 
    // 바깥 펼접 즉시 갱신
    refreshOpenAncestors($target);
 
    // 전환 끝나면 none으로 풀어서 중첩 펼접/동적 내용 증가를 자연스럽게 허용
    $target.off('transitionend.foldopen').on('transitionend.foldopen', function (e) {
        if (e.target !== this) return;
        if (!$target.hasClass('folding-open')) return;
 
        $target.css('max-height', 'none');
        $target.data('fold-state', 'open');
 
        refreshOpenAncestors($target);
    });
 
    // 늦게 렌더되는 콘텐츠 대응
    requestAnimationFrame(function () {
        if ($target.hasClass('folding-open') && $target.data('fold-state') !== 'open') {
            $target.css('max-height', $target[0].scrollHeight + 'px');
            refreshOpenAncestors($target);
        }
    });
 
    setTimeout(function () {
        if ($target.hasClass('folding-open') && $target.data('fold-state') !== 'open') {
            $target.css('max-height', $target[0].scrollHeight + 'px');
            refreshOpenAncestors($target);
        }
    }, 80);
 
    setTimeout(function () {
        if ($target.hasClass('folding-open') && $target.data('fold-state') !== 'open') {
            $target.css('max-height', $target[0].scrollHeight + 'px');
            refreshOpenAncestors($target);
        }
    }, 220);
}
 
function closeFold($target, $btn) {
    var t = getFoldTexts();
 
    // none 상태에서 닫으면 transition이 안 되므로 실제 높이로 고정
    if ($target.css('max-height') === 'none' || $target.data('fold-state') === 'open') {
        $target.css('max-height', $target[0].scrollHeight + 'px');
    } else {
        $target.css('max-height', $target[0].scrollHeight + 'px');
    }
 
    $target.data('fold-state', 'closing');
    $target[0].offsetHeight;
    $target.css('max-height', '0px');
    $target.removeClass('folding-open');
 
    $btn.text(t.expand);
 
    refreshOpenAncestors($target);
 
    setTimeout(function () {
        refreshOpenAncestors($target);
        $target.data('fold-state', 'closed');
    }, 250);
}
 
$(function () {
    $(document)
        .off('click.clbiToggle')
        .on('click.clbiToggle', '.toggleBtn', function () {
            var $btn = $(this);
            var targetId = $btn.data('target');
            var $target = $('#' + targetId);
            if (!$target.length) return;
 
            var scrollY = window.scrollY;
 
            if ($target.hasClass('folding-open')) {
                closeFold($target, $btn);
            } else {
                openFold($target, $btn);
            }
 
            window.scrollTo(0, scrollY);
        });
});
 
// ========== 프로필 시스템 ==========
function initProfile() {
    $('.profile-card').remove();
    $('.user-profile-portal').removeClass('user-profile-portal');
 
    var token = ++PROFILE_RENDER_TOKEN;
    var ns = mw.config.get('wgNamespaceNumber');
    var title = mw.config.get('wgTitle');
    var specialPage = mw.config.get('wgCanonicalSpecialPageName');
    var isProfileSettings = specialPage === '사용자정보';
 
    $('body').toggleClass('user-profile-page', ns === 2);
    $('body').toggleClass('user-profile-settings-page', isProfileSettings);
 
    if (ns === 2) {
        var profileUser = title.split('/')[0];
        renderProfile(profileUser, token);
    }
 
    if (isProfileSettings) {
        initUserProfilePage();
    }
}
 
function renderProfile(username, token) {
    var api = new mw.Api();
    api.get({
        action: 'query',
        list: 'users',
        ususers: username,
        usprop: 'editcount'
    }).then(function(data) {
        if (token !== PROFILE_RENDER_TOKEN) return;
        if (mw.config.get('wgNamespaceNumber') !== 2) return;
 
        var currentTitle = String(mw.config.get('wgTitle') || '').split('/')[0];
        if (currentTitle !== username) return;
 
        var user = data.query.users[0];
        var contentEl = document.getElementById('mw-content-text');
        if (!contentEl) return;
 
        var pageContent = contentEl.querySelector('.mw-parser-output') || contentEl;
        injectProfileCard(username, user, pageContent);
    });
}
 
function injectProfileCard(username, userData, container) {
    var isOwnPage = mw.config.get('wgUserName') === username;
    var editCount = (userData && userData.editcount) ? userData.editcount : 0;
 
    function escapeHtml(value) {
        return String(value == null ? '' : value)
            .replace(/&/g, '&amp;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/"/g, '&quot;')
            .replace(/'/g, '&#039;');
    }
 
    container.classList.add('user-profile-portal');
 
    var safeUsername = escapeHtml(username);
    var avatarSrc = '/index.php?title=특수:Redirect/file/Pfp-' + encodeURIComponent(username) + '.png&width=220';
    var fallbackSrc = '/index.php?title=특수:Redirect/file/Pfp-default.png&width=220';
    var editBtn = isOwnPage
        ? '<a href="/index.php/특수:사용자정보" class="profile-edit-btn"><span class="profile-edit-label">프로필 수정</span><span class="profile-edit-arrow">›</span></a>'
        : '';
 
    var progressHtml = isOwnPage
        ? '<div class="profile-page-progress is-syncing" data-profile-progress>' +
            '<div class="profile-section-title">LEVEL RECORD</div>' +
            '<div class="profile-page-progress-body">' +
                '<div class="profile-page-progress-row">' +
                    '<span class="profile-page-level">SYNC</span>' +
                    '<span class="profile-page-total-xp">— XP</span>' +
                '</div>' +
                '<div class="profile-page-xp-bar" aria-hidden="true"><div class="profile-page-xp-fill"></div></div>' +
                '<div class="profile-page-progress-sub">SYNCING</div>' +
                '<div class="profile-page-progress-meta">TODAY — · DISCOVERED —</div>' +
            '</div>' +
        '</div>'
        : '';
 
    var card = document.createElement('div');
    card.className = 'profile-card profile-page-console';
    card.innerHTML =
        '<div class="profile-card-titlebar">' +
            '<span>USER PROFILE</span>' +
            '<span>OFFICIAL ARCHIVE</span>' +
        '</div>' +
        '<div class="profile-card-body">' +
            '<div class="profile-identity-row">' +
                '<div class="profile-avatar-bay">' +
                    '<img src="' + avatarSrc + '" onerror="this.onerror=null;this.src=\'' + fallbackSrc + '\';" alt="' + safeUsername + '">' +
                '</div>' +
                '<div class="profile-info-panel">' +
                    '<div class="profile-nameplate">' +
                        '<h2 class="profile-username">' + safeUsername + '</h2>' +
                        editBtn +
                    '</div>' +
                    '<div class="profile-name" data-field="name"></div>' +
                    '<div class="profile-role" data-field="role"></div>' +
                    '<div class="profile-discord" data-field="discord"></div>' +
                '</div>' +
            '</div>' +
            '<div class="profile-lower-grid">' +
                '<div class="profile-bio-panel">' +
                    '<div class="profile-section-title">BIOGRAPHY</div>' +
                    '<div class="profile-bio" data-field="bio"></div>' +
                '</div>' +
                '<div class="profile-stats-panel">' +
                    '<div class="profile-section-title">RECORD</div>' +
                    '<div class="profile-stats">' +
                        progressHtml +
                        '<div class="profile-stat-grid">' +
                            '<div class="profile-stat">' +
                                '<span class="clbi-stat-value">' + editCount + '</span>' +
                                '<span class="clbi-stat-label">수정 횟수</span>' +
                            '</div>' +
                            '<div class="profile-stat" data-contrib-pages-stat>' +
                                '<span class="clbi-stat-value" data-contrib-pages-value>SYNC</span>' +
                                '<span class="clbi-stat-label">기여 문서</span>' +
                            '</div>' +
                        '</div>' +
                        '<div class="profile-info-grid">' +
                            '<div class="profile-info-stat">' +
                                '<span class="profile-info-label">TIME</span>' +
                                '<span class="profile-info-value" data-profile-time>UTC --:--</span>' +
                            '</div>' +
                            '<div class="profile-info-stat">' +
                                '<span class="profile-info-label">LANGUAGE</span>' +
                                '<span class="profile-info-value" data-profile-language>—</span>' +
                            '</div>' +
                        '</div>' +
                    '</div>' +
                '</div>' +
            '</div>' +
        '</div>';
 
    $('.profile-card').remove();
    container.insertBefore(card, container.firstChild);
    loadProfileFields(username, card);
    loadProfileContributionPages(username, card);
    updateProfilePageEnvironment(card, null);
 
    if (isOwnPage) {
        loadProfileProgressForUserPage(card);
    }
}
 
function getProfileLanguageLabel() {
    var lang = getCurrentLang();
    return SIDEBAR_LANGUAGE_LABELS[lang] || (lang ? lang.toUpperCase() : '—');
}
 
function updateProfilePageEnvironment(card, summary) {
    if (!card) return;
 
    var timezone = summary && summary.timezone ? summary.timezone : 'UTC';
    var timeEl = card.querySelector('[data-profile-time]');
    var langEl = card.querySelector('[data-profile-language]');
 
    if (timeEl) {
        try {
            timeEl.textContent = timezone + ' ' + new Intl.DateTimeFormat('ko-KR', {
                hour: '2-digit',
                minute: '2-digit',
                hour12: false,
                timeZone: timezone
            }).format(new Date());
        } catch (err) {
            timeEl.textContent = 'UTC ' + new Intl.DateTimeFormat('ko-KR', {
                hour: '2-digit',
                minute: '2-digit',
                hour12: false,
                timeZone: 'UTC'
            }).format(new Date());
        }
    }
 
    if (langEl) {
        langEl.textContent = getProfileLanguageLabel();
    }
}
 
function loadProfileContributionPages(username, card) {
    if (!username || !card) return;
    if (!mw.loader || typeof mw.loader.using !== 'function') return;
 
    var valueEl = card.querySelector('[data-contrib-pages-value]');
    if (valueEl) valueEl.textContent = 'SYNC';
 
    mw.loader.using(['mediawiki.api']).then(function () {
        var api = new mw.Api();
        var pages = Object.create(null);
        var cont = {};
        var guard = 0;
 
        function requestNext() {
            guard++;
 
            var params = Object.assign({
                action: 'query',
                list: 'usercontribs',
                ucuser: username,
                ucnamespace: 0,
                ucprop: 'title',
                uclimit: 'max',
                format: 'json',
                formatversion: 2
            }, cont);
 
            return api.get(params).then(function (data) {
                var rows = data && data.query && data.query.usercontribs ? data.query.usercontribs : [];
 
                rows.forEach(function (row) {
                    if (row && row.title) pages[row.title] = true;
                });
 
                if (data && data.continue && data.continue.uccontinue && guard < 40) {
                    cont = data.continue;
                    return requestNext();
                }
 
                if (valueEl) valueEl.textContent = Object.keys(pages).length;
            });
        }
 
        requestNext().fail(function () {
            if (valueEl) valueEl.textContent = '—';
        });
    });
}
 
function loadProfileProgressForUserPage(card) {
    if (!mw.config.get('wgUserName')) return;
    if (!mw.loader || typeof mw.loader.using !== 'function') return;
 
    mw.loader.using(['mediawiki.api']).then(function () {
        var api = new mw.Api();
        api.get({
            action: 'progress_summary',
            format: 'json',
            formatversion: 2
        }).then(function (data) {
            var payload = data && data.progress_summary;
            if (!payload || !payload.available || !payload.summary) return;
            updateUserPageProgress(card, payload.summary);
            updateProfilePageEnvironment(card, payload.summary);
        });
    });
}
 
function updateUserPageProgress(card, summary) {
    var panel = card.querySelector('[data-profile-progress]');
    if (!panel || !summary) return;
 
    var level = summary.level || 1;
    var totalXp = summary.totalXp || 0;
    var xpIntoLevel = summary.xpIntoLevel || 0;
    var xpForNext = summary.xpForNextLevel || 1;
    var percent = Math.max(0, Math.min(100, summary.progressPercent || 0));
    var isMaxLevel = !!summary.isMaxLevel;
    var dailyXp = summary.dailyXp || 0;
    var discoveries = summary.discoveryCount || 0;
 
    panel.classList.remove('is-syncing');
    panel.classList.toggle('is-max-level', isMaxLevel);
 
    var levelEl = panel.querySelector('.profile-page-level');
    var totalEl = panel.querySelector('.profile-page-total-xp');
    var fillEl = panel.querySelector('.profile-page-xp-fill');
    var subEl = panel.querySelector('.profile-page-progress-sub');
    var metaEl = panel.querySelector('.profile-page-progress-meta');
 
    if (levelEl) levelEl.textContent = (isMaxLevel ? 'MAX ' : 'LVL ') + level;
    if (totalEl) totalEl.textContent = totalXp + ' XP';
    if (fillEl) fillEl.style.width = percent + '%';
    if (subEl) subEl.textContent = isMaxLevel ? 'MAX LEVEL' : (xpIntoLevel + ' / ' + xpForNext + ' TO NEXT');
    if (metaEl) metaEl.textContent = 'TODAY ' + dailyXp + ' XP · DISCOVERED ' + discoveries;
}
 
function loadProfileFields(username, card) {
    var api = new mw.Api();
    api.get({
        action: 'userprofile',
        user: username
    }).then(function(data) {
        var profile = data.userprofile;
        updateProfileFields(card, {
            name: profile.name || '',
            discord: profile.discord || '',
            role: profile.role || '',
            bio: profile.bio || ''
        });
    }).fail(function() {
        updateProfileFields(card, {
            name: '',
            discord: '',
            role: '',
            bio: ''
        });
    });
}
 
function updateProfileFields(card, data) {
    var nameEl = card.querySelector('[data-field="name"]');
    var roleEl = card.querySelector('[data-field="role"]');
    var discordEl = card.querySelector('[data-field="discord"]');
    var bioEl = card.querySelector('[data-field="bio"]');
    if (nameEl) nameEl.textContent = data.name || '';
    if (roleEl) roleEl.textContent = data.role || '';
    if (discordEl) discordEl.textContent = data.discord ? ('디스코드: ' + data.discord) : '';
    if (bioEl) bioEl.textContent = data.bio || '';
}
// ========== 프로필 시스템 끝 ==========
 
// ========== 알림 시스템 ==========
function ensureNotificationPopup() {
    if (document.getElementById('clbi-notification-popup')) return;
 
    var popup = document.createElement('div');
    popup.id = 'clbi-notification-popup';
    popup.style.cssText =
        'display:none;position:fixed;z-index:99999;width:320px;max-height:420px;' +
        'background:#0a0909;border:2px solid #854369;border-radius:5px;' +
        'box-shadow:0 0 0 1px #1a1a1a, 0 8px 24px rgba(0,0,0,0.55);overflow:hidden;';
 
    popup.innerHTML =
        '<div style="padding:10px 12px;border-bottom:2px solid #854369;background:linear-gradient(to bottom, #171114 0%, #0a0909 100%);color:#E2E2E2;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:8px;">' +
            '<span>알림</span>' +
            '<button type="button" id="clbi-notification-readall" style="background:#171717;border:1px solid #854369;border-radius:6px;color:#E2E2E2;font-size:11px;font-weight:700;padding:4px 8px;cursor:pointer;">전체 읽음</button>' +
        '</div>' +
        '<div id="clbi-notification-list" style="max-height:320px;overflow-y:auto;padding:8px 0;color:#E2E2E2;font-size:12px;">불러오는 중...</div>' +
        '<div style="padding:8px;border-top:1px solid #2a2a2a;background:#111;">' +
            '<a href="/index.php?title=Special:Notifications" id="clbi-notification-more" style="display:block;width:100%;text-align:center;padding:8px 10px;border-radius:6px;background:#171717;border:1px solid #854369;color:#E2E2E2 !important;text-decoration:none !important;font-size:12px;font-weight:700;">더보기</a>' +
        '</div>';
 
    document.body.appendChild(popup);
}
 
function positionNotificationPopup() {
    var btn = document.getElementById('profile-quick-notifications');
    var popup = document.getElementById('clbi-notification-popup');
    if (!btn || !popup) return;
 
    var rect = btn.getBoundingClientRect();
    var top = rect.bottom + 6;
    var left = rect.left + (rect.width / 2) - (popup.offsetWidth / 2);
 
    if (left < 8) left = 8;
    if (left + popup.offsetWidth > window.innerWidth - 8) {
        left = window.innerWidth - popup.offsetWidth - 8;
    }
    if (top + popup.offsetHeight > window.innerHeight - 8) {
        top = Math.max(8, rect.top - popup.offsetHeight - 6);
    }
 
    popup.style.top = top + 'px';
    popup.style.left = left + 'px';
}
 
function parseNotificationItemsFromHtml(html) {
    var parser = new DOMParser();
    var doc = parser.parseFromString(html, 'text/html');
 
    var selectors = [
        '.mw-echo-ui-notificationItemWidget',
        '.mw-echo-ui-notificationsInboxWidgetRow',
        '.echo-ui-notificationItemWidget',
        'li[data-notification-id]',
        '.mw-echo-notifications-list li'
    ];
 
    var items = [];
    for (var i = 0; i < selectors.length; i++) {
        items = Array.prototype.slice.call(doc.querySelectorAll(selectors[i]));
        if (items.length) break;
    }
 
    return items.slice(0, 5).map(function(item) {
        var link = item.querySelector('a[href]');
        var href = link ? link.getAttribute('href') : '/index.php?title=Special:Notifications';
        var text = (item.textContent || '').replace(/\s+/g, ' ').trim();
 
        var notificationId =
            item.getAttribute('data-notification-id') ||
            item.getAttribute('data-id') ||
            item.getAttribute('data-notification') ||
            '';
 
        if (!notificationId) {
            var anyWithId = item.querySelector('[data-notification-id], [data-id], [data-notification]');
            if (anyWithId) {
                notificationId =
                    anyWithId.getAttribute('data-notification-id') ||
                    anyWithId.getAttribute('data-id') ||
                    anyWithId.getAttribute('data-notification') ||
                    '';
            }
        }
 
        if (href && href.indexOf('http') !== 0) {
            href = href.charAt(0) === '/'
                ? href
                : '/index.php' + (href.charAt(0) === '?' ? href : '/' + href);
        }
 
        return {
            id: notificationId,
            href: href,
            text: text || '알림'
        };
    });
}
 
function setNotificationIcon(hasItems) {
    var quickIcon = document.getElementById('profile-quick-notification-icon');
    var svg = hasItems ? CLBI_SVG_BELL_DOT : CLBI_SVG_BELL;
 
    if (quickIcon) {
        quickIcon.innerHTML = svg;
        quickIcon.classList.toggle('has-notifications', !!hasItems);
    }
}
 
function renderNotificationPopup(items) {
    var list = document.getElementById('clbi-notification-list');
    var badge = document.getElementById('clbi-notification-badge');
    if (!list) return;
 
    if (!items || !items.length) {
        list.innerHTML = '<div style="padding:14px 12px;color:#999;">표시할 알림이 없습니다.</div>';
        if (badge) badge.style.display = 'none';
        setNotificationIcon(false);
        return;
    }
 
    var html = '';
    for (var i = 0; i < items.length; i++) {
        html +=
            '<a href="' + items[i].href + '" class="clbi-notification-item" data-notification-id="' + (items[i].id || '') + '" style="display:block;padding:10px 12px;color:#E2E2E2 !important;text-decoration:none !important;border-bottom:1px solid #1f1f1f;line-height:1.5;">' +
                items[i].text +
            '</a>';
    }
    list.innerHTML = html;
 
    if (badge) {
        badge.textContent = items.length;
        badge.style.display = 'block';
    }
    setNotificationIcon(true);
}
 
function loadNotificationsIntoPopup() {
    var list = document.getElementById('clbi-notification-list');
    if (list) {
        list.innerHTML = '<div style="padding:14px 12px;color:#999;">불러오는 중...</div>';
    }
 
    fetch('/index.php?title=Special:Notifications', { credentials: 'same-origin' })
        .then(function(res) {
            return res.text();
        })
        .then(function(html) {
            var items = parseNotificationItemsFromHtml(html);
            renderNotificationPopup(items);
        })
        .catch(function(err) {
            console.error(err);
            if (list) {
                list.innerHTML = '<div style="padding:14px 12px;color:#999;">알림을 불러오지 못했습니다.</div>';
            }
        });
}
 
function markAllNotificationsRead() {
    return new mw.Api().postWithToken('csrf', {
        action: 'echomarkread',
        list: 'all'
    });
}
 
function markNotificationReadById(notificationId) {
    if (!notificationId) {
        return $.Deferred().resolve().promise();
    }
 
    return new mw.Api().postWithToken('csrf', {
        action: 'echomarkread',
        list: notificationId
    });
}
 
function initNotifications() {
    var quickBtn = document.getElementById('profile-quick-notifications');
 
    if (!quickBtn) return;
 
    ensureNotificationPopup();
    loadNotificationsIntoPopup();
 
    $(document)
        .off('click.clbiNotificationToggle')
        .on('click.clbiNotificationToggle', '#profile-quick-notifications', function(e) {
            e.preventDefault();
            e.stopPropagation();
 
            var popup = document.getElementById('clbi-notification-popup');
            if (!popup) return;
 
            if (popup.style.display === 'none' || popup.style.display === '') {
                popup.style.display = 'block';
                positionNotificationPopup();
                loadNotificationsIntoPopup();
            } else {
                popup.style.display = 'none';
            }
        });
 
    $(document)
        .off('click.clbiNotificationOutside')
        .on('click.clbiNotificationOutside', function(e) {
            var popup = document.getElementById('clbi-notification-popup');
            var quickToggle = document.getElementById('profile-quick-notifications');
            if (!popup) return;
 
            if (!popup.contains(e.target) && (!quickToggle || !quickToggle.contains(e.target))) {
                popup.style.display = 'none';
            }
        });
 
    $(document)
        .off('click.clbiNotificationReadAll')
        .on('click.clbiNotificationReadAll', '#clbi-notification-readall', function(e) {
            e.preventDefault();
            e.stopPropagation();
 
            var button = this;
            button.disabled = true;
            button.textContent = '처리 중...';
 
            markAllNotificationsRead()
                .then(function() {
                    loadNotificationsIntoPopup();
                })
                .always(function() {
                    button.disabled = false;
                    button.textContent = '전체 읽음';
                });
        });
 
    $(document)
        .off('click.clbiNotificationItem')
        .on('click.clbiNotificationItem', '.clbi-notification-item', function(e) {
            e.preventDefault();
            e.stopPropagation();
 
            var href = this.getAttribute('href');
            var notificationId = this.getAttribute('data-notification-id') || '';
 
            markNotificationReadById(notificationId).always(function() {
                loadNotificationsIntoPopup();
                if (href) {
                    window.location.href = href;
                }
            });
        });
 
    $(window)
        .off('resize.clbiNotification')
        .on('resize.clbiNotification', function() {
            var popup = document.getElementById('clbi-notification-popup');
            if (popup && popup.style.display === 'block') {
                positionNotificationPopup();
            }
        });
}
// ========== 알림 시스템 끝 ==========
 
function initUserProfilePage() {
    $('body').addClass('user-profile-settings-page');
 
    var saveBtn = document.getElementById('pref-save');
    if (!saveBtn) return;
 
    function getPrefRow(id) {
        var el = document.getElementById(id);
        if (!el) return null;
        return el.closest('.clbi-pref-row') || el.parentNode;
    }
 
    function removePrefRow(id) {
        var row = getPrefRow(id);
        if (row && row.parentNode) {
            row.parentNode.removeChild(row);
        }
    }
 
    function createPrefSection(className, titleText) {
        var section = document.createElement('div');
        section.className = 'clbi-pref-section ' + className;
 
        var title = document.createElement('div');
        title.className = 'clbi-pref-section-title';
        title.textContent = titleText;
 
        var body = document.createElement('div');
        body.className = 'clbi-pref-section-body';
 
        section.appendChild(title);
        section.appendChild(body);
 
        return {
            section: section,
            body: body
        };
    }
 
    function moveRowToSection(id, targetBody, className) {
        var row = getPrefRow(id);
        if (!row || !targetBody) return false;
 
        row.classList.add('clbi-pref-row-key-' + className);
        targetBody.appendChild(row);
        return true;
    }
 
    function rebuildProfileSettingsLayout() {
        var root = document.querySelector('.clbi-prefs-profile');
        if (!root || root.dataset.profileSettingsReworked === '1') return;
 
        root.dataset.profileSettingsReworked = '1';
        root.classList.add('profile-settings-console');
 
        removePrefRow('pref-badges');
 
        var originalRows = Array.prototype.slice.call(root.querySelectorAll('.clbi-pref-row'));
        var actionNodes = [];
 
        if (saveBtn.parentNode === root || saveBtn.closest('.clbi-prefs-profile') === root) {
            actionNodes.push(saveBtn);
        }
 
        var statusNode = document.getElementById('pref-status');
        if (statusNode && statusNode.closest('.clbi-prefs-profile') === root) {
            actionNodes.push(statusNode);
        }
 
        var main = document.createElement('div');
        main.className = 'clbi-pref-main-grid';
 
        var media = createPrefSection('clbi-pref-section-media', 'PROFILE IMAGE');
        var identity = createPrefSection('clbi-pref-section-identity', 'IDENTITY RECORD');
        var bio = createPrefSection('clbi-pref-section-bio', 'BIOGRAPHY');
        var account = createPrefSection('clbi-pref-section-account', 'ACCOUNT CONTACT');
        var misc = createPrefSection('clbi-pref-section-misc', 'OTHER OPTIONS');
 
        main.appendChild(media.section);
        main.appendChild(identity.section);
        main.appendChild(bio.section);
        main.appendChild(account.section);
        main.appendChild(misc.section);
 
        root.innerHTML = '';
        root.appendChild(main);
 
        moveRowToSection('pref-pfp-preview', media.body, 'pfp');
        moveRowToSection('pref-pfp-btn', media.body, 'pfp');
        moveRowToSection('pref-pfp-input', media.body, 'pfp');
 
        moveRowToSection('pref-name', identity.body, 'name');
        moveRowToSection('pref-role', identity.body, 'role');
        moveRowToSection('pref-discord', identity.body, 'discord');
 
        moveRowToSection('pref-bio', bio.body, 'bio');
 
        moveRowToSection('pref-new-email', account.body, 'email');
        moveRowToSection('pref-email-password', account.body, 'email');
        moveRowToSection('pref-email-save', account.body, 'email');
 
        originalRows.forEach(function (row) {
            if (!row.parentNode && !row.className.match(/clbi-pref-row-key-/)) {
                misc.body.appendChild(row);
            }
        });
 
        if (!misc.body.children.length) {
            misc.section.parentNode.removeChild(misc.section);
        }
 
        var actions = document.createElement('div');
        actions.className = 'clbi-pref-actions';
 
        if (saveBtn) actions.appendChild(saveBtn);
        if (statusNode) actions.appendChild(statusNode);
 
        root.appendChild(actions);
    }
 
    rebuildProfileSettingsLayout();
 
    var api = new mw.Api();
    var selectedFile = null;
    var cropper = null;
 
    if (!document.getElementById('clbi-gallery-modal')) {
        var gModal = document.createElement('div');
        gModal.id = 'clbi-gallery-modal';
        gModal.style.cssText =
            'display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:99999;align-items:center;justify-content:center;';
 
        gModal.innerHTML =
            '<div style="background:#1e1e1e;border:2px solid #854369;border-radius:12px;padding:24px;max-width:480px;width:90%;display:flex;flex-direction:column;gap:16px;">' +
                '<div style="display:flex;justify-content:space-between;align-items:center;">' +
                    '<span style="font-size:14px;font-weight:700;color:#e2e2e2;">프로필 사진 선택</span>' +
                    '<button type="button" id="clbi-gallery-close" style="background:none;border:none;color:#aaa;font-size:18px;cursor:pointer;">✕</button>' +
                '</div>' +
                '<button type="button" id="clbi-gallery-upload-btn" style="background:#2a2a2a;border:2px dashed #854369;border-radius:8px;padding:32px;color:#e2e2e2;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;width:100%;">' +
                    '<span style="font-size:32px;">🖼️</span>새 사진 업로드' +
                '</button>' +
                '<div id="clbi-gallery-history-section" style="display:none;">' +
                    '<div style="font-size:11px;color:#888;margin-bottom:8px;">이전 사진 — 클릭하면 바로 적용</div>' +
                    '<div id="clbi-gallery-history" style="display:flex;gap:8px;flex-wrap:wrap;"></div>' +
                '</div>' +
            '</div>';
 
        document.body.appendChild(gModal);
    }
 
    if (!document.getElementById('clbi-crop-modal')) {
        var cModal = document.createElement('div');
        cModal.id = 'clbi-crop-modal';
        cModal.style.cssText =
            'display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:99999;align-items:center;justify-content:center;';
 
        cModal.innerHTML =
            '<div style="background:#1e1e1e;border:2px solid #854369;border-radius:12px;padding:24px;max-width:500px;width:90%;display:flex;flex-direction:column;gap:16px;">' +
                '<div style="font-size:14px;font-weight:700;color:#e2e2e2;">사진 조정</div>' +
                '<div style="width:100%;max-height:380px;overflow:hidden;border-radius:8px;">' +
                    '<img id="clbi-crop-image" style="max-width:100%;">' +
                '</div>' +
                '<div style="display:flex;gap:8px;justify-content:flex-end;">' +
                    '<button type="button" id="clbi-crop-cancel" style="background:#2a2a2a;color:#e2e2e2;border:1px solid #444;padding:8px 16px;border-radius:6px;cursor:pointer;">취소</button>' +
                    '<button type="button" id="clbi-crop-confirm" style="background:#854369;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;">확정</button>' +
                '</div>' +
            '</div>';
 
        document.body.appendChild(cModal);
    }
 
    var gModal = document.getElementById('clbi-gallery-modal');
    var cModal = document.getElementById('clbi-crop-modal');
    var cropImage = document.getElementById('clbi-crop-image');
    var pfpInput = document.getElementById('pref-pfp-input');
 
    function openGallery() {
        gModal.style.display = 'flex';
 
        var username = mw.config.get('wgUserName');
        api.get({
            action: 'query',
            titles: '파일:Pfp-' + username + '.png',
            prop: 'imageinfo',
            iiprop: 'url|timestamp',
            iilimit: 6
        }).then(function(data) {
            var pages = data.query.pages;
            var page = pages[Object.keys(pages)[0]];
            if (!page.imageinfo || page.imageinfo.length === 0) return;
 
            var historyEl = document.getElementById('clbi-gallery-history');
            var sectionEl = document.getElementById('clbi-gallery-history-section');
            historyEl.innerHTML = '';
 
            page.imageinfo.forEach(function(info, idx) {
                var wrap = document.createElement('div');
                wrap.style.cssText = 'position:relative;cursor:pointer;';
 
                var img = document.createElement('img');
                img.src = info.url;
                img.style.cssText =
                    'width:72px;height:72px;object-fit:cover;border-radius:8px;border:2px solid #444;flex-shrink:0;';
 
                if (idx === 0) {
                    img.style.borderColor = '#854369';
                    var badge = document.createElement('div');
                    badge.textContent = '현재';
                    badge.style.cssText =
                        'position:absolute;bottom:4px;left:50%;transform:translateX(-50%);background:#854369;color:#fff;font-size:9px;padding:1px 6px;border-radius:10px;';
                    wrap.appendChild(badge);
                }
 
                img.addEventListener('mouseenter', function() {
                    if (idx !== 0) img.style.borderColor = '#854369';
                });
 
                img.addEventListener('mouseleave', function() {
                    if (idx !== 0) img.style.borderColor = '#444';
                });
 
                img.addEventListener('click', function() {
                    fetch(info.url)
                        .then(function(r) {
                            return r.blob();
                        })
                        .then(function(blob) {
                            selectedFile = new File([blob], 'profile.png', { type: 'image/png' });
                            document.getElementById('pref-pfp-preview').src = URL.createObjectURL(blob);
                            gModal.style.display = 'none';
                            document.getElementById('pref-pfp-btn').textContent = '✓ 사진 선택됨';
                        });
                });
 
                wrap.appendChild(img);
                historyEl.appendChild(wrap);
            });
 
            sectionEl.style.display = 'block';
        });
    }
 
    function openCrop(src) {
        cropImage.src = src;
        cModal.style.display = 'flex';
 
        if (cropper) {
            cropper.destroy();
            cropper = null;
        }
 
        setTimeout(function() {
            cropper = new Cropper(cropImage, {
                aspectRatio: 1,
                viewMode: 1,
                dragMode: 'move',
                autoCropArea: 0.8,
                cropBoxResizable: true,
                cropBoxMovable: true
            });
        }, 150);
    }
 
    document.getElementById('pref-pfp-btn').addEventListener('click', function() {
        openGallery();
    });
 
    document.getElementById('clbi-gallery-upload-btn').addEventListener('click', function() {
        pfpInput.click();
    });
 
    document.getElementById('clbi-gallery-close').addEventListener('click', function() {
        gModal.style.display = 'none';
    });
 
    pfpInput.addEventListener('change', function() {
        var file = this.files[0];
        if (!file) return;
 
        gModal.style.display = 'none';
 
        var reader = new FileReader();
        reader.onload = function(e) {
            openCrop(e.target.result);
        };
        reader.readAsDataURL(file);
    });
 
    document.getElementById('clbi-crop-cancel').addEventListener('click', function() {
        cModal.style.display = 'none';
        if (cropper) {
            cropper.destroy();
            cropper = null;
        }
        pfpInput.value = '';
    });
 
    document.getElementById('clbi-crop-confirm').addEventListener('click', function() {
        if (!cropper) return;
 
        var canvas = cropper.getCroppedCanvas({ width: 256, height: 256 });
        if (!canvas) return;
 
        canvas.toBlob(function(blob) {
            selectedFile = new File([blob], 'profile.png', { type: 'image/png' });
            document.getElementById('pref-pfp-preview').src = URL.createObjectURL(blob);
            cModal.style.display = 'none';
            cropper.destroy();
            cropper = null;
            document.getElementById('pref-pfp-btn').textContent = '✓ 사진 선택됨';
        }, 'image/png');
    });
 
    var emailSaveBtn = document.getElementById('pref-email-save');
    if (emailSaveBtn) {
        emailSaveBtn.addEventListener('click', function() {
            var statusEl = document.getElementById('pref-email-status');
            var newEmail = document.getElementById('pref-new-email').value;
            var password = document.getElementById('pref-email-password').value;
 
            if (!newEmail || !password) {
                statusEl.textContent = '이메일과 비밀번호를 입력해주세요.';
                return;
            }
 
            statusEl.textContent = '변경 중...';
 
            api.postWithToken('csrf', {
                action: 'changeemail',
                email: newEmail,
                password: password
            }).then(function() {
                statusEl.textContent = '✓ 이메일 변경됨';
                document.getElementById('pref-new-email').value = '';
                document.getElementById('pref-email-password').value = '';
 
                setTimeout(function() {
                    statusEl.textContent = '';
                }, 3000);
            }).fail(function(code, data) {
                var msg = data && data.error && data.error.info ? data.error.info : '변경 실패';
                statusEl.textContent = msg;
            });
        });
    }
 
    saveBtn.addEventListener('click', function() {
        var statusEl = document.getElementById('pref-status');
        statusEl.textContent = '저장 중...';
 
        var promises = [];
 
        if (selectedFile) {
            var username = mw.config.get('wgUserName');
            promises.push(
                api.postWithToken('csrf', {
                    action: 'upload',
                    filename: 'Pfp-' + username + '.png',
                    ignorewarnings: true,
                    file: selectedFile,
                    format: 'json'
                }, {
                    contentType: 'multipart/form-data'
                })
            );
        }
 
        var fields = ['name', 'discord', 'role', 'bio'];
 
        for (var i = 0; i < fields.length; i++) {
            var el = document.getElementById('pref-' + fields[i]);
            if (!el) continue;
 
            promises.push(
                api.postWithToken('csrf', {
                    action: 'options',
                    optionname: 'profile-' + fields[i],
                    optionvalue: el.value
                })
            );
        }
 
        $.when.apply($, promises)
            .then(function() {
                statusEl.textContent = '✓ 저장됨';
                selectedFile = null;
                document.getElementById('pref-pfp-btn').textContent = '사진 선택';
 
                setTimeout(function() {
                    statusEl.textContent = '';
                }, 2000);
            })
            .fail(function() {
                statusEl.textContent = '저장 실패';
            });
    });
}
 
/* =========================================
  Banner / CRT Page Monitor thumbnail slices
  - base 이미지는 틀에 들어간 파일 문법 그대로 사용
  - slice 레이어에는 300px MediaWiki 썸네일만 삽입
  ========================================= */
 
(function ($, mw) {
    var thumbCache = {};
 
    function parseSliceWidth(value) {
        var parsed = parseInt(value, 10);
 
        if (!isFinite(parsed) || parsed < 120) {
            return 300;
        }
 
        return parsed;
    }
 
    function getImageSrc(img) {
        return img ? (img.currentSrc || img.getAttribute('src') || img.src || '') : '';
    }
 
    function getFileNameFromSrc(src) {
        var a;
        var parts;
        var fileName;
 
        if (!src) return '';
 
        a = document.createElement('a');
        a.href = src;
 
        parts = (a.pathname || '').split('/').filter(function (part) {
            return !!part;
        });
 
        if (!parts.length) return '';
 
        fileName = parts.pop();
 
        /*
        * MediaWiki thumb URL 예시:
        * /images/thumb/a/ab/File.png/1000px-File.png
        * /images/thumb/a/ab/File.svg/1000px-File.svg.png
        *
        * 이 경우 실제 파일명은 마지막 조각이 아니라 그 앞 조각이다.
        */
        if (/^\d+px-/.test(fileName) && parts.length) {
            fileName = parts.pop();
        }
 
        fileName = fileName.replace(/^\d+px-/, '');
 
        try {
            fileName = decodeURIComponent(fileName);
        } catch (e) {}
 
        return fileName;
    }
 
    function resolveThumbUrl(img, width, callback) {
        var src = getImageSrc(img);
        var fileName = getFileNameFromSrc(src);
        var cacheKey;
        var entry;
 
        if (!src) return;
 
        if (!fileName || !mw || !mw.loader) {
            callback(src);
            return;
        }
 
        cacheKey = fileName + '|' + width;
        entry = thumbCache[cacheKey];
 
        if (entry) {
            if (entry.resolved) {
                callback(entry.url || src);
            } else {
                entry.callbacks.push(callback);
            }
            return;
        }
 
        entry = {
            resolved: false,
            url: '',
            callbacks: [callback]
        };
 
        thumbCache[cacheKey] = entry;
 
        function finish(url) {
            var callbacks = entry.callbacks.slice();
            var i;
 
            entry.resolved = true;
            entry.url = url || src;
            entry.callbacks = [];
 
            for (i = 0; i < callbacks.length; i++) {
                callbacks[i](entry.url);
            }
        }
 
        mw.loader.using('mediawiki.api').done(function () {
            var api = new mw.Api();
 
            api.get({
                action: 'query',
                titles: 'File:' + fileName,
                prop: 'imageinfo',
                iiprop: 'url',
                iiurlwidth: width,
                formatversion: 2
            }).done(function (data) {
                var page;
                var info;
 
                if (
                    data &&
                    data.query &&
                    data.query.pages &&
                    data.query.pages.length
                ) {
                    page = data.query.pages[0];
 
                    if (
                        page &&
                        page.imageinfo &&
                        page.imageinfo.length
                    ) {
                        info = page.imageinfo[0];
                    }
                }
 
                finish((info && (info.thumburl || info.url)) || src);
            }).fail(function () {
                finish(src);
            });
        }).fail(function () {
            finish(src);
        });
    }
 
    function applySliceImages(frame, thumbUrl) {
        var slices;
        var i;
        var img;
 
        if (!frame || !thumbUrl) return;
 
        slices = frame.querySelectorAll('.crt-page-monitor-slice');
 
        for (i = 0; i < slices.length; i++) {
            slices[i].innerHTML = '';
 
            img = document.createElement('img');
            img.className = 'crt-page-monitor-slice-img';
            img.src = thumbUrl;
            img.alt = '';
            img.decoding = 'async';
            img.loading = 'eager';
            img.setAttribute('aria-hidden', 'true');
 
            slices[i].appendChild(img);
        }
 
        frame.setAttribute('data-crt-slices-ready', '1');
    }
 
    function initBannerFrame(frame) {
        var baseImg;
        var width;
 
        if (!frame) return;
        if (frame.getAttribute('data-crt-slices-ready') === '1') return;
 
        baseImg = frame.querySelector('.crt-page-monitor-image-base img');
 
        if (!baseImg) return;
 
        width = parseSliceWidth(frame.getAttribute('data-crt-slice-width'));
 
        resolveThumbUrl(baseImg, width, function (thumbUrl) {
            if (!frame || !frame.parentNode) return;
            applySliceImages(frame, thumbUrl);
        });
    }
 
    function initBannerFrames(root) {
        var scope = root && root.querySelectorAll ? root : document;
        var frames = scope.querySelectorAll('.crt-page-monitor-frame');
        var i;
 
        for (i = 0; i < frames.length; i++) {
            initBannerFrame(frames[i]);
        }
    }
 
    $(function () {
        initBannerFrames(document);
    });
 
    if (mw && mw.hook) {
        mw.hook('wikipage.content').add(function ($content) {
            initBannerFrames($content && $content[0] ? $content[0] : document);
        });
    }
})(jQuery, window.mw);
 
/* =========================================
  Doc Tab System — tab switching UI
  글리치 플리커 + RGB split + 방향 슬라이드
  ========================================= */
 
(function () {
    'use strict';
 
    function initDocTabs() {
        var tabBars = document.querySelectorAll('.doc-tab-bar');
        if (!tabBars.length) return;
 
        tabBars.forEach(function (bar) {
            if (bar.getAttribute('data-tabs-init')) return;
            bar.setAttribute('data-tabs-init', '1');
 
            var tabs = Array.from(bar.querySelectorAll('.doc-tab'));
            if (!tabs.length) return;
 
            var panel = bar.closest('.doc-panel');
            var display = panel ? panel.querySelector('.doc-display') : null;
            if (!display) display = document.getElementById('doc-main-display');
            if (!display) return;
 
            tabs.forEach(function (tab, i) {
                tab.addEventListener('click', function () {
                    var currentIdx = tabs.findIndex(function (t) {
                        return t.classList.contains('active');
                    });
                    if (currentIdx === i) return;
                    switchTab(tabs, display, i, i > currentIdx ? 1 : -1);
                });
            });
 
            var initIdx = tabs.findIndex(function (t) { return t.classList.contains('active'); });
            if (initIdx !== -1) {
                var initRef = tabs[initIdx].dataset.ref;
                var initEl = initRef ? document.getElementById(initRef) : null;
                display.innerHTML = initEl ? initEl.innerHTML : (tabs[initIdx].dataset.content || '');
            }
        });
 
    }
 
    var isAnimating = false;
 
    function switchTab(tabs, display, nextIdx, dir) {
        if (isAnimating) return;
        isAnimating = true;
 
        tabs.forEach(function (t) { t.classList.remove('active'); });
        tabs[nextIdx].classList.add('active');
 
        var ref = tabs[nextIdx].dataset.ref;
        var nextContent;
        if (ref) {
            var refEl = document.getElementById(ref);
            nextContent = refEl ? refEl.innerHTML : '';
        } else {
            nextContent = tabs[nextIdx].dataset.content || '';
        }
 
        glitchOut(display, dir, function () {
            display.innerHTML = nextContent;
            glitchIn(display, dir, function () {
                isAnimating = false;
            });
        });
    }
 
    function glitchOut(el, dir, cb) {
        var duration = 160;
        var start = null;
        var slideX = dir * 16;
 
        function step(ts) {
            if (!start) start = ts;
            var p = Math.min((ts - start) / duration, 1);
            var ease = p * p;
 
            var tx = slideX * ease;
            var skew = dir * ease * 1.0;
            var opacity = 1 - ease;
            var rgb = ease * 5;
 
            el.style.transform = 'translateX(' + tx + 'px) skewX(' + skew + 'deg)';
            el.style.opacity = opacity;
            el.style.filter =
                'drop-shadow(' + (-rgb) + 'px 0 0 rgba(80,160,255,0.75)) ' +
                'drop-shadow(' + rgb + 'px 0 0 rgba(255,55,90,0.65)) ' +
                'brightness(' + (1 + ease * 0.25) + ')';
 
            if (p < 1) {
                requestAnimationFrame(step);
            } else {
                el.style.opacity = '0';
                cb();
            }
        }
        requestAnimationFrame(step);
    }
 
    function glitchIn(el, dir, cb) {
        var duration = 200;
        var start = null;
        var startX = -dir * 16;
 
        el.style.transform = 'translateX(' + startX + 'px) skewX(' + (-dir * 1.0) + 'deg)';
        el.style.opacity = '0';
 
        function step(ts) {
            if (!start) start = ts;
            var p = Math.min((ts - start) / duration, 1);
            var ease = 1 - Math.pow(1 - p, 3);
 
            var tx = startX * (1 - ease);
            var skew = -dir * 1.0 * (1 - ease);
            var opacity = ease;
            var rgb = (1 - ease) * 3;
            var brightness = 1 + (1 - ease) * 0.35;
 
            el.style.transform = 'translateX(' + tx + 'px) skewX(' + skew + 'deg)';
            el.style.opacity = opacity;
            el.style.filter =
                'drop-shadow(' + (-rgb) + 'px 0 0 rgba(80,160,255,0.65)) ' +
                'drop-shadow(' + rgb + 'px 0 0 rgba(255,55,90,0.55)) ' +
                'brightness(' + brightness + ')';
 
            if (p < 1) {
                requestAnimationFrame(step);
            } else {
                el.style.transform = '';
                el.style.opacity = '';
                el.style.filter = '';
                cb();
            }
        }
        requestAnimationFrame(step);
    }
 
if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initDocTabs);
} else {
    initDocTabs();
}
 
if (typeof mw !== 'undefined' && mw.hook) {
    mw.hook('wikipage.content').add(function () {
        initDocTabs();
    });
}
 
})();
 
/* =========================================
  Doc Section Switch — 좌측 섹션 전환
  ========================================= */
 
$(document).on('click', '.doc-nav-item[data-section]', function () {
    var name = $(this).attr('data-section');
    var display = document.getElementById('doc-main-display');
    var titleEl = document.getElementById('doc-center-title');
    var tabBar = document.getElementById('doc-tab-bar-text');
 
    if (!display) return;
 
    $('.doc-nav-item[data-section]').removeClass('active');
    $('.doc-nav-item[data-section="' + name + '"]').addClass('active');
 
    if (name === 'text') {
        if (titleEl) titleEl.textContent = '개요';
        if (tabBar) $(tabBar).show();
        var activeTab = tabBar ? tabBar.querySelector('.doc-tab.active') : null;
        if (!activeTab && tabBar) activeTab = tabBar.querySelector('.doc-tab');
        if (activeTab) {
            var ref = activeTab.dataset.ref;
            var refEl = ref ? document.getElementById(ref) : null;
            display.innerHTML = refEl ? refEl.innerHTML : (activeTab.dataset.content || '');
        }
    } else {
        if (titleEl) titleEl.textContent = name === 'factions' ? '세력' : name === 'people' ? '인물' : name;
        if (tabBar) $(tabBar).hide();
        var refEl = document.getElementById('doc-content-' + name);
        display.innerHTML = refEl ? refEl.innerHTML : '';
    }
});
 
/* =========================================
  CRT WebGL Renderer — cool-retro-term IBM DOS style
  ========================================= */
(function () {
    'use strict';
 
    function createNoiseTexture(gl) {
        var size = 512;
        var data = new Uint8Array(size * size * 4);
        var s = 12345;
        function rand() {
            s = (s * 1664525 + 1013904223) & 0xffffffff;
            return (s >>> 0) / 0xffffffff;
        }
        for (var i = 0; i < data.length; i++) {
            data[i] = (rand() * 255) | 0;
        }
        var tex = gl.createTexture();
        gl.bindTexture(gl.TEXTURE_2D, tex);
        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, size, size, 0, gl.RGBA, gl.UNSIGNED_BYTE, data);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
        return tex;
    }
 
    var VERT = [
        'attribute vec2 a_pos;',
        'varying vec2 v_uv;',
        'void main() {',
        '  v_uv = vec2(a_pos.x * 0.5 + 0.5, 0.5 - a_pos.y * 0.5);',
        '  gl_Position = vec4(a_pos, 0.0, 1.0);',
        '}'
    ].join('\n');
 
    var FRAG = [
        'precision mediump float;',
        'uniform sampler2D u_tex;',
        'uniform sampler2D u_noise;',
        'uniform vec2 u_res;',
        'uniform vec2 u_imgSize;',
        'uniform float u_time;',
        'uniform vec2 u_noiseScale;',
        'varying vec2 v_uv;',
 
        'float sum2(vec2 v) { return v.x + v.y; }',
        'float min2(vec2 v) { return min(v.x, v.y); }',
        'float rgb2grey(vec3 v) { return dot(v, vec3(0.21, 0.72, 0.04)); }',
 
        'vec2 coverUV(vec2 uv) {',
        '  float imgAR = u_imgSize.x / u_imgSize.y;',
        '  float scrAR = u_res.x / u_res.y;',
        '  float scale = imgAR / scrAR;',
        '  float offsetY = (1.0 - scale) * 0.5;',
        '  return vec2(uv.x, uv.y * scale + offsetY);',
        '}',
 
        'vec2 barrel(vec2 v, vec2 cc, float k) {',
        '  float ar = u_res.x / u_res.y;',
        '  vec2 c2 = cc;',
        '  if (ar > 1.0) c2.x /= ar; else c2.y *= ar;',
        '  float dist = dot(c2, c2) * k;',
        '  return v - cc * (1.0 + dist) * dist;',
        '}',
 
        'vec4 sampleInitialNoise(float t) {',
        '  return texture2D(u_noise, vec2(fract(t/2048.0), fract(t/1048576.0)));',
        '}',
 
        'vec4 sampleScreenNoise(vec2 uv) {',
        '  return texture2D(u_noise, u_noiseScale * uv);',
        '}',
 
        'vec3 applyRgbShift(vec2 texUV, float shift) {',
        '  vec2 d = vec2(shift, 0.0);',
        '  vec3 r = texture2D(u_tex, clamp(texUV + d, 0.0, 1.0)).rgb;',
        '  vec3 c = texture2D(u_tex, texUV).rgb;',
        '  vec3 l = texture2D(u_tex, clamp(texUV - d, 0.0, 1.0)).rgb;',
        '  return vec3(',
        '    l.r*0.10 + r.r*0.30 + c.r*0.60,',
        '    l.g*0.20 + r.g*0.20 + c.g*0.60,',
        '    l.b*0.30 + r.b*0.10 + c.b*0.60',
        '  );',
        '}',
 
        'vec3 applyBloom(vec2 texUV, float strength) {',
        '  vec2 px = 2.0 / u_res;',
        '  vec3 acc = vec3(0.0);',
        '  acc += texture2D(u_tex, clamp(texUV + vec2( px.x,  0.0), 0.0, 1.0)).rgb;',
        '  acc += texture2D(u_tex, clamp(texUV + vec2(-px.x,  0.0), 0.0, 1.0)).rgb;',
        '  acc += texture2D(u_tex, clamp(texUV + vec2( 0.0,  px.y), 0.0, 1.0)).rgb;',
        '  acc += texture2D(u_tex, clamp(texUV + vec2( 0.0, -px.y), 0.0, 1.0)).rgb;',
        '  acc += texture2D(u_tex, clamp(texUV + vec2( px.x,  px.y), 0.0, 1.0)).rgb * 0.5;',
        '  acc += texture2D(u_tex, clamp(texUV + vec2(-px.x,  px.y), 0.0, 1.0)).rgb * 0.5;',
        '  acc += texture2D(u_tex, clamp(texUV + vec2( px.x, -px.y), 0.0, 1.0)).rgb * 0.5;',
        '  acc += texture2D(u_tex, clamp(texUV + vec2(-px.x, -px.y), 0.0, 1.0)).rgb * 0.5;',
        '  return acc / 6.0 * strength;',
        '}',
 
        'vec3 applyScanlines(vec2 uv, vec3 col) {',
        '  float line = mod(uv.y * u_res.y, 2.0);',
        '  vec3 hi = ((1.0 + 0.30) - 0.2 * col) * col;',
        '  vec3 lo = ((1.0 - 0.30) + 0.1 * col) * col;',
        '  return line < 1.0 ? lo : hi;',
        '}',
 
'vec3 applyRasterization(vec2 uv, vec3 col) {',
'  float t = u_time;',
'  vec2 noiseUV = uv + vec2(fract(t * 0.030), fract(t * 0.060));',
'  float wobbleX = (texture2D(u_noise, noiseUV * 0.8).r - 0.5) * 0.0018;',
'  float wobbleY = (texture2D(u_noise, noiseUV * 0.8 + 0.5).r - 0.5) * 0.0008;',
'  vec2 wobbledUV = clamp(uv + vec2(wobbleX, wobbleY), 0.0, 1.0);',
'  vec3 wobbled = texture2D(u_tex, wobbledUV).rgb;',
'  return mix(col, wobbled, 0.35);',
'}',
 
        'float glowingLine(vec2 uv, float t) {',
'  float pos = fract(t * 0.2);',
'  float lineY = pos * (u_res.y + 330.0) - 120.0;',
        '  float y = uv.y * u_res.y;',
        '  return fract(smoothstep(-300.0, 0.0, y - lineY));',
        '}',
 
        'vec2 applyHSync(vec2 uv, vec4 noise, float strength) {',
        '  float randval = strength - noise.r;',
        '  float scale = step(0.0, randval) * randval * strength;',
        '  float freq = mix(4.0, 40.0, noise.g);',
        '  uv.x += sin((uv.y + u_time * 0.001) * freq) * scale;',
        '  return uv;',
        '}',
 
        'void main() {',
        '  vec2 cc = vec2(0.5) - v_uv;',
 
        '  float curvature = 0.18;',
        '  vec2 uv = barrel(v_uv, cc, curvature);',
 
        '  float inScreen = min2(step(vec2(0.0), uv) - step(vec2(1.0), uv));',
        '  if (inScreen < 0.5) { gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0); return; }',
 
        '  vec2 texUV = clamp(coverUV(uv), 0.0, 1.0);',
 
        '  vec4 initNoise = sampleInitialNoise(u_time);',
        '  vec4 screenNoise = sampleScreenNoise(uv);',
 
        '  texUV = applyHSync(texUV, initNoise, 0.006);',
        '  texUV = clamp(texUV, 0.0, 1.0);',
 
        '  texUV += (vec2(screenNoise.b, screenNoise.a) - 0.5) * 0.0006;',
        '  texUV = clamp(texUV, 0.0, 1.0);',
 
        '  vec3 col = applyRgbShift(texUV, 0.003);',
        '  col += applyBloom(texUV, 0.22);',
 
        '  vec2 bpx = 1.5 / u_res;',
        '  vec3 blurCol = vec3(0.0);',
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2(-bpx.x, -bpx.y), 0.0, 1.0)).rgb;',
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2( 0.0,  -bpx.y), 0.0, 1.0)).rgb;',
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2( bpx.x, -bpx.y), 0.0, 1.0)).rgb;',
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2(-bpx.x,  0.0  ), 0.0, 1.0)).rgb;',
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2( bpx.x,  0.0  ), 0.0, 1.0)).rgb;',
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2(-bpx.x,  bpx.y), 0.0, 1.0)).rgb;',
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2( 0.0,    bpx.y), 0.0, 1.0)).rgb;',
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2( bpx.x,  bpx.y), 0.0, 1.0)).rgb;',
        '  col = mix(col, blurCol / 8.0, 0.40);',
 
        '  col = applyScanlines(uv, col);',
        '  col = applyRasterization(texUV, col);',
 
        '  float glow = glowingLine(uv, u_time);',
'  col += glow * 0.08 * vec3(0.85, 0.95, 1.0);',
 
        '  float dist = length(cc);',
        '  col += screenNoise.a * 0.07 * (1.0 - dist * 1.3);',
 
        '  float grey = rgb2grey(col);',
        '  vec3 phosphor = vec3(0.75, 0.88, 1.0);',
        '  col = mix(col, grey * phosphor, 0.35);',
 
        '  vec2 vig = v_uv * (1.0 - v_uv);',
        '  col *= pow(vig.x * vig.y * 15.0, 0.25);',
 
        '  col *= 1.0 + (initNoise.g - 0.5) * 0.06;',
 
        '  col += vec3(0.012) * (1.0 - dist) * (1.0 - dist);',
 
        '  col = pow(clamp(col, 0.0, 1.0), vec3(0.90));',
 
        '  gl_FragColor = vec4(col, 1.0);',
        '}'
    ].join('\n');
 
    function initCRTCanvas(screen, imgEl) {
        var existing = screen.querySelector('.crt-webgl-canvas');
        if (existing) existing.remove();
 
        var canvas = document.createElement('canvas');
        canvas.className = 'crt-webgl-canvas';
        canvas.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;z-index:19;pointer-events:none;display:block;';
        screen.appendChild(canvas);
 
        var gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
        if (!gl) return;
 
        function compile(type, src) {
            var s = gl.createShader(type);
            gl.shaderSource(s, src);
            gl.compileShader(s);
            if (!gl.getShaderParameter(s, gl.COMPILE_STATUS)) {
                console.error('[CRT shader]', gl.getShaderInfoLog(s));
            }
            return s;
        }
 
        var prog = gl.createProgram();
        gl.attachShader(prog, compile(gl.VERTEX_SHADER, VERT));
        gl.attachShader(prog, compile(gl.FRAGMENT_SHADER, FRAG));
        gl.linkProgram(prog);
        gl.useProgram(prog);
 
        var buf = gl.createBuffer();
        gl.bindBuffer(gl.ARRAY_BUFFER, buf);
        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1,-1, 1,-1, -1,1, 1,1]), gl.STATIC_DRAW);
        var aPos = gl.getAttribLocation(prog, 'a_pos');
        gl.enableVertexAttribArray(aPos);
        gl.vertexAttribPointer(aPos, 2, gl.FLOAT, false, 0, 0);
 
        var uTex    = gl.getUniformLocation(prog, 'u_tex');
        var uNoise  = gl.getUniformLocation(prog, 'u_noise');
        var uRes    = gl.getUniformLocation(prog, 'u_res');
        var uImgSize = gl.getUniformLocation(prog, 'u_imgSize');
        var uTime    = gl.getUniformLocation(prog, 'u_time');
        var uNoiseSc = gl.getUniformLocation(prog, 'u_noiseScale');
 
        var imgTex = gl.createTexture();
        gl.activeTexture(gl.TEXTURE0);
        gl.bindTexture(gl.TEXTURE_2D, imgTex);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
 
        gl.activeTexture(gl.TEXTURE1);
        createNoiseTexture(gl);
 
        var texReady = false;
        function uploadImg() {
            if (!imgEl || !imgEl.complete || !imgEl.naturalWidth) return;
            try {
                gl.activeTexture(gl.TEXTURE0);
                gl.bindTexture(gl.TEXTURE_2D, imgTex);
                gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, imgEl);
                texReady = true;
            } catch(e) { console.error('[CRT] tex:', e); }
        }
 
        var lastW = 0, lastH = 0;
        function resize() {
            var w = screen.offsetWidth, h = screen.offsetHeight;
            if (w === lastW && h === lastH) return;
            lastW = w; lastH = h;
            canvas.width = w; canvas.height = h;
            gl.viewport(0, 0, w, h);
        }
 
        var raf;
        var visualTime = 0;
        var lastVisualNow = 0;
 
        function render(now) {
            var delta;
            raf = requestAnimationFrame(render);
 
            if (!lastVisualNow) lastVisualNow = now;
            delta = Math.max(0, Math.min(100, now - lastVisualNow));
            lastVisualNow = now;
 
            if (document.hidden || isClbiCompositorBusy()) return;
            if (!texReady) { uploadImg(); return; }
 
            visualTime += delta;
            resize();
            var t = visualTime / 1000;
            gl.uniform1i(uTex, 0);
            gl.uniform1i(uNoise, 1);
            gl.uniform2f(uRes, canvas.width, canvas.height);
            gl.uniform2f(uImgSize, imgEl.naturalWidth, imgEl.naturalHeight);
            gl.uniform1f(uTime, t);
            gl.uniform2f(uNoiseSc, canvas.width / 512.0, canvas.height / 512.0);
            gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
        }
 
        if (imgEl.complete && imgEl.naturalWidth) { uploadImg(); }
        else { imgEl.addEventListener('load', uploadImg); }
 
        render();
        screen._crtCleanup = function () { cancelAnimationFrame(raf); };
    }
 
    function initAllCRTScreens(root) {
        var scope = root && root.querySelectorAll ? root : document;
        scope.querySelectorAll('.crt-page-monitor-screen').forEach(function (screen) {
            if (screen.getAttribute('data-crt-webgl') === '1') return;
            screen.setAttribute('data-crt-webgl', '1');
            var frame = screen.closest('.crt-page-monitor-frame');
            if (!frame) return;
            var imgEl = frame.querySelector('.crt-page-monitor-slice-img, .crt-page-monitor-image-base img');
            if (imgEl && imgEl.complete && imgEl.naturalWidth) {
                initCRTCanvas(screen, imgEl);
            } else if (imgEl) {
                imgEl.addEventListener('load', function () { initCRTCanvas(screen, imgEl); });
            } else {
                var obs = new MutationObserver(function () {
                    var img = frame.querySelector('.crt-page-monitor-slice-img');
                    if (!img) return;
                    obs.disconnect();
                    if (img.complete && img.naturalWidth) {
                        initCRTCanvas(screen, img);
                    } else {
                        img.addEventListener('load', function () { initCRTCanvas(screen, img); });
                    }
                });
                obs.observe(frame, { childList: true, subtree: true });
            }
        });
    }
 
    $(function () { initAllCRTScreens(document); });
 
    if (typeof mw !== 'undefined' && mw.hook) {
        mw.hook('wikipage.content').add(function ($c) {
            document.querySelectorAll('.crt-page-monitor-screen').forEach(function (s) {
                if (s._crtCleanup) s._crtCleanup();
                s.removeAttribute('data-crt-webgl');
            });
            initAllCRTScreens($c && $c[0] ? $c[0] : document);
        });
    }
})();
 
/* =========================================
Progress System UI
MediaWiki:Common.js controlled frontend
========================================= */
(function (mw, $) {
    'use strict';
 
    if (window.ProgressSystemWebUiInitialized) return;
    window.ProgressSystemWebUiInitialized = true;
 
    var api = null;
 
    function withApi(done, fail) {
        if (api) {
            done(api);
            return;
        }
 
        if (!mw.loader || typeof mw.loader.using !== 'function') {
            if (typeof fail === 'function') fail();
            return;
        }
 
        mw.loader.using(['mediawiki.api']).then(function () {
            api = new mw.Api();
            done(api);
        }, function () {
            if (typeof fail === 'function') fail();
        });
    }
 
    var inFlightPageIds = new Set();
    var handledPageIds = new Set();
    var notificationQueue = [];
    var notificationActive = false;
    var summaryRequested = false;
    var currentSummary = null;
    var pendingSummary = null;
    var pendingOptions = null;
    var visibilityBound = false;
    var barTimerA = null;
    var barTimerB = null;
    var barTimerC = null;
    var summaryRetryTimer = null;
    var summaryRetryAttempts = 0;
 
    function isLoggedIn() {
        return !!mw.config.get('wgUserName');
    }
 
    function getPageId() {
        var id = parseInt(mw.config.get('wgArticleId') || 0, 10);
        return Number.isFinite(id) ? id : 0;
    }
 
    function isRewardableClientSide() {
        if (!isLoggedIn()) return false;
        if (parseInt(mw.config.get('wgNamespaceNumber'), 10) !== 0) return false;
        if (mw.config.get('wgIsMainPage')) return false;
        if (getPageId() <= 0) return false;
        return true;
    }
 
    function getPanelHtml() {
        return '' +
            '<div id="progress-panel" class="profile-progress-block is-syncing" aria-live="polite" data-progress-state="syncing">' +
                '<div class="progress-title-row" hidden></div>' +
                '<div class="progress-level-row">' +
                    '<span class="progress-level-label">SYNC</span>' +
                    '<span class="progress-total-xp">— XP</span>' +
                '</div>' +
                '<div class="progress-xp-bar" aria-hidden="true">' +
                    '<div class="progress-xp-gain"></div>' +
                    '<div class="progress-xp-fill"></div>' +
                '</div>' +
                '<div class="progress-sub-row">' +
                    '<span class="progress-xp-next">SYNCING</span>' +
                    '<span class="progress-daily-xp">TODAY —</span>' +
                '</div>' +
                '<div class="progress-discovery-row">DISCOVERED —</div>' +
            '</div>';
    }
 
    function getDividerHtml() {
        /* 프로필 패널 최신 규칙: 레벨 패널과 버튼 영역 사이에 별도 나눔선은 만들지 않는다. */
        return '';
    }
 
    function setPanelSync($panel) {
        if (!$panel || !$panel.length) return;
 
        $panel.addClass('is-syncing').removeClass('is-max-level').attr('data-progress-state', 'syncing');
        $panel.find('.progress-title-row').text('').prop('hidden', true);
        $panel.find('.progress-level-label').text('SYNC');
        $panel.find('.progress-total-xp').text('— XP');
        $panel.find('.progress-xp-next').text('SYNCING');
        $panel.find('.progress-daily-xp').text('TODAY —');
        $panel.find('.progress-discovery-row').text('DISCOVERED —');
        $panel.find('.progress-xp-fill').css({ transition: 'none', width: '0%' });
        $panel.find('.progress-xp-gain').css({ transition: 'none', width: '0%', opacity: 0 });
    }
 
    function placePanel($panel) {
        var $right = $('#clbi-right-sidebar');
        if (!$right.length) return false;
 
        var $userBox = $right.children('.clbi-right-box').first();
        if (!$userBox.length) return false;
 
        var $buttonArea = $userBox.children('.clbi-right-content').first();
        var $oldFallback = $panel.closest('.progress-panel-fallback');
 
        if ($buttonArea.length) {
            var $divider = $('#profile-progress-divider');
 
            $panel.insertBefore($buttonArea);
 
            if (!$divider.length) {
                $divider = $(getDividerHtml());
            }
 
            $divider.insertAfter($panel);
        } else {
            $('#profile-progress-divider').remove();
            $userBox.append($panel);
        }
 
        if ($oldFallback.length && !$oldFallback.find('#progress-panel').length) {
            $oldFallback.remove();
        }
 
        return true;
    }
 
    function ensurePanel() {
        if (!isLoggedIn()) return $();
 
        var $right = $('#clbi-right-sidebar');
        if (!$right.length) return $();
 
        var $panel = $('#progress-panel');
 
        if (!$panel.length) {
            $panel = $(getPanelHtml());
            if (!placePanel($panel)) return $();
            setPanelSync($panel);
        } else {
            $panel.addClass('profile-progress-block');
            placePanel($panel);
 
            if (!currentSummary && $panel.attr('data-progress-state') !== 'syncing') {
                setPanelSync($panel);
            }
        }
 
        return $('#progress-panel');
    }
 
    function clampPercent(value) {
        return Math.max(0, Math.min(100, value || 0));
    }
 
    function hasXpNotification(items) {
        if (!items || !items.length) return false;
        return items.some(function (item) {
            return item && item.type === 'xp' && parseInt(item.amount || 0, 10) > 0;
        });
    }
 
    function clearBarTimers() {
        [barTimerA, barTimerB, barTimerC].forEach(function (timer) {
            if (timer) clearTimeout(timer);
        });
        barTimerA = null;
        barTimerB = null;
        barTimerC = null;
    }
 
    function setBarInstant($fill, $gain, percent) {
        clearBarTimers();
        percent = clampPercent(percent);
        $fill.css({ transition: 'none', width: percent + '%' });
        $gain.css({ transition: 'none', left: '0%', width: '0%', opacity: 0 });
        if ($fill[0]) $fill[0].offsetHeight;
        $fill.css({ transition: '' });
        $gain.css({ transition: '' });
    }
 
    function animateGain($fill, $gain, fromPercent, toPercent, levelChanged) {
        clearBarTimers();
 
        fromPercent = clampPercent(fromPercent);
        toPercent = clampPercent(toPercent);
 
        $fill.css({ transition: 'none', width: fromPercent + '%' });
 
        if (levelChanged) {
            var firstDelta = Math.max(0, 100 - fromPercent);
 
            $gain.css({
                transition: 'none',
                opacity: firstDelta > 0 ? 1 : 0,
                left: fromPercent + '%',
                width: firstDelta + '%'
            });
 
            if ($fill[0]) $fill[0].offsetHeight;
 
            barTimerA = setTimeout(function () {
                $fill.css({
                    transition: 'width 540ms cubic-bezier(0.22, 0.7, 0.18, 1)',
                    width: '100%'
                });
            }, 260);
 
            barTimerB = setTimeout(function () {
                $fill.css({ transition: 'none', width: '0%' });
                $gain.css({ transition: 'none', opacity: toPercent > 0 ? 1 : 0, left: '0%', width: toPercent + '%' });
 
                if ($fill[0]) $fill[0].offsetHeight;
 
                $fill.css({
                    transition: 'width 460ms cubic-bezier(0.22, 0.7, 0.18, 1)',
                    width: toPercent + '%'
                });
            }, 860);
 
            barTimerC = setTimeout(function () {
                $gain.css({ transition: 'opacity 180ms ease', opacity: 0 });
            }, 1380);
 
            return;
        }
 
        var delta = Math.max(0, toPercent - fromPercent);
 
        if (delta <= 0.15) {
            setBarInstant($fill, $gain, toPercent);
            return;
        }
 
        $gain.css({
            transition: 'none',
            opacity: 1,
            left: fromPercent + '%',
            width: delta + '%'
        });
 
        if ($fill[0]) $fill[0].offsetHeight;
 
        barTimerA = setTimeout(function () {
            $fill.css({
                transition: 'width 560ms cubic-bezier(0.22, 0.7, 0.18, 1)',
                width: toPercent + '%'
            });
        }, 260);
 
        barTimerB = setTimeout(function () {
            $gain.css({ transition: 'opacity 180ms ease', opacity: 0 });
        }, 940);
    }
 
    function updatePanel(summary, options) {
        if (!summary) return;
 
        options = options || {};
 
        var $panel = ensurePanel();
        if (!$panel.length) {
            pendingSummary = $.extend({}, summary);
            pendingOptions = $.extend({}, options);
            return;
        }
 
        var level = summary.level || 1;
        var totalXp = summary.totalXp || 0;
        var xpIntoLevel = summary.xpIntoLevel || 0;
        var xpForNext = summary.xpForNextLevel || 1;
        var percent = clampPercent(summary.progressPercent);
        var isMaxLevel = !!summary.isMaxLevel;
        var dailyXp = summary.dailyXp || 0;
        var discoveries = summary.discoveryCount || 0;
        var title = summary.equippedTitle || summary.title || '';
 
        $panel.removeClass('is-syncing').toggleClass('is-max-level', isMaxLevel).attr('data-progress-state', 'ready');
        $panel.find('.progress-level-label').text((isMaxLevel ? 'MAX ' : 'LVL ') + level);
        $panel.find('.progress-total-xp').text(totalXp + ' XP');
        $panel.find('.progress-xp-next').text(isMaxLevel ? 'MAX LEVEL' : (xpIntoLevel + ' / ' + xpForNext + ' TO NEXT'));
        $panel.find('.progress-daily-xp').text('TODAY ' + dailyXp + ' XP');
        $panel.find('.progress-discovery-row').text('DISCOVERED ' + discoveries);
 
        var $title = $panel.find('.progress-title-row');
        if (title) {
            $title.text(title).prop('hidden', false);
        } else {
            $title.text('').prop('hidden', true);
        }
 
        var $fill = $panel.find('.progress-xp-fill');
        var $gain = $panel.find('.progress-xp-gain');
        var animate = !!options.animateGain && currentSummary && totalXp > (currentSummary.totalXp || 0);
 
        if (animate) {
            animateGain(
                $fill,
                $gain,
                clampPercent(currentSummary.progressPercent),
                percent,
                level !== (currentSummary.level || 1)
            );
        } else {
            setBarInstant($fill, $gain, percent);
        }
 
        currentSummary = $.extend({}, summary);
        pendingSummary = null;
        pendingOptions = null;
        if (summaryRetryTimer) {
            clearTimeout(summaryRetryTimer);
            summaryRetryTimer = null;
        }
        summaryRetryAttempts = 0;
    }
 
    function clearSummaryRetry() {
        if (summaryRetryTimer) clearTimeout(summaryRetryTimer);
        summaryRetryTimer = null;
        summaryRetryAttempts = 0;
    }
 
    function scheduleSummaryRetry(delay) {
        if (!isLoggedIn()) return;
        if (summaryRetryTimer) return;
        if (summaryRetryAttempts >= 12) return;
 
        summaryRetryAttempts += 1;
        summaryRetryTimer = setTimeout(function () {
            summaryRetryTimer = null;
            requestSummary();
        }, delay || 1800);
    }
 
    function requestSummary() {
        if (!isLoggedIn()) return;
        if (summaryRequested) return;
 
        summaryRequested = true;
 
        withApi(function (api) {
            api.get({
                action: 'progress_summary',
                format: 'json',
                formatversion: 2
            }).then(function (data) {
                var payload = data && data.progress_summary;
                if (payload && payload.available && payload.summary) {
                    clearSummaryRetry();
                    updatePanel(payload.summary, { animateGain: false });
                } else {
                    scheduleSummaryRetry(2200);
                }
            }).catch(function () {
                scheduleSummaryRetry(2200);
            }).always(function () {
                summaryRequested = false;
            });
        }, function () {
            summaryRequested = false;
            scheduleSummaryRetry(2200);
        });
    }
 
    function queueNotifications(items) {
        if (!items || !items.length) return;
 
        items.forEach(function (item) {
            if (!item) return;
            notificationQueue.push(item);
        });
 
        showNextNotification();
    }
 
    function notificationText(item) {
        if (item.type === 'xp') {
            return '+' + (item.amount || 0) + ' XP · ' + (item.label || '문서 열람');
        }
 
        if (item.type === 'achievement') {
            var xp = item.amount ? ' · +' + item.amount + ' XP' : '';
            return '업적 달성 · ' + (item.label || '새 업적') + xp;
        }
 
        if (item.type === 'level') {
            return item.label || '레벨 상승';
        }
 
        return item.label || '보상 획득';
    }
 
    function showNextNotification() {
        if (notificationActive) return;
        if (!notificationQueue.length) return;
 
        notificationActive = true;
        var item = notificationQueue.shift();
        var $root = $('#progress-toast-root');
 
        if (!$root.length) {
            $('body').append('<div id="progress-toast-root"></div>');
            $root = $('#progress-toast-root');
        }
 
        var $toast = $('<div class="progress-toast"></div>');
        $toast.text(notificationText(item));
        $root.append($toast);
 
        requestAnimationFrame(function () {
            $toast.addClass('is-visible');
        });
 
        setTimeout(function () {
            $toast.removeClass('is-visible');
            setTimeout(function () {
                $toast.remove();
                notificationActive = false;
                showNextNotification();
            }, 220);
        }, 2600);
    }
 
    function applyPendingSummaryIfPossible() {
        if (!pendingSummary) return;
        updatePanel(pendingSummary, pendingOptions || { animateGain: false });
    }
 
     function handlePageView() {
         ensurePanel();
         ensurePanel();
         applyPendingSummaryIfPossible();
         applyPendingSummaryIfPossible();
 
 
         if (!isRewardableClientSide()) {
         if (!isRewardableClientSide()) {
             requestSummary();
             requestSummary();
             return;
             return;
         }
         }
 
 
         var pageId = getPageId();
         var pageId = getPageId();
         if (handledPageIds.has(pageId)) {
         if (handledPageIds.has(pageId)) {
             requestSummary();
             requestSummary();
             return;
             return;
         }
         }
 
 
         if (inFlightPageIds.has(pageId)) {
         if (inFlightPageIds.has(pageId)) {
             requestSummary();
             requestSummary();
             return;
             return;
        }
 
        inFlightPageIds.add(pageId);
 
        withApi(function (api) {
            api.postWithToken('csrf', {
                action: 'progress_view',
                format: 'json',
                formatversion: 2,
                errorformat: 'plaintext',
                pageid: pageId
            }).then(function (data) {
                var payload = data && data.progress_view;
                if (!payload) return;
 
                handledPageIds.add(pageId);
 
                var animate = hasXpNotification(payload.notifications);
 
                if (payload.summary) {
                    updatePanel(payload.summary, { animateGain: animate });
                }
 
                if (payload.notifications && payload.notifications.length) {
                    queueNotifications(payload.notifications);
                }
            }).catch(function () {
                requestSummary();
            }).always(function () {
                inFlightPageIds.delete(pageId);
            });
        }, function () {
            inFlightPageIds.delete(pageId);
            requestSummary();
        });
    }
 
    function bindVisibilitySync() {
        if (visibilityBound) return;
        visibilityBound = true;
 
        document.addEventListener('visibilitychange', function () {
            if (document.visibilityState === 'visible') {
                requestSummary();
            }
        });
    }
 
    function bootProgressSystem(reason) {
        ensurePanel();
        applyPendingSummaryIfPossible();
 
        if (isRewardableClientSide()) {
            handlePageView();
        } else {
            requestSummary();
        }
 
        setTimeout(function () {
            ensurePanel();
            applyPendingSummaryIfPossible();
            requestSummary();
        }, 350);
 
        setTimeout(function () {
            ensurePanel();
            applyPendingSummaryIfPossible();
            requestSummary();
        }, 1500);
    }
 
    function handleSpaPageView() {
        ensurePanel();
        applyPendingSummaryIfPossible();
 
        requestAnimationFrame(function () {
            setTimeout(function () {
                handlePageView();
            }, 80);
        });
    }
 
    function applySummary(summary, options) {
        updatePanel(summary, options || { animateGain: false });
    }
 
    window.ProgressSystemWebUi = {
        boot: bootProgressSystem,
        requestSummary: requestSummary,
        applySummary: applySummary,
        handlePageView: handlePageView,
        handleSpaPageView: handleSpaPageView,
        ensurePanel: ensurePanel
    };
 
    $(function () {
        bindVisibilitySync();
        bootProgressSystem('documentReady');
    });
 
    mw.hook('wikipage.content').add(function () {
        ensurePanel();
        applyPendingSummaryIfPossible();
        setTimeout(function () {
            ensurePanel();
            applyPendingSummaryIfPossible();
            requestSummary();
        }, 120);
    });
})(mediaWiki, jQuery);
 
 
/* CLBI Nations / Historical Events year tabs
* Mirrors the country information panel model:
* active tab uses .is-active/aria-selected and inactive pages use hidden.
*/
(function (mw, $) {
    'use strict';
 
    function activateClbiNationsHistoryYear(panel, targetYear) {
        var tabs;
        var pages;
 
        if (!panel || !targetYear) return false;
 
        tabs = Array.prototype.slice.call(panel.querySelectorAll('.clbi-nations-history-year-button[data-year]'));
        pages = Array.prototype.slice.call(panel.querySelectorAll('.clbi-nations-history-page[data-year-panel]'));
 
        if (!tabs.length || !pages.length) return false;
 
        tabs.forEach(function (tab) {
            var active = tab.getAttribute('data-year') === targetYear;
            tab.classList.toggle('is-active', active);
            tab.setAttribute('aria-selected', active ? 'true' : 'false');
            tab.setAttribute('tabindex', active ? '0' : '-1');
        });
 
        pages.forEach(function (page) {
            var active = page.getAttribute('data-year-panel') === targetYear;
            page.classList.toggle('is-active', active);
 
            if (active) {
                page.removeAttribute('hidden');
            } else {
                page.setAttribute('hidden', 'hidden');
            }
        });
 
        return true;
    }
 
    function moveClbiNationsHistoryYear(panel, direction) {
        var tabs;
        var activeIndex;
        var nextIndex;
        var target;
 
        if (!panel) return false;
 
        tabs = Array.prototype.slice.call(panel.querySelectorAll('.clbi-nations-history-year-button[data-year]'));
        if (!tabs.length) return false;
 
        activeIndex = tabs.findIndex(function (tab) {
            return tab.classList.contains('is-active') || tab.getAttribute('aria-selected') === 'true';
        });
 
        if (activeIndex < 0) activeIndex = 0;
 
        nextIndex = (activeIndex + direction + tabs.length) % tabs.length;
        target = tabs[nextIndex].getAttribute('data-year');
 
        if (activateClbiNationsHistoryYear(panel, target)) {
            tabs[nextIndex].focus();
            return true;
        }
 
        return false;
    }
 
    function initClbiNationsHistoryYearTabs(root) {
        var scope = root && root.querySelectorAll ? root : document;
        var panels = scope.querySelectorAll('.clbi-nations-history-panel');
 
        Array.prototype.forEach.call(panels, function (panel) {
            if (panel.getAttribute('data-clbi-history-tabs-ready') === '1') return;
 
            panel.setAttribute('data-clbi-history-tabs-ready', '1');
 
            panel.addEventListener('click', function (event) {
                var tab = event.target.closest ? event.target.closest('.clbi-nations-history-year-button[data-year]') : null;
 
                if (!tab || !panel.contains(tab)) return;
 
                if (activateClbiNationsHistoryYear(panel, tab.getAttribute('data-year'))) {
                    event.preventDefault();
                }
            });
 
            panel.addEventListener('keydown', function (event) {
                var tab = event.target.closest ? event.target.closest('.clbi-nations-history-year-button[data-year]') : null;
                var handled = false;
 
                if (!tab || !panel.contains(tab)) return;
 
                if (event.key === 'ArrowLeft') handled = moveClbiNationsHistoryYear(panel, -1);
                else if (event.key === 'ArrowRight') handled = moveClbiNationsHistoryYear(panel, 1);
                else if (event.key === 'Home') handled = activateClbiNationsHistoryYear(panel, (panel.querySelector('.clbi-nations-history-year-button[data-year]') || {}).getAttribute && panel.querySelector('.clbi-nations-history-year-button[data-year]').getAttribute('data-year'));
                else if (event.key === 'End') {
                    var tabs = panel.querySelectorAll('.clbi-nations-history-year-button[data-year]');
                    var last = tabs[tabs.length - 1];
                    handled = last ? activateClbiNationsHistoryYear(panel, last.getAttribute('data-year')) : false;
                    if (handled) last.focus();
                }
 
                if (handled) {
                    event.preventDefault();
                    event.stopPropagation();
                }
            });
        });
    }
 
    window.initClbiNationsHistoryYearTabs = initClbiNationsHistoryYearTabs;
 
    $(function () {
        initClbiNationsHistoryYearTabs(document);
    });
 
    if (mw && mw.hook) {
        mw.hook('wikipage.content').add(function ($content) {
            initClbiNationsHistoryYearTabs($content && $content[0] ? $content[0] : document);
        });
    }
})(mediaWiki, jQuery);
 
 
/* =========================================
  Decoration runtime renderer
  ========================================= */
(function (mw) {
    'use strict';
 
    var REGISTRY_TITLE = 'MediaWiki:Decorations.json';
    var RENDERED_ATTR = 'data-wiki-decoration-rendered';
    var HOST_ATTR = 'data-wiki-decoration-host';
    var MAIN_PAGE_PLACEMENT = 'main-body-well';
    var MAIN_PAGE_TARGET = '.main-portal .main-body-well';
    var runtimeToken = 0;
    var lastRegistry = null;
    var lastRenderedPageKey = '';
    var scheduledRender = 0;
    var nationsPlacementObserver = null;
    var observedNationsStack = null;
    var mainPagePlacementObserver = null;
    var mainPagePlacementMutationObserver = null;
    var observedMainPagePortal = null;
    var scheduledMainPageRebase = 0;
    var pixelAssetCache = {};
    var pixelCanvasCache = {};
 
    function normalizePageName(value) {
        return String(value || '')
            .split('?')[0]
            .replace(/^\/index\.php\//, '')
            .replace(/_/g, ' ')
            .trim();
    }
 
    function currentPageKey() {
        var raw = mw && mw.config ? String(mw.config.get('wgPageName') || '') : '';
        return normalizePageName(raw) || raw || '대문';
    }
 
    function ensureMainPageBodyWell() {
        var portal;
        var topMount;
        var panel;
        var well;
        var manifesto;
 
        if (currentPageKey() !== '대문') return null;
 
        portal = document.querySelector('.main-portal');
        if (!portal) return null;
 
        topMount = portal.querySelector('[data-component="category-nav"]');
        panel = portal.querySelector('.main-body-panel');
        well = portal.querySelector('.main-body-well');
        manifesto = portal.querySelector('.main-manifesto');
 
        if (!panel) {
            panel = document.createElement('div');
            panel.className = 'main-body-panel';
            panel.setAttribute('data-main-body-panel-generated', '1');
 
            if (topMount && topMount.parentNode) {
                if (topMount.nextSibling) {
                    topMount.parentNode.insertBefore(panel, topMount.nextSibling);
                } else {
                    topMount.parentNode.appendChild(panel);
                }
            } else {
                portal.appendChild(panel);
            }
        }
 
        if (!well) {
            well = document.createElement('div');
            well.className = 'main-body-well';
            well.setAttribute('data-main-body-well-generated', '1');
            panel.appendChild(well);
        } else if (well.parentNode !== panel) {
            panel.appendChild(well);
        }
 
        if (manifesto && manifesto.parentNode !== well) {
            well.insertBefore(manifesto, well.firstChild);
        }
 
        return well;
    }
 
 
    function cssAttrEscape(value) {
        return String(value || '').replace(/\\/g, '\\\\').replace(/"/g, '\\"');
    }
 
    function getActiveNationsEra() {
        var content = document.querySelector('.clbi-nations-era-content.is-active[data-era-content]:not([hidden])');
        var title;
        var globe;
 
        if (content) return content.getAttribute('data-era-content') || '';
 
        title = document.querySelector('.clbi-nations-era-title-plate.is-active[data-era]');
        if (title) return title.getAttribute('data-era') || '';
 
        globe = document.querySelector('.clbi-nations-globe-window[data-nations-globe]');
        if (globe) {
            return globe.getAttribute('data-current-era') || globe.getAttribute('data-nations-current-era') || globe.getAttribute('data-era-year') || '';
        }
 
        return '';
    }
 
    function getActiveNationsEraPanel() {
        var era = getActiveNationsEra();
        var selector;
        if (!era) return document.querySelector('.clbi-nations-era-content.is-active[data-era-content]:not([hidden])');
        selector = '.clbi-nations-era-content[data-era-content="' + cssAttrEscape(era) + '"]';
        return document.querySelector(selector) || document.querySelector('.clbi-nations-era-content.is-active[data-era-content]:not([hidden])');
    }
 
    function getActiveNationsContinent() {
        var eraPanel = getActiveNationsEraPanel();
        var root = eraPanel || document;
        var tab = root.querySelector('.clbi-nations-tabpanel-tab.is-active[data-continent], .clbi-nations-tabpanel-tab[aria-selected="true"][data-continent]');
        var panel;
 
        if (tab) return tab.getAttribute('data-continent') || '';
 
        panel = root.querySelector('.clbi-nations-tabpanel-continent.is-active[data-continent-panel]');
        if (panel) return panel.getAttribute('data-continent-panel') || '';
 
        return '';
    }
 
    function getDecorationNationsBodySelector(era) {
        if (era) {
            return '.clbi-nations-era-content[data-era-content="' + cssAttrEscape(era) + '"] .clbi-nations-tabpanel-body';
        }
        return '.clbi-nations-era-content.is-active[data-era-content]:not([hidden]) .clbi-nations-tabpanel-body, .clbi-nations-tabpanel-body';
    }
 
    /*
    Decoration semantic placement resolver
    -----------------------------------------
    장식 저장 데이터의 placement 값은 "사용자가 고른 의미상 위치"를 나타낸다.
    resolver는 그 의미값을 실제 DOM 부착 위치와 표시 조건으로 번역한다.
 
    예: 시대 문서에서 사용자가 1950년 / 아메리카를 지정하면 의미상 scope는
    그 조합이지만, 이미지를 붙일 기준면은 대륙 패널 자체가 아니라
    .clbi-nations-tabpanel-body이다. 따라서 placement=nations-continent-body는
    .clbi-nations-tabpanel-body에 이미지를 붙이고, 현재 활성 연도와 대륙이 저장값과
    일치할 때만 렌더링한다.
 
    유지보수 규칙:
    - 새 조합형 문서가 생기면 entry.target을 매번 특수하게 저장하지 말고 placement를 추가한다.
    - DevTools.js 에디터 미리보기와 Common.js 런타임 렌더러의 resolver는 같은 의미를 가져야 한다.
    - target은 물리적 기준면, era/continent 같은 필드는 표시 조건으로 다룬다.
    */
    function shouldUseNationsBodyPlacement(entry) {
        var placement = String(entry && entry.placement || '').trim();
        var target = String(entry && entry.target || '').trim();
        var era = String(entry && entry.era || '').trim();
        var continent = String(entry && entry.continent || '').trim();
 
        if (!document.querySelector('.clbi-nations-panel-stack')) return false;
        if (placement === 'nations-continent-body') return true;
        if (era || continent) return true;
        if (target.indexOf('clbi-nations-tabpanel-continent') !== -1) return true;
        return false;
    }
 
    function resolveDecorationPlacement(entry) {
        var placement = String(entry && entry.placement || '').trim();
        var selector = String(entry && entry.target || '').trim() || '.liberty-content-main';
        var era = String(entry && entry.era || '').trim();
        var continent = String(entry && entry.continent || '').trim();
        var target;
 
        if (!placement && shouldUseNationsBodyPlacement(entry)) {
            placement = 'nations-continent-body';
        }
 
        if (placement === 'boot-gate' || placement === 'loading-screen') {
            selector = '#boot-gate-screen .boot-gate-decoration-layer, #boot-gate-screen';
            target = document.querySelector(selector);
            return {
                placement: placement,
                target: target,
                targetSelector: selector,
                visible: !!document.getElementById('boot-gate-screen')
            };
        }
 
        if (placement === 'nations-continent-body') {
            selector = getDecorationNationsBodySelector(era);
            target = document.querySelector(selector) || document.querySelector('.clbi-nations-tabpanel-body') || document.querySelector(String(entry && entry.target || '').trim());
            return {
                placement: placement,
                target: target,
                targetSelector: selector,
                visible: (!era || era === getActiveNationsEra()) && (!continent || continent === getActiveNationsContinent())
            };
        }
 
        /*
        대문의 일반 장식은 저장된 target과 관계없이 본문 우물 안에서 렌더링한다.
        우물이 overflow:hidden이므로 #1d1d1d 프레임 밖으로 나갈 수 없다.
        boot/loading 및 국가 패널 전용 placement는 위 분기에서 기존 동작을 유지한다.
        */
        var mainPageWell = ensureMainPageBodyWell();
        if (mainPageWell) {
            return {
                placement: MAIN_PAGE_PLACEMENT,
                target: mainPageWell,
                targetSelector: MAIN_PAGE_TARGET,
                visible: true
            };
        }
 
        return {
            placement: placement,
            target: document.querySelector(selector),
            targetSelector: selector,
            visible: true
        };
    }
 
    function normalizeNumber(value, fallback) {
        var n = parseFloat(value);
        return Number.isFinite(n) ? n : fallback;
    }
 
    function normalizeBool(value, fallback) {
        if (value === true || value === 'true' || value === '1' || value === 1) return true;
        if (value === false || value === 'false' || value === '0' || value === 0) return false;
        return fallback;
    }
 
    function normalizeSrc(src) {
        src = String(src || '').trim();
        if (!src) return '';
        if (/^(?:https?:)?\/\//i.test(src) || src.charAt(0) === '/' || src.indexOf('data:') === 0 || src.indexOf('blob:') === 0) return src;
        return '/index.php/Special:Redirect/file/' + encodeURIComponent(src);
    }
 
 
    function normalizeAssetType(entry) {
        var type = String(entry && entry.assetType || '').trim().toLowerCase();
        var ref = String(entry && (entry.asset || entry.src) || '').trim();
 
        if (type === 'clbi-pixel-json' || type === 'pixel-rle' || type === 'pixel-json') return 'pixel-json';
        if (!type && /\.json(?:[?#].*)?$/i.test(ref)) return 'pixel-json';
        return type || 'image';
    }
 
    function isPixelJsonDecoration(entry) {
        return normalizeAssetType(entry) === 'pixel-json';
    }
 
    function getPixelJsonRef(entry) {
        return String(entry && (entry.asset || entry.src) || '').trim();
    }
 
    function normalizePixelJsonUrl(ref) {
        ref = String(ref || '').trim();
        if (!ref) return '';
        if (/^(?:https?:)?\/\//i.test(ref) || ref.charAt(0) === '/' || ref.indexOf('data:') === 0 || ref.indexOf('blob:') === 0) return ref;
        if (/^(?:file|파일):/i.test(ref)) return '/index.php/Special:Redirect/file/' + encodeURIComponent(ref.replace(/^(?:file|파일):/i, ''));
        if (mw && mw.util && typeof mw.util.getUrl === 'function') {
            if (ref.indexOf(':') !== -1) {
                return mw.util.getUrl(ref, { action: 'raw', ctype: 'application/json' });
            }
            return mw.util.getUrl('MediaWiki:' + ref, { action: 'raw', ctype: 'application/json' });
        }
        return ref;
    }
 
    function parsePixelColor(value) {
        var text;
        var m;
        if (Array.isArray(value)) {
            return [
                Math.max(0, Math.min(255, Number(value[0]) || 0)),
                Math.max(0, Math.min(255, Number(value[1]) || 0)),
                Math.max(0, Math.min(255, Number(value[2]) || 0)),
                value.length > 3 ? Math.max(0, Math.min(255, Number(value[3]) || 0)) : 255
            ];
        }
        text = String(value || '').trim();
        m = text.match(/^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i);
        if (!m) return [0, 0, 0, 0];
        text = m[1];
        if (text.length === 3 || text.length === 4) {
            return [
                parseInt(text.charAt(0) + text.charAt(0), 16),
                parseInt(text.charAt(1) + text.charAt(1), 16),
                parseInt(text.charAt(2) + text.charAt(2), 16),
                text.length === 4 ? parseInt(text.charAt(3) + text.charAt(3), 16) : 255
            ];
        }
        return [
            parseInt(text.slice(0, 2), 16),
            parseInt(text.slice(2, 4), 16),
            parseInt(text.slice(4, 6), 16),
            text.length === 8 ? parseInt(text.slice(6, 8), 16) : 255
        ];
    }
 
 
    function decodePixelRle36(value) {
        var text = String(value || '').trim();
        var parts;
        var runs = [];
        var i;
        var x;
        var y;
        var len;
        var colorIndex;
 
        if (!text) return runs;
        parts = text.split(',');
        for (i = 0; i + 3 < parts.length; i += 4) {
            x = parseInt(parts[i], 36);
            y = parseInt(parts[i + 1], 36);
            len = parseInt(parts[i + 2], 36);
            colorIndex = parseInt(parts[i + 3], 36);
            if (!Number.isFinite(x) || !Number.isFinite(y) || !Number.isFinite(len) || !Number.isFinite(colorIndex)) continue;
            runs.push([x, y, len, colorIndex]);
        }
        return runs;
    }
 
    function normalizePixelAsset(doc) {
        var encoding = String(doc && (doc.encoding || doc.e) || '').trim().toLowerCase();
        var width = Math.round(Number(doc && (doc.width || doc.w)) || 0);
        var height = Math.round(Number(doc && (doc.height || doc.h)) || 0);
        var paletteSource = Array.isArray(doc && doc.palette) ? doc.palette : (Array.isArray(doc && doc.p) ? doc.p : []);
        var palette = paletteSource.map(parsePixelColor);
        var runs;
 
        /*
        CLBI Pixel Forge v0.2.3 compact format:
        - MediaWiki 단일 문서 크기 제한을 피하기 위해 사람이 읽기 쉬운 [[x,y,len,c], ...] 배열 대신
          base36 토큰 문자열을 쓴다.
        - 형식은 x,y,len,colorIndex를 4개 토큰 단위로 반복한 rle36이다.
        - 복원 후 좌표계는 기존 runs 배열과 완전히 같으며, 최종 CSS px에 1:1로 찍는다.
        */
        if ((encoding === 'rle36' || encoding === 'clbi-rle36') && typeof (doc && doc.r) === 'string') {
            runs = decodePixelRle36(doc.r);
        } else {
            runs = Array.isArray(doc && doc.runs) ? doc.runs : [];
        }
 
        if (!width || !height || width < 1 || height < 1) throw new Error('invalid pixel decoration size');
        if (width > 8192 || height > 8192) throw new Error('pixel decoration too large');
        return {
            type: String(doc && (doc.type || doc.t) || 'clbi-pixel-decoration'),
            version: Number(doc && (doc.version || doc.v)) || 1,
            encoding: encoding || 'runs',
            width: width,
            height: height,
            palette: palette,
            runs: runs
        };
    }
 
    function fetchPixelAsset(ref) {
        var url = normalizePixelJsonUrl(ref);
        var cached;
        if (!url) return Promise.reject(new Error('pixel json ref is empty'));
        cached = pixelAssetCache[url];
        if (cached) return cached.promise;
        cached = {
            promise: fetch(url, { credentials: 'same-origin', cache: 'force-cache' })
                .then(function (response) {
                    if (!response.ok) throw new Error('HTTP ' + response.status);
                    return response.json();
                })
                .then(normalizePixelAsset)
        };
        pixelAssetCache[url] = cached;
        return cached.promise;
    }
 
    function drawPixelAssetToCanvas(canvas, asset) {
        var ctx;
        var image;
        var data;
        var i;
        var run;
        var x;
        var y;
        var len;
        var color;
        var colorIndex;
        var p;
        var k;
 
        canvas.width = asset.width;
        canvas.height = asset.height;
        ctx = canvas.getContext('2d');
        ctx.imageSmoothingEnabled = false;
        image = ctx.createImageData(asset.width, asset.height);
        data = image.data;
 
        for (i = 0; i < asset.runs.length; i += 1) {
            run = asset.runs[i];
            if (!Array.isArray(run) || run.length < 4) continue;
            x = Math.round(Number(run[0]) || 0);
            y = Math.round(Number(run[1]) || 0);
            len = Math.round(Number(run[2]) || 0);
            colorIndex = Math.round(Number(run[3]) || 0);
            color = asset.palette[colorIndex];
            if (!color || len <= 0 || y < 0 || y >= asset.height || x >= asset.width) continue;
            if (x < 0) {
                len += x;
                x = 0;
            }
            len = Math.min(len, asset.width - x);
            for (k = 0; k < len; k += 1) {
                p = ((y * asset.width) + x + k) * 4;
                data[p] = color[0];
                data[p + 1] = color[1];
                data[p + 2] = color[2];
                data[p + 3] = color[3];
            }
        }
 
        ctx.putImageData(image, 0, 0);
    }
 
    function preparePixelCanvas(ref) {
        var url = normalizePixelJsonUrl(ref);
        var cached;
        if (!url) return Promise.reject(new Error('pixel json ref is empty'));
        cached = pixelCanvasCache[url];
        if (cached) return cached.promise;
        cached = {};
        cached.promise = fetchPixelAsset(ref).then(function (asset) {
            var canvas = document.createElement('canvas');
            drawPixelAssetToCanvas(canvas, asset);
            canvas.style.imageRendering = 'pixelated';
            canvas.setAttribute('data-decoration-asset-size', asset.width + 'x' + asset.height);
            cached.canvas = canvas;
            cached.width = asset.width;
            cached.height = asset.height;
            return canvas;
        });
        pixelCanvasCache[url] = cached;
        return cached.promise;
    }
 
    function getPreparedPixelCanvasSync(ref) {
        var url = normalizePixelJsonUrl(ref);
        var cached = url ? pixelCanvasCache[url] : null;
        return cached && cached.canvas ? cached.canvas : null;
    }
 
    function queryDecorationTarget(selector) {
        selector = String(selector || '').trim();
        if (!selector) return null;
        try {
            return document.querySelector(selector);
        } catch (err) {
            return null;
        }
    }
 
    function usesCanonicalMainPageCoordinates(entry, actualTarget) {
        var placement = String(entry && entry.placement || '').trim();
        var selector = String(entry && entry.target || '').trim();
        var declaredTarget;
 
        if (placement === MAIN_PAGE_PLACEMENT) return true;
        if (!actualTarget || !selector) return false;
 
        declaredTarget = queryDecorationTarget(selector);
        return declaredTarget === actualTarget;
    }
 
    function getDecorationLocalPosition(entry, actualTarget) {
        var x = normalizeNumber(entry && entry.x, 0);
        var y = normalizeNumber(entry && entry.y, 0);
        var sourceX = x;
        var sourceY = y;
        var sourceSelector;
        var sourceTarget;
        var sourceRect;
        var actualRect;
        var sourceOriginX;
        var sourceOriginY;
        var actualOriginX;
        var actualOriginY;
 
        /*
        대문 데코 좌표 보존
        -----------------------------------------
        저장된 x/y는 기존 entry.target 좌표계를 기준으로 만들어졌다.
        데코를 main-body-well 안으로 옮길 때 x/y를 그대로 적용하면
        더 아래에서 시작하는 새 좌표계 때문에 장식이 바닥으로 밀린다.
 
        실제 화면상의 위치는 유지하고 부모만 우물로 바꾼다.
        기존 기준면의 padding-box 원점과 새 우물의 padding-box 원점 차이를
        정수 px로 더해 새 로컬 좌표를 만든다.
        */
        if (
            currentPageKey() === '대문' &&
            actualTarget &&
            actualTarget.classList &&
            actualTarget.classList.contains('main-body-well') &&
            !usesCanonicalMainPageCoordinates(entry, actualTarget)
        ) {
            sourceSelector = String(entry && entry.target || '').trim() ||
                '.liberty-content-main';
            sourceTarget = queryDecorationTarget(sourceSelector) ||
                document.querySelector('.liberty-content-main') ||
                document.querySelector('.main-portal');
 
            if (sourceTarget && sourceTarget !== actualTarget) {
                sourceRect = sourceTarget.getBoundingClientRect();
                actualRect = actualTarget.getBoundingClientRect();
 
                sourceOriginX = sourceRect.left + normalizeNumber(sourceTarget.clientLeft, 0);
                sourceOriginY = sourceRect.top + normalizeNumber(sourceTarget.clientTop, 0);
                actualOriginX = actualRect.left + normalizeNumber(actualTarget.clientLeft, 0);
                actualOriginY = actualRect.top + normalizeNumber(actualTarget.clientTop, 0);
 
                x += Math.round(sourceOriginX - actualOriginX);
                y += Math.round(sourceOriginY - actualOriginY);
            }
        }
 
        return {
            x: Math.round(x),
            y: Math.round(y),
            sourceX: Math.round(sourceX),
            sourceY: Math.round(sourceY),
            sourceSelector: sourceSelector || ''
        };
    }
 
    function applyDecorationBaseStyle(node, entry, actualTarget) {
        var position = getDecorationLocalPosition(entry, actualTarget);
 
        node.style.left = position.x + 'px';
        node.style.top = position.y + 'px';
        node.style.opacity = String(normalizeNumber(entry.opacity, 1));
        node.style.zIndex = String(Math.round(normalizeNumber(entry.zIndex, 0)));
        node.style.pointerEvents = String(entry.pointerEvents || 'none');
 
        if (position.sourceSelector) {
            node.setAttribute('data-decoration-coordinate-source', position.sourceSelector);
            node.setAttribute('data-decoration-source-x', String(position.sourceX));
            node.setAttribute('data-decoration-source-y', String(position.sourceY));
            node.setAttribute('data-decoration-local-x', String(position.x));
            node.setAttribute('data-decoration-local-y', String(position.y));
        }
 
        if (entry.blendMode) node.style.mixBlendMode = String(entry.blendMode);
        if (entry.filter) node.style.filter = String(entry.filter);
        if (entry.transform) node.style.transform = String(entry.transform);
    }
 
    function isDecorationNodeActiveForNationsState(node) {
        var era = node ? String(node.getAttribute('data-decoration-era') || '').trim() : '';
        var continent = node ? String(node.getAttribute('data-decoration-continent') || '').trim() : '';
        if (era && era !== getActiveNationsEra()) return false;
        if (continent && continent !== getActiveNationsContinent()) return false;
        return true;
    }
 
    function setDecorationNodeVisibility(node, visible) {
        if (!node) return;
        visible = visible !== false;
        /* aria-hidden stays true because wiki decorations are purely visual. */
        if (node.hidden !== !visible) node.hidden = !visible;
        if (node.style.display !== (visible ? '' : 'none')) node.style.display = visible ? '' : 'none';
        node.setAttribute('data-decoration-visible', visible ? '1' : '0');
    }
 
    function updateDecorationVisibility(root) {
        var scope = root && root.querySelectorAll ? root : document;
        var count = 0;
        Array.prototype.forEach.call(scope.querySelectorAll('[' + RENDERED_ATTR + '="1"]'), function (node) {
            setDecorationNodeVisibility(node, isDecorationNodeActiveForNationsState(node));
            count += 1;
        });
        return count;
    }
 
    function hasRenderedDecorations(root) {
        var scope = root && root.querySelector ? root : document;
        return !!(scope && scope.querySelector && scope.querySelector('[' + RENDERED_ATTR + '="1"]'));
    }
 
    function applyPixelJsonDecoration(entry, target, visible) {
        var ref = getPixelJsonRef(entry);
        var template;
        var canvas;
        var ctx;
        if (!ref) return false;
 
        function makeCanvasFromTemplate(source) {
            var out = document.createElement('canvas');
            var outCtx;
            out.className = 'wiki-decoration wiki-decoration-pixel-json';
            out.setAttribute(RENDERED_ATTR, '1');
            out.setAttribute('aria-hidden', 'true');
            out.setAttribute('data-decoration-id', String(entry.id || ''));
            out.setAttribute('data-decoration-asset-type', 'pixel-json');
            if (entry.placement) out.setAttribute('data-decoration-placement', String(entry.placement));
            if (entry.era) out.setAttribute('data-decoration-era', String(entry.era));
            if (entry.continent) out.setAttribute('data-decoration-continent', String(entry.continent));
            out.width = source.width;
            out.height = source.height;
            out.style.imageRendering = 'pixelated';
            out.style.width = source.width + 'px';
            out.style.height = source.height + 'px';
            out.setAttribute('data-decoration-asset-size', source.width + 'x' + source.height);
            outCtx = out.getContext('2d');
            outCtx.imageSmoothingEnabled = false;
            outCtx.drawImage(source, 0, 0);
            applyDecorationBaseStyle(out, entry, target);
            setDecorationNodeVisibility(out, visible);
            return out;
        }
 
        template = getPreparedPixelCanvasSync(ref);
        if (template) {
            target.appendChild(makeCanvasFromTemplate(template));
            return true;
        }
 
        /* Fallback path only.  A full entry pack should prepare the template before the
          normal UI is released, so users should not see a blank decoration canvas. */
        preparePixelCanvas(ref).then(function (source) {
            if (!target || !target.parentNode || !source) return;
            target.appendChild(makeCanvasFromTemplate(source));
        }).catch(function () {});
 
        return true;
    }
 
    function preloadPixelAssetsForRegistry(registry) {
        var promises = [];
        decorationList(registry).forEach(function (entry) {
            var ref;
            if (!entry || !matchesPage(entry) || !isPixelJsonDecoration(entry)) return;
            ref = getPixelJsonRef(entry);
            if (!ref) return;
            promises.push(preparePixelCanvas(ref).catch(function () { return null; }));
        });
        return Promise.all(promises);
    }
 
    function decorationList(registry) {
        if (!registry || typeof registry !== 'object') return [];
        if (Array.isArray(registry)) return registry;
        if (Array.isArray(registry.decorations)) return registry.decorations;
        return [];
    }
 
    function matchesPage(entry) {
        var page = currentPageKey();
        var underscored = page.replace(/ /g, '_');
        var pages = entry && entry.pages;
        var target = entry && entry.page;
        var i;
 
        if (normalizeBool(entry && entry.global, false)) return true;
        if (String(entry && entry.placement || '').trim() === 'boot-gate' || String(entry && entry.placement || '').trim() === 'loading-screen') {
            return true;
        }
        if (normalizePageName(target).toLowerCase() === '__boot__' || normalizePageName(target).toLowerCase() === 'loading-screen') return true;
        if (!target && !pages) return true;
 
        if (Array.isArray(pages)) {
            for (i = 0; i < pages.length; i += 1) {
                if (normalizePageName(pages[i]) === page || String(pages[i] || '') === underscored) return true;
            }
        }
 
        target = normalizePageName(target);
        return target === page || target === underscored;
    }
 
    function clearRendered(root) {
        var scope = root && root.querySelectorAll ? root : document;
        Array.prototype.forEach.call(scope.querySelectorAll('[' + RENDERED_ATTR + '="1"]'), function (node) {
            if (node.parentNode) node.parentNode.removeChild(node);
        });
    }
 
    function ensureHost(target) {
        var style;
        if (!target) return;
        target.setAttribute(HOST_ATTR, '1');
        style = window.getComputedStyle ? window.getComputedStyle(target) : null;
        if (style && style.position === 'static') target.style.position = 'relative';
    }
 
    function applyDecoration(entry) {
        var resolved;
        var target;
        var src;
        var img;
        var width;
        var height;
 
        if (!entry || typeof entry !== 'object' || normalizeBool(entry.enabled, true) === false) return false;
        resolved = resolveDecorationPlacement(entry);
        if (!resolved) return false;
        target = resolved.target;
        if (!target) return false;
 
        ensureHost(target);
 
        if (isPixelJsonDecoration(entry)) {
            return applyPixelJsonDecoration(entry, target, resolved.visible !== false);
        }
 
        src = normalizeSrc(entry.src);
        if (!src) return false;
 
        img = document.createElement('img');
        img.className = 'wiki-decoration';
        img.setAttribute(RENDERED_ATTR, '1');
        img.setAttribute('aria-hidden', 'true');
        img.setAttribute('alt', '');
        img.setAttribute('decoding', 'async');
        img.setAttribute('loading', 'eager');
        img.setAttribute('data-decoration-id', String(entry.id || ''));
        if (entry.placement) img.setAttribute('data-decoration-placement', String(entry.placement));
        if (entry.era) img.setAttribute('data-decoration-era', String(entry.era));
        if (entry.continent) img.setAttribute('data-decoration-continent', String(entry.continent));
        img.src = src;
 
        applyDecorationBaseStyle(img, entry, target);
        width = normalizeNumber(entry.width, NaN);
        height = normalizeNumber(entry.height, NaN);
        if (Number.isFinite(width) && width > 0) img.style.width = width + 'px';
        if (Number.isFinite(height) && height > 0) img.style.height = height + 'px';
        if (entry.objectFit) img.style.objectFit = String(entry.objectFit);
        setDecorationNodeVisibility(img, resolved.visible !== false);
 
        target.appendChild(img);
        return true;
    }
 
    function mainPageLayoutSignature() {
        var source = document.querySelector('.liberty-content-main');
        var well = ensureMainPageBodyWell();
        var sourceRect;
        var wellRect;
 
        if (!source || !well) return '';
        sourceRect = source.getBoundingClientRect();
        wellRect = well.getBoundingClientRect();
 
        return [
            Math.round((wellRect.left + normalizeNumber(well.clientLeft, 0)) - (sourceRect.left + normalizeNumber(source.clientLeft, 0))),
            Math.round((wellRect.top + normalizeNumber(well.clientTop, 0)) - (sourceRect.top + normalizeNumber(source.clientTop, 0))),
            Math.round(wellRect.width),
            Math.round(wellRect.height)
        ].join('|');
    }
 
    function isMainPageDecorationLayoutReady() {
        var portal = document.querySelector('.main-portal');
        var panel = portal && portal.querySelector('.main-body-panel');
        var topMount = portal && portal.querySelector('[data-component="category-nav"]');
 
        if (!portal || !panel || !ensureMainPageBodyWell()) return false;
        if (!document.body || !document.body.classList.contains('clbi-main-page')) return false;
        if (topMount && !topMount.querySelector('.portal-category-nav')) return false;
        return true;
    }
 
    function waitForMainPageDecorationLayout() {
        var started;
        var previous = '';
        var stableFrames = 0;
 
        if (currentPageKey() !== '대문') return Promise.resolve(true);
        started = Date.now();
 
        return new Promise(function (resolve) {
            function check() {
                var signature = mainPageLayoutSignature();
 
                if (signature && signature === previous) stableFrames += 1;
                else stableFrames = 0;
                previous = signature;
 
                if ((isMainPageDecorationLayoutReady() && stableFrames >= 2) || Date.now() - started >= 1200) {
                    resolve(true);
                    return;
                }
 
                if (window.requestAnimationFrame) window.requestAnimationFrame(check);
                else window.setTimeout(check, 16);
            }
 
            check();
        });
    }
 
    function rebaseLegacyMainPageDecorations() {
        var well;
 
        if (currentPageKey() !== '대문') return;
        well = ensureMainPageBodyWell();
        if (!well) return;
 
        document.querySelectorAll('[' + RENDERED_ATTR + '="1"][data-decoration-coordinate-source]').forEach(function (node) {
            var position = getDecorationLocalPosition({
                target: node.getAttribute('data-decoration-coordinate-source') || '.liberty-content-main',
                x: normalizeNumber(node.getAttribute('data-decoration-source-x'), 0),
                y: normalizeNumber(node.getAttribute('data-decoration-source-y'), 0)
            }, well);
 
            node.style.left = position.x + 'px';
            node.style.top = position.y + 'px';
            node.setAttribute('data-decoration-local-x', String(position.x));
            node.setAttribute('data-decoration-local-y', String(position.y));
        });
    }
 
    function scheduleMainPageDecorationRebase() {
        if (scheduledMainPageRebase) return;
        scheduledMainPageRebase = window.requestAnimationFrame ? window.requestAnimationFrame(function () {
            scheduledMainPageRebase = 0;
            rebaseLegacyMainPageDecorations();
        }) : window.setTimeout(function () {
            scheduledMainPageRebase = 0;
            rebaseLegacyMainPageDecorations();
        }, 0);
    }
 
    function bindMainPagePlacementRefresh() {
        var portal = document.querySelector('.main-portal');
        var nodes;
 
        if (currentPageKey() !== '대문' || !portal) {
            if (mainPagePlacementObserver) mainPagePlacementObserver.disconnect();
            if (mainPagePlacementMutationObserver) mainPagePlacementMutationObserver.disconnect();
            observedMainPagePortal = null;
            return;
        }
 
        if (observedMainPagePortal !== portal) {
            if (mainPagePlacementObserver) mainPagePlacementObserver.disconnect();
            if (mainPagePlacementMutationObserver) mainPagePlacementMutationObserver.disconnect();
            observedMainPagePortal = portal;
 
            if (typeof ResizeObserver === 'function') {
                mainPagePlacementObserver = new ResizeObserver(scheduleMainPageDecorationRebase);
                nodes = [
                    document.querySelector('.liberty-content-main'),
                    portal,
                    portal.querySelector('[data-component="category-nav"]'),
                    portal.querySelector('.main-body-panel'),
                    portal.querySelector('.main-body-well')
                ];
                nodes.forEach(function (node) {
                    if (node) mainPagePlacementObserver.observe(node);
                });
            }
 
            /*
            장식 좌표는 크기 변화에만 의존한다. portal subtree DOM 변경을 감시하면
            프레임 SVG와 선언문 애니메이션이 장식 재배치를 반복 호출한다.
            ResizeObserver와 명시적 렌더 시점만 사용한다.
            */
            mainPagePlacementMutationObserver = null;
        }
 
        scheduleMainPageDecorationRebase();
    }
 
    function renderForCurrentLayout(registry, token) {
        if (currentPageKey() !== '대문') {
            if (token === runtimeToken) render(registry);
            return Promise.resolve(registry);
        }
 
        return waitForMainPageDecorationLayout().then(function () {
            if (token === runtimeToken) render(registry);
            return registry;
        });
    }
 
    function render(registry) {
        var token = runtimeToken;
        lastRegistry = registry || { decorations: [] };
        lastRenderedPageKey = currentPageKey();
        bindNationsPlacementRefresh();
        clearRendered(document);
        decorationList(lastRegistry).forEach(function (entry) {
            if (token === runtimeToken && matchesPage(entry)) applyDecoration(entry);
        });
        bindMainPagePlacementRefresh();
    }
 
    function renderPrepared() {
        var registry = getPreparedRegistrySync() || lastRegistry;
        var token = runtimeToken;
        if (!registry) return false;
        renderForCurrentLayout(registry, token);
        return true;
    }
 
    function syncDecorationState() {
        if (lastRenderedPageKey === currentPageKey() && hasRenderedDecorations(document)) {
            updateDecorationVisibility(document);
            return true;
        }
        if (lastRegistry) {
            renderForCurrentLayout(lastRegistry, runtimeToken);
            return true;
        }
        return renderPrepared();
    }
 
    function scheduleRenderFromCache() {
        if (scheduledRender) return;
        scheduledRender = window.requestAnimationFrame ? window.requestAnimationFrame(function () {
            scheduledRender = 0;
            if (!syncDecorationState()) reload();
        }) : window.setTimeout(function () {
            scheduledRender = 0;
            if (!syncDecorationState()) reload();
        }, 0);
    }
 
    function scheduleDecorationVisibilityUpdate() {
        if (scheduledRender) return;
        scheduledRender = window.requestAnimationFrame ? window.requestAnimationFrame(function () {
            scheduledRender = 0;
            if (lastRenderedPageKey !== currentPageKey() || !hasRenderedDecorations(document)) {
                if (!syncDecorationState()) reload();
                return;
            }
            updateDecorationVisibility(document);
        }) : window.setTimeout(function () {
            scheduledRender = 0;
            if (lastRenderedPageKey !== currentPageKey() || !hasRenderedDecorations(document)) {
                if (!syncDecorationState()) reload();
                return;
            }
            updateDecorationVisibility(document);
        }, 0);
    }
 
    function bindNationsPlacementRefresh() {
        var stack = document.querySelector('.clbi-nations-panel-stack');
 
        if (!stack || observedNationsStack === stack) return;
        observedNationsStack = stack;
 
        if (nationsPlacementObserver) {
            nationsPlacementObserver.disconnect();
        }
 
        if (typeof MutationObserver === 'function') {
            nationsPlacementObserver = new MutationObserver(scheduleDecorationVisibilityUpdate);
            nationsPlacementObserver.observe(stack, {
                subtree: true,
                attributes: true,
                attributeFilter: ['class', 'hidden', 'aria-selected', 'data-current-era', 'data-nations-current-era', 'data-era-year']
            });
        }
    }
 
    function getPreparedRegistrySync() {
        var registry = null;
        var url;
        try {
            if (window.EntryStore && typeof window.EntryStore.getJsonSync === 'function') {
                registry = window.EntryStore.getJsonSync(REGISTRY_TITLE);
                if (!registry && mw && mw.util && typeof mw.util.getUrl === 'function') {
                    url = mw.util.getUrl(REGISTRY_TITLE, { action: 'raw', ctype: 'application/json' });
                    registry = window.EntryStore.getJsonSync(url);
                }
            }
        } catch (err) {}
        return registry && typeof registry === 'object' ? registry : null;
    }
 
    function fetchRegistry() {
        var url;
        var prepared = getPreparedRegistrySync();
        if (prepared) return Promise.resolve(prepared);
        if (!mw || !mw.util || typeof fetch !== 'function') return Promise.resolve({ decorations: [] });
        url = mw.util.getUrl(REGISTRY_TITLE, {
            action: 'raw',
            ctype: 'application/json'
        });
        return fetch(url, { credentials: 'same-origin', cache: 'force-cache' })
            .then(function (response) {
                if (!response.ok) throw new Error('HTTP ' + response.status);
                return response.text();
            })
            .then(function (text) {
                if (!text || !text.trim()) return { decorations: [] };
                return JSON.parse(text);
            })
            .catch(function () {
                return { decorations: [] };
            });
    }
 
    function reload() {
        var token;
        runtimeToken += 1;
        token = runtimeToken;
        return fetchRegistry().then(function (registry) {
            return preloadPixelAssetsForRegistry(registry).then(function () {
                return renderForCurrentLayout(registry, token);
            });
        });
    }
 
    document.addEventListener('click', function (event) {
        var target = event.target && event.target.closest ? event.target.closest('.clbi-nations-tabpanel-tab[data-continent], [data-nations-era-move]') : null;
        if (target) window.setTimeout(scheduleDecorationVisibilityUpdate, 0);
    }, true);
 
    function decorationDiagnostics() {
        return {
            build: '20260713-main-body-well-coordinate-003',
            hasRegistry: !!lastRegistry,
            entries: decorationList(lastRegistry).length,
            rendered: document.querySelectorAll('[' + RENDERED_ATTR + '="1"]').length,
            preparedRegistry: !!getPreparedRegistrySync(),
            pixelAssets: Object.keys(pixelAssetCache || {}).length,
            pixelCanvases: Object.keys(pixelCanvasCache || {}).length,
            visibilityOnlySync: true,
            mainPageCoordinateSurface: MAIN_PAGE_TARGET,
            mainPagePlacementObserved: !!observedMainPagePortal,
            lastRenderedPage: lastRenderedPageKey,
            visibleRendered: document.querySelectorAll('[' + RENDERED_ATTR + '="1"][data-decoration-visible="1"]').length,
            scheduled: !!scheduledRender
        };
    }
 
    window.Decorations = window.Decorations || {};
    window.Decorations.reload = reload;
    window.Decorations.render = render;
    window.Decorations.renderPrepared = renderPrepared;
    window.Decorations.sync = syncDecorationState;
    window.Decorations.updateVisibility = updateDecorationVisibility;
    window.Decorations.diagnostics = decorationDiagnostics;
    window.Decorations.clear = clearRendered;
    window.Decorations.apply = applyDecoration;
    window.Decorations.pageKey = currentPageKey;
    window.Decorations.loadPixelAsset = fetchPixelAsset;
    window.Decorations.preparePixelCanvas = preparePixelCanvas;
    window.Decorations.getPreparedPixelCanvasSync = getPreparedPixelCanvasSync;
    window.Decorations.drawPixelAssetToCanvas = drawPixelAssetToCanvas;
 
    window.CLBI_DECORATIONS = window.CLBI_DECORATIONS || {};
    window.CLBI_DECORATIONS.reload = reload;
    window.CLBI_DECORATIONS.render = render;
    window.CLBI_DECORATIONS.renderPrepared = renderPrepared;
    window.CLBI_DECORATIONS.sync = syncDecorationState;
    window.CLBI_DECORATIONS.updateVisibility = updateDecorationVisibility;
    window.CLBI_DECORATIONS.diagnostics = decorationDiagnostics;
    window.CLBI_DECORATIONS.clear = clearRendered;
    window.CLBI_DECORATIONS.apply = applyDecoration;
    window.CLBI_DECORATIONS.pageKey = currentPageKey;
    window.CLBI_DECORATIONS.loadPixelAsset = fetchPixelAsset;
    window.CLBI_DECORATIONS.preparePixelCanvas = preparePixelCanvas;
    window.CLBI_DECORATIONS.getPreparedPixelCanvasSync = getPreparedPixelCanvasSync;
    window.CLBI_DECORATIONS.drawPixelAssetToCanvas = drawPixelAssetToCanvas;
 
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', reload);
    } else {
        reload();
    }
 
    if (mw && mw.hook) {
        mw.hook('wikipage.content').add(function () {
            reload();
        });
    }
})(mediaWiki);
 
/* =========================================
  Unified Shortcuts loader
  ========================================= */
(function () {
    'use strict';
 
    if (!window.mw || !mw.loader) return;
    loadClbiRawScript('MediaWiki:Nation_List_Manager.js');
    loadClbiRawScript('MediaWiki:History_Event_Manager.js');
    loadClbiRawScript('MediaWiki:Shortcuts.js');
})();
 
/* =========================================
  Main page manifesto bitmap renderer
  Integrated build: no extra raw-script page, no image/data-URL decoding.
  New shared systems do not use the legacy CLBI prefix.
  ========================================= */
(function (window, document, mw) {
    'use strict';
 
    /*
    Retired compatibility block
    -----------------------------------------
    선언문은 실제 HTML과 ManifestoIntro의 실선 요소만 사용한다.
    이 구식 렌더러는 제목·본문과 완성형 구분선을 canvas에 한 번에 그려
    새 애니메이션의 선 뒤에 트랙이 나타날 수 있었다.
 
    기존 Common.js를 장기 캐시한 뒤 새 파일로 넘어오는 경우를 위해
    남아 있는 canvas와 상태만 제거하고 즉시 종료한다. 새 공개 이름에는
    프로젝트 접두사를 사용하지 않는 규칙을 유지한다.
    */
    function removeRetiredBitmap() {
        Array.prototype.forEach.call(
            document.querySelectorAll('.main-portal .main-manifesto-bitmap'),
            function (canvas) {
                if (canvas.parentNode) canvas.parentNode.removeChild(canvas);
            }
        );
 
        Array.prototype.forEach.call(
            document.querySelectorAll('.main-portal .main-manifesto-inner'),
            function (inner) {
                inner.classList.remove('is-bitmap-ready');
                [
                    'data-bitmap-width',
                    'data-bitmap-optical-shift-x',
                    'data-bitmap-state',
                    'data-bitmap-error'
                ].forEach(function (name) {
                    inner.removeAttribute(name);
                });
            }
        );
    }
 
    removeRetiredBitmap();
 
    try {
        if (mw && mw.hook) {
            mw.hook('wikipage.content').add(removeRetiredBitmap);
        }
    } catch (ignoreRetiredBitmapHook) {}
 
    window.MainPageBitmap = {
        version:'retired-20260713-divider-no-track-001',
        recalculate:removeRetiredBitmap,
        status:function () {
            return {
                integrated:false,
                state:'retired',
                canvas:!!document.querySelector('.main-portal .main-manifesto-bitmap')
            };
        }
    };
 
    return;
 
    var VERSION = '20260712-bitmap18-inline-002';
    var SELECTOR = '.main-portal .main-manifesto-inner';
    var CELL_W = 24;
    var CELL_H = 24;
    var GLYPHS = {"진":[19,0,0,0,0,0,12288,24576,24576,25472,25584,25056,25072,25568,26160,26136,24576,9088,8960,768,256,32512,15872,0,0],"창":[19,0,0,0,0,0,6144,12512,12480,12800,13280,78328,258272,12768,14128,13848,4360,3840,7040,12672,4480,8064,3840,0,0],"바":[19,0,0,0,0,0,6144,12288,12288,12672,12672,14080,13056,13064,258456,127472,12784,12504,12408,12312,12288,12288,4096,0,0],"다":[19,0,0,0,0,0,6144,12288,12288,12288,13056,12792,12400,12320,258096,128528,14328,13048,12304,12288,12288,12288,4096,0,0],"는":[19,0,0,0,0,0,0,96,192,192,14528,16064,960,0,130048,118780,56,448,448,128,128,16256,7936,0,0],"왕":[19,0,0,0,0,0,12288,28768,25568,25456,25392,25392,254944,24960,16064,10236,12344,7680,14080,12672,12672,16128,7936,0,0],"과":[19,0,0,0,0,0,12288,28672,24576,26560,26352,26112,26112,26208,255680,254912,29248,32736,25084,8192,8192,8192,8192,0,0],"노":[19,0,0,0,0,0,0,0,0,96,192,192,4288,15552,16320,7040,7168,3072,50688,131064,124,0,0,0,0],"예":[19,0,0,0,0,0,24576,60416,22528,22528,22544,24048,24504,23320,23320,24504,23024,22528,22528,18432,16384,16384,24576,0,0],"를":[19,0,0,0,0,0,7168,16320,6144,8128,448,15552,1984,122880,262140,16636,8128,8128,3840,8064,1792,960,65408,4096,0],"같":[19,0,0,0,0,0,6144,12288,12288,13248,13304,110976,127168,12384,12344,4104,3584,0,8064,1920,256,14720,8064,0,0],"은":[19,0,0,0,0,0,384,3968,6528,6336,6272,3968,1792,32768,130944,115708,16,448,448,128,128,16256,7936,0,0],"깊":[19,0,0,0,0,0,12288,24576,24576,26496,25592,25472,25024,24800,24624,8216,12288,16256,4864,15872,7680,31232,32640,256,0],"이":[19,0,0,0,0,0,12288,24576,24576,24576,24592,25072,25584,25368,25368,25496,25072,24640,24576,24576,24576,8192,8192,0,0],"로":[19,0,0,0,0,0,0,0,15360,16320,6272,7168,8128,384,14528,16320,7040,3072,50688,131064,124,0,0,0,0],"삼":[19,0,0,0,0,0,6144,12288,12352,12736,12480,78064,258272,13296,14136,13324,4096,16256,16256,4224,4480,8064,8064,0,0],"켰":[19,0,0,0,0,0,12288,24576,26112,26600,29560,32656,25072,31992,26720,8224,8216,13056,15104,5056,15232,28544,58992,0,0],"고":[19,0,0,0,0,0,0,0,0,7680,16352,12416,12288,12288,12544,13056,6912,4864,49920,131064,124,0,0,0,0],",":[8,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,12,12,8,0,0,0],"겨":[19,0,0,0,0,0,12288,24576,24576,24576,25344,26616,32560,31104,24768,31840,31792,24600,24584,24576,24576,24576,8192,0,0],"울":[19,0,0,0,0,0,1792,8064,6528,6272,7552,3840,114688,262140,18428,1536,16320,8128,3840,8064,1920,896,65280,0,0],"사":[19,0,0,0,0,0,6144,12288,12288,12352,12480,12480,12480,12400,258272,127920,14104,13828,13312,12288,12288,12288,4096,0,0],"람":[19,0,0,0,0,0,6144,12288,12288,13296,13240,78208,258552,12304,14224,13296,4096,15744,16256,4288,4480,8064,8064,0,0],"짐":[19,0,0,0,0,0,12288,24576,24576,25472,25584,24992,25072,26592,26160,9756,0,32512,32640,12672,12672,16128,16128,0,0],"승":[19,0,0,0,0,0,512,3584,1536,1792,8064,29056,24800,32768,130816,115708,272,3840,7040,4224,6272,8064,3840,0,0],"의":[19,0,0,0,0,0,28672,57344,24608,25536,26592,26160,26160,26464,25568,24576,24576,32704,25596,24576,24576,24576,8192,0,0],"살":[19,0,0,0,0,0,6144,12288,12352,12736,12480,110832,127456,13232,13848,5132,8064,8064,3840,8064,1792,896,65024,0,0],"을":[19,0,0,0,0,0,1792,8064,6528,6272,7552,3840,32768,130944,115708,0,16320,8128,3840,8064,1920,896,65280,0,0],"빛":[19,0,0,0,0,0,12288,24576,25344,25344,26376,25496,25592,25584,25552,25088,7168,12288,32640,6400,7680,32256,25472,0,0],"으":[19,0,0,0,0,0,0,0,128,3968,8064,4544,4288,6336,7616,3968,0,0,57344,131068,56,0,0,0,0],"얼":[19,0,0,0,0,0,12288,24576,24592,24816,25008,32536,31512,25016,25072,8192,16256,16256,7680,16128,3584,1792,130560,0,0],"렸":[19,0,0,0,0,0,12288,24576,24576,25584,32568,27008,31224,31792,26544,9200,8192,13056,15104,4928,15232,28544,58976,0,0],".":[8,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,12,12,0,0,0,0],"그":[19,0,0,0,0,0,0,0,0,7168,16352,12672,12288,12288,12288,12288,6144,4096,57344,131068,56,0,0,0,0],"들":[19,0,0,0,0,0,6144,16320,896,384,14528,16320,960,130048,118780,120,16320,8128,3840,8064,1920,896,65280,0,0],"돌":[19,0,0,0,0,0,6144,16320,896,384,14528,16320,8128,130048,253948,16504,16320,8128,3840,8064,1920,896,65280,0,0],"벽":[19,0,0,0,0,0,12288,24576,24832,25344,32520,31512,25560,32632,25584,9104,8192,31744,32640,8192,8192,8192,8192,0,0],"세":[19,0,0,0,0,0,24576,60416,22528,22528,22720,22720,22752,24432,22752,22960,23320,23300,22528,18432,16384,16384,24576,0,0],"우":[19,0,0,0,0,0,0,384,7936,6528,12480,6336,7552,3968,0,131008,116732,1552,1536,1536,1536,1536,512,0,0],"땅":[19,0,0,0,0,0,12288,28672,24576,28560,9200,74160,254128,30936,16376,12280,12544,7936,13184,12672,12672,8064,3840,0,0],"찢":[19,0,0,0,0,0,12288,24576,24704,26616,28656,26560,25456,28656,28056,26848,8192,32512,16128,7680,15872,25344,16768,0,0],"어":[19,0,0,0,0,0,12288,24576,24576,24576,24592,24816,25520,32536,27416,25496,25072,24640,24576,24576,24576,8192,8192,0,0],"길":[19,0,0,0,0,0,12288,24576,24576,26496,25592,25472,24768,24672,24624,8216,16256,16128,7680,16128,3584,1792,130560,0,0],"냈":[19,0,0,0,0,0,8192,58368,19456,27672,27704,31792,31792,32560,28656,27120,8704,13824,14080,13248,15232,28544,50272,0,0],"며":[19,0,0,0,0,0,12288,24576,24576,24576,25472,26600,32536,25368,25400,32560,25584,25056,24576,24576,24576,24576,8192,0,0],"쇠":[19,0,0,0,0,0,28672,57344,24704,24960,24960,25056,25536,26208,27888,24960,24960,32704,25596,24576,24576,24576,8192,0,0],"에":[19,0,0,0,0,0,24576,60416,22528,22528,22544,23024,23480,24344,24344,22968,23024,22528,22528,18432,16384,16384,24576,0,0],"제":[19,0,0,0,0,0,24576,60416,22528,22528,23488,23032,22976,24512,24184,23024,23344,23320,23052,18432,16384,16384,24576,0,0],"름":[19,0,0,0,0,0,6144,16320,6272,8128,960,14528,16320,384,130560,116732,56,15872,16320,4288,4544,7552,8064,0,0],"새":[19,0,0,0,0,0,24576,60416,23552,19456,27840,27840,31968,31856,23776,23984,20248,20228,16384,16384,16384,16384,24576,0,0],"겼":[19,0,0,0,0,0,12288,24576,24576,26496,30712,32640,25024,31968,26672,8216,8200,15104,15104,6976,15232,28608,58992,0,0],"감":[19,0,0,0,0,0,6144,12288,12288,13184,13304,78208,258240,12384,12336,4120,4096,16256,16320,4224,4480,8064,8064,0,0],"옥":[19,0,0,0,0,0,1792,7936,6528,6272,6528,8064,3584,1536,130816,116732,56,16128,15296,4096,4096,4096,4096,0,0],"되":[19,0,0,0,0,0,28672,57344,25088,26608,25072,24672,25632,26416,26608,25456,24960,32704,25596,24576,24576,24576,8192,0,0],"군":[19,0,0,0,0,0,0,7680,16352,12288,12288,12288,6144,126976,262140,18172,1536,1728,1472,192,192,16256,8064,0,0],"대":[19,0,0,0,0,0,24576,60416,23552,19456,28032,28144,31856,31776,23600,24344,20440,19960,16400,16384,16384,16384,24576,0,0],"나":[19,0,0,0,0,0,6144,12288,12288,12288,12296,12312,12336,12304,259600,128784,14256,12528,12320,12288,12288,12288,4096,0,0],"르":[19,0,0,0,0,0,0,0,6144,16320,6336,7168,8128,448,12480,16320,3968,0,57344,131068,56,0,0,0,0],"오":[19,0,0,0,0,0,0,0,256,7936,15232,12672,12416,12672,8064,7936,3072,1024,49664,131064,124,0,0,0,0],"래":[19,0,0,0,0,0,24576,60416,23552,19456,28144,27064,32128,32248,23664,23568,20240,20464,16880,16384,16384,16384,24576,0,0],"된":[19,0,0,0,0,0,28672,57344,26368,25584,24800,25696,28656,26608,29440,32736,25080,24832,25344,768,768,65280,15872,0,0],"원":[19,0,0,0,0,0,28672,57440,25536,26464,26160,26160,29664,32640,26592,26620,25360,25024,25536,768,768,65280,15872,0,0],"한":[19,0,0,0,0,0,6144,28704,12512,12800,14328,12784,258528,13088,12592,12784,12512,12416,4544,384,128,16256,7936,0,0],"함":[19,0,0,0,0,0,6144,12512,12480,12800,14328,78032,258528,13104,12720,12784,4192,15744,16256,4288,4480,8064,8064,0,0],"께":[19,0,0,0,0,0,24576,55296,55296,55296,55488,57336,57280,57184,57184,55600,55704,55500,55392,49152,49152,16384,16384,0,0],"음":[19,0,0,0,0,0,1920,8064,6528,6336,6336,3968,1792,32768,131040,16892,0,16128,16320,4288,4544,7552,8064,0,0],"손":[19,0,0,0,0,0,512,1536,1536,1920,7936,14720,26304,1584,130560,249852,120,448,448,128,128,16256,7936,0,0],"넘":[19,0,0,0,0,0,12288,24576,24576,24600,31792,31792,24624,28208,26608,8416,0,32512,32640,12672,12672,16256,15616,0,0],"갔":[19,0,0,0,0,0,6144,12288,12288,13184,13304,78208,258240,12384,12336,12312,4352,15104,6912,6528,7616,30656,25136,0,0],"\n":[8,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"줄":[19,0,0,0,0,0,6144,16320,3520,3840,15296,12480,41056,130976,116732,1536,16320,8128,3840,8064,1920,896,65280,0,0],"처":[19,0,0,0,0,0,12288,24576,24800,25024,25344,26592,25072,32448,27616,25392,25360,24840,24832,24960,24960,8320,8192,0,0],"부":[19,0,0,0,0,0,6144,12288,28768,14400,15552,13248,8128,7872,0,131008,116732,1552,1536,1536,1536,1536,512,0,0],"터":[19,0,0,0,0,0,12288,24576,24576,25056,24768,25344,25584,31984,31840,25648,28568,26360,24624,24576,24576,8192,8192,0,0],"목":[19,0,0,0,0,0,14336,32512,15328,6336,3264,16064,7296,3072,130816,116732,56,16128,15296,4096,4096,4096,4096,0,0],"둘":[19,0,0,0,0,0,6144,16320,896,384,14528,16320,960,130944,116732,1592,16320,8128,3840,8064,1920,896,65280,0,0],"레":[19,0,0,0,0,0,24576,60416,22528,22528,23024,22968,22912,24568,22640,22544,23312,23536,23024,18432,16384,16384,24576,0,0],"있":[19,0,0,0,0,0,12288,24576,24576,24816,25072,25400,25368,25368,25072,8416,8192,15104,15104,7104,14720,28608,26224,0,0],"었":[19,0,0,0,0,0,12288,24576,24576,24816,25072,32568,32536,25496,25072,8416,8192,15104,15104,7104,14720,28608,26224,0,0],"끝":[19,0,0,0,0,0,0,14720,16368,13152,12672,12672,4480,130560,116732,56,3840,3584,8128,1920,384,16320,4032,0,0],"속":[19,0,0,0,0,0,512,3584,1536,1792,7936,12672,26336,1568,130560,116732,56,16128,15296,4096,4096,4096,4096,0,0],"뿌":[19,0,0,0,0,0,4096,30720,14080,15904,16352,13280,16320,14208,4608,130944,126972,1552,1536,1536,1536,1536,512,0,0],"리":[19,0,0,0,0,0,12288,24576,24576,24576,25568,25528,24960,25040,24688,25648,26160,26608,25056,24576,24576,8192,8192,0,0],"와":[19,0,0,0,0,0,12288,28672,24608,25568,25456,26160,26416,25584,254432,254336,28864,32736,25084,8192,8192,8192,8192,0,0],"빨":[19,0,0,0,0,0,12288,28672,26112,26176,26304,255944,255992,10200,10224,1728,16256,16256,7936,7936,1792,896,65024,0,0],"굶":[19,0,0,0,0,0,0,16128,13248,12288,12288,6144,118784,262140,18428,1536,14080,16368,13792,14272,14272,16352,16352,0,0],"주":[19,0,0,0,0,0,0,14336,16320,3264,1792,7936,12736,24672,32,131008,116732,1552,1536,1536,1536,1536,512,0,0],"림":[19,0,0,0,0,0,12288,24576,24576,25584,25400,25472,25072,24624,26544,9200,8192,15616,32640,12672,12672,16256,16128,0,0],"매":[19,0,0,0,0,0,24576,60416,23552,19456,28544,28644,32156,32024,23832,23992,19952,19504,16384,16384,16384,16384,24576,0,0],"였":[19,0,0,0,0,0,12288,24576,24576,24816,32752,32568,25368,32664,25072,8416,8192,15104,15104,7104,14720,28608,26224,0,0],"른":[19,0,0,0,0,0,4096,16320,6336,7744,4032,14528,16320,896,126976,253948,120,64,448,128,128,16256,7936,0,0],"아":[19,0,0,0,0,0,6144,12288,12288,12288,12304,12528,12720,13080,258840,127896,12784,12352,12288,12288,12288,12288,4096,0,0],"직":[19,0,0,0,0,0,12288,24576,24576,25472,25584,24992,25072,25568,26160,9752,0,31744,32640,8192,8192,12288,12288,0,0],"태":[19,0,0,0,0,0,24576,60416,23552,19680,27840,28032,32240,31856,23600,24336,20440,20472,16432,16384,16384,16384,24576,0,0],"지":[19,0,0,0,0,0,12288,24576,24576,24576,26496,25584,24992,24768,24816,25568,26160,27672,25612,24576,24576,24576,8192,0,0],"않":[19,0,0,0,0,0,6144,12288,12304,12528,12784,111384,258840,13208,12784,4160,7168,6240,32352,15456,13408,14176,8160,0,0],"자":[19,0,0,0,0,0,6144,12288,12288,12288,13184,13304,12720,12480,258296,127984,14128,13848,13324,12288,12288,12288,4096,0,0],"졌":[19,0,0,0,0,0,12288,24576,24576,25472,32752,31136,32240,32736,26160,9756,8704,13056,15104,4928,15232,28544,50784,0,0],"앞":[19,0,0,0,0,0,6144,12288,12304,12528,12784,111384,258840,13208,12784,4160,6144,8128,2432,7936,2816,15616,16320,128,0],"갈":[19,0,0,0,0,0,6144,12288,12288,13248,13304,127360,127168,12384,12344,4104,16256,8064,3840,8064,1792,896,65280,0,0],"때":[19,0,0,0,0,0,24576,52224,55296,55296,57096,56312,63920,63632,63704,56536,57336,57336,49216,49152,49152,16384,16384,0,0],"마":[19,0,0,0,0,0,6144,12288,12288,12288,13184,13284,13084,13080,258840,127792,12784,12464,12288,12288,12288,12288,4096,0,0],"듭":[19,0,0,0,0,0,6144,16320,1984,384,12480,16064,3008,32768,131008,115708,14336,12352,12480,14720,16256,8064,7808,0,0],"파":[19,0,0,0,0,0,6144,12288,12288,12288,13248,12792,12688,13296,258528,127392,16352,12412,12288,12288,12288,12288,4096,0,0],"각":[19,0,0,0,0,0,6144,12288,12288,13184,13304,12672,258240,12384,12336,4120,4096,16128,13248,12288,4096,4096,4096,0,0],"쥔":[19,0,0,0,0,0,28672,57856,26608,25584,25024,26592,28208,27664,28544,28668,25360,24960,25536,768,768,65280,15872,0,0],"당":[19,0,0,0,0,0,6144,12288,12288,13248,12536,77920,258096,15888,14328,12920,4352,7936,7040,12672,4480,8064,3840,0,0],"기":[19,0,0,0,0,0,12288,24576,24576,24576,25344,26616,25392,24960,24768,24672,24624,24600,24584,24576,24576,24576,8192,0,0],"면":[19,0,0,0,0,0,12288,24576,24576,26496,26604,32536,25368,32560,31728,25072,24576,25344,8960,768,768,32512,15872,0,0],"풀":[19,0,0,0,0,0,12288,16352,7296,8064,3328,32704,41440,131008,116732,1536,16320,8128,3840,8064,1920,896,65280,0,0],"려":[19,0,0,0,0,0,12288,24576,24576,24576,25568,32696,31104,25040,31856,27696,26160,26608,25056,24576,24576,8192,8192,0,0],"날":[19,0,0,0,0,0,6144,12288,12288,12312,12344,110640,128560,14256,13296,4192,8064,8064,3840,8064,1792,896,65024,0,0],"것":[19,0,0,0,0,0,12288,24576,24576,26496,25592,24960,32704,26848,24624,24600,11272,3072,1792,3584,15104,29056,24800,0,0],"라":[19,0,0,0,0,0,6144,12288,12288,12288,13280,12728,12672,12792,258168,127504,13840,14320,12784,12288,12288,12288,4096,0,0],"여":[19,0,0,0,0,0,12288,24576,24576,24576,24592,24816,32688,25368,25368,32664,25072,24640,24576,24576,24576,8192,8192,0,0],"므":[19,0,0,0,0,0,0,0,4096,31744,32736,6624,3264,1728,16064,7360,0,0,57344,131068,56,0,0,0,0],"번":[19,0,0,0,0,0,12288,24576,24576,25344,26376,26392,32728,25464,25584,25552,24576,25344,8960,768,768,32512,15872,0,0],"도":[19,0,0,0,0,0,0,0,0,15360,4064,960,384,14528,16064,7136,7360,3072,50688,131064,124,0,0,0,0],"느":[19,0,0,0,0,0,0,0,0,32,192,192,192,14528,16064,7104,0,0,57344,131068,56,0,0,0,0],"슨":[19,0,0,0,0,0,512,1536,1536,1920,7936,14720,24768,48,130048,118780,56,448,448,128,128,16256,7936,0,0],"해":[19,0,0,0,0,0,24576,60416,23552,19680,27968,28664,32240,32224,23984,23984,19952,19568,16384,16384,16384,16384,24576,0,0],"았":[19,0,0,0,0,0,6144,12288,12288,12528,12784,78616,258840,13208,12784,12512,4352,15104,6912,6528,7616,30656,25136,0,0],"침":[19,0,0,0,0,0,12288,24768,25024,25088,26592,25584,24800,25568,26416,9232,8,15616,32640,12672,12672,16256,16128,0,0],"내":[19,0,0,0,0,0,24576,58368,19456,19456,27656,27672,31792,31792,31760,24368,20464,19952,16384,16384,24576,24576,8192,0,0],"멎":[19,0,0,0,0,0,12288,24576,24576,26496,25576,32536,31512,25392,25072,8224,8192,32640,6912,3584,15872,25344,16768,0,0],"서":[19,0,0,0,0,0,12288,24576,24576,24640,24768,25024,24768,32496,24800,25520,26392,26124,25600,24576,24576,8192,8192,0,0],"긴":[19,0,0,0,0,0,12288,24576,24576,26368,25592,25520,25024,24768,24688,24632,24584,25472,8960,768,768,32512,15872,0,0],"붙":[19,0,0,0,0,0,6144,12288,14432,16064,13248,7872,38912,130816,116732,1552,3840,3584,8064,1920,384,15808,4032,0,0],"잡":[19,0,0,0,0,0,6144,12288,12288,13184,13304,111040,258288,13280,13872,5660,4096,12352,12416,14720,16256,8064,7296,0,0],"피":[19,0,0,0,0,0,12288,24576,24576,24576,26496,25592,25392,25568,25440,24992,28640,26744,24576,24576,24576,24576,8192,0,0],"가":[19,0,0,0,0,0,6144,12288,12288,12288,13056,13304,12728,12736,127168,258144,12336,12312,12300,12288,12288,12288,4096,0,0],"굴":[19,0,0,0,0,0,0,16128,13248,12288,12288,6144,126976,262140,18172,1536,16320,8128,3840,8064,1920,896,65280,0,0],"보":[19,0,0,0,0,0,0,0,6144,12288,28768,14528,16064,13248,16320,7360,3072,1024,50688,131064,124,0,0,0,0],"하":[19,0,0,0,0,0,6144,12288,12320,12512,12800,14332,12792,12512,259040,127792,12720,12528,12288,12288,12288,12288,4096,0,0],"입":[19,0,0,0,0,0,12288,24576,24576,24816,25584,25368,25368,25496,25072,8256,4096,28800,24960,14720,16128,16128,15616,0,0],"말":[19,0,0,0,0,0,6144,12288,12288,13184,13308,111384,127768,13240,12784,4096,8064,8064,3840,8064,1792,896,65024,0,0],"했":[19,0,0,0,0,0,24576,58368,23776,19776,28664,27888,32224,23984,19888,18672,96,13824,15872,13184,15232,28544,50272,0,0],"조":[19,0,0,0,0,0,0,0,0,15360,8128,3072,1792,16128,28864,25184,1568,1536,50688,131064,124,0,0,0,0],"올":[19,0,0,0,0,0,1792,8064,6528,6528,8064,3840,1536,128768,253948,16504,16320,8128,3840,8064,1920,896,65280,0,0],"수":[19,0,0,0,0,0,0,1536,3072,1792,1792,6912,29056,24800,32,131008,116732,1552,1536,1536,1536,1536,512,0,0],"록":[19,0,0,0,0,0,6144,16320,6272,8128,960,14528,16320,3968,128512,253948,120,15872,16320,4096,4096,4096,6144,0,0],"열":[19,0,0,0,0,0,12288,24576,24592,24816,32688,31512,25368,32696,25072,8192,16256,16256,7680,16128,3584,1792,130560,0,0],"단":[19,0,0,0,0,0,6144,28672,12288,13184,12792,12400,258096,13872,14232,14328,12336,12672,4480,384,384,16256,7936,0,0],"질":[19,0,0,0,0,0,12288,24576,24576,26496,25584,24992,25072,26464,26160,9240,16128,16128,7680,16128,3584,1792,130560,0,0],"히":[19,0,0,0,0,0,12288,24576,24576,25024,26112,26616,25584,25024,25440,25392,25392,25056,24576,24576,24576,8192,8192,0,0],"운":[19,0,0,0,0,0,384,3968,6528,6336,6272,3968,1792,32768,131040,17916,3072,1984,1472,128,192,16256,7936,0,0],"데":[19,0,0,0,0,0,24576,60416,22528,22528,22912,23024,22640,24352,22576,23320,23512,23032,22544,18432,16384,16384,24576,0,0],"끌":[19,0,0,0,0,0,0,14720,16368,13152,12672,12672,4480,130560,116732,56,16320,8128,3840,8064,1920,896,65280,0,0],"린":[19,0,0,0,0,0,12288,24576,24576,25568,25464,24960,25592,24624,26416,26608,24672,8320,9088,256,256,32512,15872,0,0],"게":[19,0,0,0,0,0,24576,60416,22528,22528,23424,23544,22960,24000,24512,22624,22576,22552,22536,18432,16384,16384,24576,0,0],"누":[19,0,0,0,0,0,0,96,192,192,192,15552,16320,960,0,131008,116732,1552,1536,1536,1536,1536,512,0,0],"인":[19,0,0,0,0,0,12288,24576,24576,24624,25072,25400,25368,25368,25072,24800,24576,9088,8960,256,256,32512,15872,0,0],"쳐":[19,0,0,0,0,0,12288,24576,24800,25024,25344,26592,32752,31936,25568,32560,25360,24840,24832,24960,24960,8320,8192,0,0],"문":[19,0,0,0,0,0,12288,15872,15328,6336,3264,7872,7360,32768,131040,17916,3072,1984,1472,128,192,16256,7936,0,0],"몸":[19,0,0,0,0,0,14336,32512,15328,6336,3264,16064,7296,3072,130816,116732,56,16128,16320,4288,4544,7552,8064,0,0],"식":[19,0,0,0,0,0,12288,24576,24768,24960,25024,24816,24800,25568,26160,9244,0,31744,32640,8192,8192,12288,12288,0,0],"억":[19,0,0,0,0,0,12288,24576,24576,24816,25072,32536,32536,25368,25072,8416,0,31744,32640,12288,12288,12288,12288,0,0],"전":[19,0,0,0,0,0,12288,24576,24576,25472,25592,24992,31984,25568,26160,26136,24576,9088,8960,768,256,32512,15872,0,0],"품":[19,0,0,0,0,0,12288,16352,7360,8064,7040,16128,26592,127040,253948,18040,1536,16128,16320,4288,4544,7552,8064,0,0],"발":[19,0,0,0,0,0,6144,12288,12672,13056,14092,111512,127992,13176,13272,4096,8064,8064,3840,8064,1792,896,65024,0,0],"머":[19,0,0,0,0,0,12288,24576,24576,24576,25472,25576,25368,32536,27448,25392,25584,25056,24576,24576,24576,24576,8192,0,0],"두":[19,0,0,0,0,0,0,14336,8128,960,384,12480,16064,5056,192,131008,116732,1552,1536,1536,1536,1536,512,0,0],"닐":[19,0,0,0,0,0,12288,24576,24576,24600,24624,24624,27696,28464,26608,8288,16256,16256,7680,16128,3584,1792,130560,0,0],"격":[19,0,0,0,0,0,12288,24576,24576,26496,26616,32640,25024,31968,26672,8216,8200,32256,26496,8192,8192,8192,8192,0,0],"없":[19,0,0,0,0,0,12288,24576,24592,24816,25072,32536,31512,25496,25072,8256,8192,13824,15936,4928,15296,28608,51008,0,0],"니":[19,0,0,0,0,0,12288,24576,24576,24576,24584,24624,24624,24624,25648,28208,26544,25328,24576,24576,24576,8192,8192,0,0],"산":[19,0,0,0,0,0,6144,28672,12352,12480,12480,12496,258272,13280,14128,13852,12288,12672,4480,384,384,16256,7936,0,0],"복":[19,0,0,0,0,0,14336,12288,28736,15552,14272,16320,7808,3072,130560,249852,120,15872,16320,4096,4096,4096,6144,0,0],"종":[19,0,0,0,0,0,6144,16320,3520,1792,7936,12736,26208,1568,130816,116732,280,3840,7040,4224,6272,8064,3840,0,0],"죽":[19,0,0,0,0,0,6144,16320,3520,1792,7936,12736,24672,122912,262140,18172,1536,16128,15296,4096,4096,4096,4096,0,0],"망":[19,0,0,0,0,0,6144,12288,12288,13248,13308,78620,258840,13112,12784,12336,4352,7936,7040,12672,4480,8064,3840,0,0],"베":[19,0,0,0,0,0,24576,60416,22528,22912,22912,24448,24448,24456,24536,23024,23024,22776,22648,18456,16384,16384,24576,0,0],"막":[19,0,0,0,0,0,6144,12288,12288,13248,13308,13084,258840,13080,12784,12464,4096,15872,16320,12288,4096,4096,4096,0,0],"무":[19,0,0,0,0,0,0,30720,32608,15296,6336,3520,16320,15488,0,131008,116732,1552,1536,1536,1536,1536,512,0,0],"릎":[19,0,0,0,0,0,6144,16320,6272,8128,960,14528,8128,0,130560,116732,56,16320,3456,8064,3840,16128,14272,0,0],"꿇":[19,0,0,0,0,0,0,14720,16368,12640,12672,12672,118912,262140,18428,1536,7936,7152,32736,14784,11712,16352,7648,0,0],"까":[19,0,0,0,0,0,12288,28672,24576,24576,24768,10232,10176,9824,254752,254768,8600,8388,8288,8192,8192,8192,12288,0,0],"놓":[19,0,0,0,0,0,0,224,192,12480,15552,8128,7552,130048,253948,16760,1792,15872,16320,3584,6912,3328,1792,0,0],"러":[19,0,0,0,0,0,12288,24576,24576,24576,25568,25528,29056,32720,24688,25648,26160,26608,25056,24576,24576,8192,8192,0,0],"재":[19,0,0,0,0,0,24576,60416,23552,19456,28608,28152,32192,31936,23672,24048,20272,20248,16908,16384,16384,16384,24576,0,0],"받":[19,0,0,0,0,0,6144,12288,12672,13056,14092,78744,259064,13176,13304,12672,0,7936,3584,768,24960,32640,1920,0,0],"묵":[19,0,0,0,0,0,14336,32512,15328,6336,3264,16064,3200,130048,118780,1592,1536,16128,15296,4096,4096,4096,4096,0,0],"스":[19,0,0,0,0,0,0,0,512,1536,3584,1920,1792,7936,12672,24800,0,0,57344,131068,56,0,0,0,0],"릴":[19,0,0,0,0,0,12288,24576,24832,25592,25360,25536,25072,25136,26608,8432,14464,16256,7936,16128,3840,1792,130560,0,0],"계":[19,0,0,0,0,0,24576,60416,22528,22528,23424,23544,24496,24256,22720,24416,22576,22552,22536,18432,16384,16384,24576,0,0],"구":[19,0,0,0,0,0,0,6144,16352,12736,12288,12288,12288,6144,4096,131056,67324,1536,1536,1536,1536,1536,512,0,0],"물":[19,0,0,0,0,0,14336,32544,15328,3264,7872,16064,32768,131040,18428,1536,16320,8128,3840,8064,1920,896,65280,0,0],"못":[19,0,0,0,0,0,14336,32512,15328,7360,3776,16064,7296,3072,130816,116732,1048,3584,1536,1792,7936,12480,8304,0,0],"시":[19,0,0,0,0,0,12288,24576,24576,24640,24768,25024,24768,24816,24800,25520,26424,26124,25600,24576,24576,8192,8192,0,0],"육":[19,0,0,0,0,0,1792,8064,6528,6336,6528,3968,1536,130048,118780,6584,6528,16256,15296,4096,4096,4096,4096,0,0],"신":[19,0,0,0,0,0,12288,24576,24640,25024,25024,24768,24800,25568,26416,25628,24576,9088,8960,768,256,32512,15872,0,0],"일":[19,0,0,0,0,0,12288,24576,24592,24816,25584,25368,25368,25528,25072,8192,16256,16256,7680,16128,3584,1792,130560,0,0],"모":[19,0,0,0,0,0,0,0,14336,32256,16352,6368,3264,7872,16064,6144,2048,1024,50688,131064,124,0,0,0,0],"행":[19,0,0,0,0,0,24576,58368,23776,19776,20472,27888,32224,32176,23984,19696,25184,15872,30208,25344,25344,16128,7680,0,0],"절":[19,0,0,0,0,0,12288,24576,24576,25472,25584,32160,32752,26464,26160,9752,16128,16128,7680,16128,3584,1792,130560,0,0],"멸":[19,0,0,0,0,0,12288,24576,24576,26496,32760,31512,25400,32688,25072,8224,16128,16128,7680,16128,3584,1792,130560,0,0],"끊":[19,0,0,0,0,0,0,14592,16368,13280,12672,12672,12672,114688,262140,16636,7168,6240,32352,15456,13408,16224,7648,0,0],"순":[19,0,0,0,0,0,512,3584,1536,1792,8064,29056,24800,32768,131008,116732,3072,1984,1472,128,192,16256,7936,0,0],"간":[19,0,0,0,0,0,6144,28672,12288,13184,13304,12688,258240,12384,12336,12312,12296,12672,4480,384,384,16256,7936,0,0]};
    var BODY_SCALE = 1;
    var TITLE_SCALE = 2;
    var BODY_TRACKING = -2;
    var TITLE_TRACKING = 0;
    var SPACE_ADVANCE = Math.round(CELL_H * 0.5);
    var BODY_LINE_HEIGHT = CELL_H + 8;
    var PARAGRAPH_GAP = 20;
    var DIVIDER_Y = 52;
    var BODY_TOP = 68;
    var BODY_COLOR = '#d8d8d8';
    var TITLE_COLOR = '#ffffff';
    var DIVIDER_COLOR = '#555555';
    var resizeTimer = 0;
    var observed = typeof WeakSet === 'function' ? new WeakSet() : null;
    var resizeObserver = typeof ResizeObserver === 'function' ? new ResizeObserver(function (entries) {
        entries.forEach(function (entry) { schedule(entry.target, false); });
    }) : null;
 
    function glyphFor(character) {
        return Object.prototype.hasOwnProperty.call(GLYPHS, character) ? GLYPHS[character] : null;
    }
 
    function measureText(text, scale, tracking) {
        var width = 0;
        var glyphCount = 0;
        Array.from(String(text || '')).forEach(function (character) {
            var glyph;
            if (character === ' ') {
                width += SPACE_ADVANCE * scale;
                return;
            }
            glyph = glyphFor(character);
            if (!glyph) return;
            width += glyph[0] * scale;
            width += tracking * scale;
            glyphCount += 1;
        });
        if (glyphCount && tracking) width -= tracking * scale;
        return Math.max(0, Math.round(width));
    }
 
    function breakLongToken(token, maxWidth) {
        var pieces = [];
        var current = '';
        Array.from(token).forEach(function (character) {
            var candidate = current + character;
            if (current && measureText(candidate, BODY_SCALE, BODY_TRACKING) > maxWidth) {
                pieces.push(current);
                current = character;
            } else {
                current = candidate;
            }
        });
        if (current) pieces.push(current);
        return pieces;
    }
 
    function wrapParagraph(text, maxWidth) {
        var words = String(text || '').trim().split(/\s+/).filter(Boolean);
        var lines = [];
        var current = '';
 
        words.forEach(function (word) {
            var candidate = current ? current + ' ' + word : word;
            var pieces;
            if (measureText(candidate, BODY_SCALE, BODY_TRACKING) <= maxWidth) {
                current = candidate;
                return;
            }
            if (current) {
                lines.push(current);
                current = '';
            }
            if (measureText(word, BODY_SCALE, BODY_TRACKING) <= maxWidth) {
                current = word;
                return;
            }
            pieces = breakLongToken(word, maxWidth);
            pieces.forEach(function (piece, index) {
                if (index === pieces.length - 1) current = piece;
                else lines.push(piece);
            });
        });
        if (current) lines.push(current);
        return lines.length ? lines : [''];
    }
 
    function calculateOpticalShift(lines, width) {
        var weightedCenter = 0;
        var totalWeight = 0;
        var maxLineWidth = 0;
        var shift;
        lines.forEach(function (line) {
            var lineWidth = line.width;
            var weight = Math.max(1, lineWidth) * BODY_LINE_HEIGHT;
            weightedCenter += (lineWidth / 2) * weight;
            totalWeight += weight;
            maxLineWidth = Math.max(maxLineWidth, lineWidth);
        });
        if (!totalWeight) return 0;
        shift = Math.round((width / 2) - (weightedCenter / totalWeight));
        return Math.max(0, Math.min(Math.max(0, width - maxLineWidth), shift));
    }
 
    function drawGlyph(context, glyph, x, y, scale) {
        var py;
        var px;
        var row;
        for (py = 0; py < CELL_H; py += 1) {
            row = glyph[py + 1] || 0;
            if (!row) continue;
            for (px = 0; px < CELL_W; px += 1) {
                if (row & (1 << px)) {
                    context.fillRect(
                        Math.round(x + px * scale),
                        Math.round(y + py * scale),
                        scale,
                        scale
                    );
                }
            }
        }
    }
 
    function drawText(context, text, x, y, scale, tracking, color) {
        context.fillStyle = color;
        Array.from(String(text || '')).forEach(function (character) {
            var glyph;
            if (character === ' ') {
                x += SPACE_ADVANCE * scale;
                return;
            }
            glyph = glyphFor(character);
            if (!glyph) return;
            drawGlyph(context, glyph, x, y, scale);
            x += (glyph[0] + tracking) * scale;
        });
    }
 
    function sourceContent(inner) {
        var titleNode = inner.querySelector('.main-manifesto-title');
        var paragraphs = [];
        Array.prototype.forEach.call(inner.children || [], function (child) {
            if (child && child.tagName === 'P') {
                var value = String(child.textContent || '').trim();
                if (value) paragraphs.push(value);
            }
        });
        return {
            title: titleNode ? String(titleNode.textContent || '').trim() : '',
            paragraphs: paragraphs
        };
    }
 
    function ensureCanvas(inner) {
        var canvas = inner.querySelector('.main-manifesto-bitmap');
        if (!canvas) {
            canvas = document.createElement('canvas');
            canvas.className = 'main-manifesto-bitmap';
            canvas.setAttribute('aria-hidden', 'true');
            canvas.setAttribute('data-bitmap-version', VERSION);
            inner.insertBefore(canvas, inner.firstChild);
        }
        return canvas;
    }
 
    function render(inner, force) {
        var width;
        var source;
        var paragraphs;
        var flatLines = [];
        var titleWidth;
        var height;
        var canvas;
        var context;
        var y;
        var opticalShift;
 
        if (!inner || !inner.isConnected) return;
        width = Math.max(1, Math.floor(inner.clientWidth || inner.getBoundingClientRect().width || 0));
        if (width <= 1) {
            window.setTimeout(function () { schedule(inner, true); }, 60);
            return;
        }
        if (!force && Number(inner.getAttribute('data-bitmap-width')) === width && inner.classList.contains('is-bitmap-ready')) return;
 
        source = sourceContent(inner);
        if (!source.title || !source.paragraphs.length) {
            fail(inner, new Error('Manifesto source nodes were not found.'));
            return;
        }
 
        paragraphs = source.paragraphs.map(function (paragraph) {
            return wrapParagraph(paragraph, width).map(function (line) {
                var item = { text:line, width:measureText(line, BODY_SCALE, BODY_TRACKING) };
                flatLines.push(item);
                return item;
            });
        });
 
        titleWidth = measureText(source.title, TITLE_SCALE, TITLE_TRACKING);
        height = BODY_TOP;
        paragraphs.forEach(function (lines, index) {
            height += lines.length * BODY_LINE_HEIGHT;
            if (index < paragraphs.length - 1) height += PARAGRAPH_GAP;
        });
        height = Math.max(height, DIVIDER_Y + 2);
 
        canvas = ensureCanvas(inner);
        canvas.width = width;
        canvas.height = Math.ceil(height);
        canvas.style.width = width + 'px';
        canvas.style.height = Math.ceil(height) + 'px';
        context = canvas.getContext('2d', { alpha:true });
        if (!context) {
            fail(inner, new Error('Canvas 2D context is unavailable.'));
            return;
        }
        context.imageSmoothingEnabled = false;
        context.clearRect(0, 0, canvas.width, canvas.height);
 
        drawText(
            context,
            source.title,
            Math.round((width - titleWidth) / 2),
            0,
            TITLE_SCALE,
            TITLE_TRACKING,
            TITLE_COLOR
        );
 
        /* 완성형 구분선은 폐기했다. 실선 애니메이션은 ManifestoIntro만 담당한다. */
 
        opticalShift = calculateOpticalShift(flatLines, width);
        y = BODY_TOP;
        paragraphs.forEach(function (lines, paragraphIndex) {
            lines.forEach(function (line) {
                drawText(context, line.text, opticalShift, y, BODY_SCALE, BODY_TRACKING, BODY_COLOR);
                y += BODY_LINE_HEIGHT;
            });
            if (paragraphIndex < paragraphs.length - 1) y += PARAGRAPH_GAP;
        });
 
        inner.setAttribute('data-bitmap-width', String(width));
        inner.setAttribute('data-bitmap-optical-shift-x', String(opticalShift));
        inner.setAttribute('data-bitmap-state', 'ready');
        inner.classList.add('is-bitmap-ready');
    }
 
    function fail(inner, error) {
        if (!inner) return;
        inner.classList.remove('is-bitmap-ready');
        inner.setAttribute('data-bitmap-state', 'failed');
        inner.setAttribute('data-bitmap-error', String(error && error.message ? error.message : error));
        try { console.error('[MainPageBitmap]', error); } catch (ignore) {}
    }
 
    function schedule(inner, force) {
        if (!inner) return;
        window.requestAnimationFrame(function () {
            try { render(inner, force); }
            catch (error) { fail(inner, error); }
        });
    }
 
    function mount(root) {
        var scope = root && root.querySelectorAll ? root : document;
        var nodes = [];
        if (scope.matches && scope.matches(SELECTOR)) nodes.push(scope);
        nodes = nodes.concat(Array.prototype.slice.call(scope.querySelectorAll(SELECTOR)));
        nodes.forEach(function (inner) {
            if (resizeObserver && (!observed || !observed.has(inner))) {
                resizeObserver.observe(inner);
                if (observed) observed.add(inner);
            }
            schedule(inner, true);
        });
    }
 
    function recalculate() {
        Array.prototype.forEach.call(document.querySelectorAll(SELECTOR), function (inner) {
            schedule(inner, true);
        });
    }
 
    function boot() {
        mount(document);
        window.setTimeout(function () { mount(document); }, 120);
        window.setTimeout(function () { mount(document); }, 500);
    }
 
    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot, { once:true });
    else boot();
 
    window.addEventListener('resize', function () {
        window.clearTimeout(resizeTimer);
        resizeTimer = window.setTimeout(recalculate, 100);
    }, { passive:true });
 
    try {
        if (mw && mw.hook) {
            mw.hook('wikipage.content').add(function (content) {
                mount(content && content[0] ? content[0] : document);
            });
         }
         }
    } catch (ignoreHook) {}


        inFlightPageIds.add(pageId);
    window.MainPageBitmap = {
 
         version:VERSION,
         withApi(function (api) {
        recalculate:recalculate,
            api.postWithToken('csrf', {
        status:function () {
                action: 'progress_view',
            var inner = document.querySelector(SELECTOR);
                format: 'json',
            return inner ? {
                formatversion: 2,
                 integrated:true,
                errorformat: 'plaintext',
                 state:inner.getAttribute('data-bitmap-state') || 'pending',
                pageid: pageId
                 error:inner.getAttribute('data-bitmap-error') || '',
            }).then(function (data) {
                 width:inner.getAttribute('data-bitmap-width') || '',
                var payload = data && data.progress_view;
                 opticalShiftX:inner.getAttribute('data-bitmap-optical-shift-x') || '',
                if (!payload) return;
                 canvas:!!inner.querySelector('.main-manifesto-bitmap')
 
             } : { integrated:true, state:'not-mounted' };
                 handledPageIds.add(pageId);
 
                 var animate = hasXpNotification(payload.notifications);
 
                if (payload.summary) {
                    updatePanel(payload.summary, { animateGain: animate });
                 }
 
                if (payload.notifications && payload.notifications.length) {
                    queueNotifications(payload.notifications);
                 }
            }).catch(function () {
                 requestSummary();
            }).always(function () {
                 inFlightPageIds.delete(pageId);
            });
        }, function () {
            inFlightPageIds.delete(pageId);
             requestSummary();
        });
    }
 
    function bindVisibilitySync() {
        if (visibilityBound) return;
        visibilityBound = true;
 
        document.addEventListener('visibilitychange', function () {
            if (document.visibilityState === 'visible') {
                requestSummary();
            }
        });
    }
 
    function bootProgressSystem(reason) {
        ensurePanel();
        applyPendingSummaryIfPossible();
 
        if (isRewardableClientSide()) {
            handlePageView();
        } else {
            requestSummary();
         }
         }
    }
    function handleSpaPageView() {
        ensurePanel();
        applyPendingSummaryIfPossible();
        requestAnimationFrame(function () {
            setTimeout(function () {
                handlePageView();
            }, 80);
        });
    }
    function applySummary(summary, options) {
        updatePanel(summary, options || { animateGain: false });
    }
    window.ProgressSystemWebUi = {
        boot: bootProgressSystem,
        requestSummary: requestSummary,
        applySummary: applySummary,
        handlePageView: handlePageView,
        handleSpaPageView: handleSpaPageView,
        ensurePanel: ensurePanel
     };
     };


     $(function () {
     window.MainPageManifesto = window.MainPageManifesto || {};
        bindVisibilitySync();
     window.MainPageManifesto.recalculate = recalculate;
        bootProgressSystem('documentReady');
})(window, document, window.mw);
    });
 
     mw.hook('wikipage.content').add(function () {
        ensurePanel();
        applyPendingSummaryIfPossible();
    });
})(mediaWiki, jQuery);

2026년 7월 21일 (화) 12:29 기준 최신판

mw.loader.load('https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.13/cropper.min.js');

/* Raw MediaWiki script cache key.
   This is not a semantic version. It only prevents stale raw JS during active editing. */
window.CLBI_RAW_LOAD_BUST = 'portal-frame-section-fit-20260721-008';

/*
Raw script loads are tracked so the site boot gate can wait for real subsystem scripts
before releasing the normal surface.  The old prefixed load-bust variable remains for
compatibility only; new loader state uses unprefixed EntryScriptLoads/EntryRawScriptPromises.
*/
window.EntryScriptLoads = window.EntryScriptLoads || [];
window.EntryRawScriptPromises = window.EntryRawScriptPromises || {};
function buildEntryRawScriptUrl(key) {
    var url = '/index.php?title=' + encodeURIComponent(key) + '&action=raw&ctype=text/javascript';
    var token;
    var sep;

    try {
        if (window.RevisionManifest && typeof window.RevisionManifest.addRevisionParam === 'function') {
            url = window.RevisionManifest.addRevisionParam(url, key);
        }
        if (/[?&]_entryRev=/.test(url)) return url;
        token = window.RevisionManifest && typeof window.RevisionManifest.manifestToken === 'function' ? window.RevisionManifest.manifestToken('raw-script-fallback') : window.CLBI_RAW_LOAD_BUST;
    } catch (err) {
        token = window.CLBI_RAW_LOAD_BUST;
    }

    sep = url.indexOf('?') === -1 ? '?' : '&';
    return url + sep + 'v=' + encodeURIComponent(String(token || 'entry-raw'));
}

function loadClbiRawScript(title) {
    var key = String(title || '').trim();
    var promise;

    if (!key) return Promise.resolve(false);
    if (window.EntryRawScriptPromises[key]) return window.EntryRawScriptPromises[key];

    promise = Promise.resolve()
        .then(function () {
            if (window.RevisionManifest && typeof window.RevisionManifest.ensureLoaded === 'function') {
                return window.RevisionManifest.ensureLoaded();
            }
            return null;
        })
        .catch(function () { return null; })
        .then(function () {
            return new Promise(function (resolve) {
                var script = document.createElement('script');
                script.src = buildEntryRawScriptUrl(key);
                script.async = true;
                script.setAttribute('data-entry-raw-script', key);
                script.onload = function () { resolve({ title: key, ok: true, src: script.src }); };
                script.onerror = function () { resolve({ title: key, ok: false, src: script.src }); };
                (document.head || document.documentElement).appendChild(script);
            });
        });

    window.EntryRawScriptPromises[key] = promise;
    window.EntryScriptLoads.push(promise);
    return promise;
}


/* =========================================
Main-page fresh assets with fallback
========================================= */

/*
Common.css의 MainPage.css import는 안전망으로 그대로 유지한다.
대문에서는 새로고침마다 timestamp가 붙은 CSS/JS를 추가로 불러와
브라우저·프록시의 오래된 raw 응답을 우회한다.

이 보조 로더가 실패해도 기존 정적 import와 기존 화면은 남는다.
*/
window.MainPageFreshAssets = window.MainPageFreshAssets || (function (window, document, mw) {
    'use strict';

    var sessionToken = String(Date.now());
    var PORTAL_FRAME_BUILD = '20260721-portal-frame-section-fit-008';
    var ASSET_LOAD_TIMEOUT_MS = 5000;
    var scriptPromises = {};
    var styleNode = null;

    function isMainPage() {
        var page = '';
        try {
            page = String(mw && mw.config ? mw.config.get('wgPageName') || '' : '');
        } catch (err) {}
        return page.replace(/_/g, ' ') === '대문';
    }

    function rawUrl(title, type) {
        var ctype = type === 'style' ? 'text/css' : 'text/javascript';
        return '/index.php?title=' + encodeURIComponent(title) +
            '&action=raw&ctype=' + encodeURIComponent(ctype) +
            '&_mainPageFresh=' + encodeURIComponent(sessionToken);
    }

    function loadStyle() {
        if (!isMainPage()) return Promise.resolve(false);

        if (styleNode && styleNode.parentNode) {
            return Promise.resolve(true);
        }

        return new Promise(function (resolve) {
            var link = document.createElement('link');
            var settled = false;
            var timeout = 0;

            function settle(ok) {
                if (settled) return;
                settled = true;
                window.clearTimeout(timeout);
                resolve(ok);
            }

            link.rel = 'stylesheet';
            link.href = rawUrl('MediaWiki:MainPage.css', 'style');
            link.setAttribute('data-main-page-fresh-style', sessionToken);
            link.onload = function () {
                styleNode = link;
                settle(true);
            };
            link.onerror = function () {
                /* Common.css의 정적 import가 그대로 남아 있으므로 화면은 유지된다. */
                settle(false);
            };
            timeout = window.setTimeout(function () { settle(false); }, ASSET_LOAD_TIMEOUT_MS);
            (document.head || document.documentElement).appendChild(link);
        });
    }

    function loadScript(title) {
        var key = String(title || '').trim();

        if (!key || !isMainPage()) return Promise.resolve(false);
        if (scriptPromises[key]) return scriptPromises[key];

        scriptPromises[key] = new Promise(function (resolve) {
            var script = document.createElement('script');
            var settled = false;
            var timeout = 0;

            function settle(ok) {
                if (settled) return;
                settled = true;
                window.clearTimeout(timeout);
                resolve(ok);
            }

            script.src = rawUrl(key, 'script');
            script.async = false;
            script.setAttribute('data-main-page-fresh-script', key);
            script.onload = function () { settle(true); };
            script.onerror = function () { settle(false); };
            timeout = window.setTimeout(function () {
                if (script.parentNode) script.parentNode.removeChild(script);
                settle(false);
            }, ASSET_LOAD_TIMEOUT_MS);
            (document.head || document.documentElement).appendChild(script);
        });

        return scriptPromises[key];
    }

    function validatePortalFrameSet() {
        var modules = [
            ['PortalFrame', window.PortalFrame],
            ['CategoryNav', window.CategoryNav],
            ['CategoryPillar', window.CategoryPillar],
            ['PortalSectionNav', window.PortalSectionNav],
            ['BottomGuideNav', window.BottomGuideNav]
        ];
        var mismatches = modules.filter(function (entry) {
            var module = entry[1];
            var version = module && (module.frameVersion || module.version);
            return version !== PORTAL_FRAME_BUILD;
        });

        document.documentElement.toggleAttribute(
            'data-portal-frame-build-mismatch',
            mismatches.length > 0
        );
        document.documentElement.setAttribute('data-portal-frame-build', PORTAL_FRAME_BUILD);

        if (mismatches.length && window.console && typeof window.console.error === 'function') {
            window.console.error(
                '[PortalFrame] 원자적 배포 세트의 버전이 일치하지 않습니다:',
                mismatches.map(function (entry) { return entry[0]; }).join(', ')
            );
        }
        return mismatches.length === 0;
    }

    function ensure() {
        if (!isMainPage()) return Promise.resolve(false);

        return loadStyle()
            .then(function () {
                return loadScript('MediaWiki:CategoryNav.js');
            })
            .then(function () {
                return loadScript('MediaWiki:CategoryPillar.js');
            })
            .then(function () {
                return loadScript('MediaWiki:PortalSectionNav.js');
            })
            .then(function () {
                return loadScript('MediaWiki:BottomGuideNav.js');
            })
            .then(function () {
                validatePortalFrameSet();
                if (window.CategoryNav && typeof window.CategoryNav.renderAll === 'function') {
                    window.CategoryNav.renderAll(document);
                }
                if (window.CategoryPillar && typeof window.CategoryPillar.renderAll === 'function') {
                    window.CategoryPillar.renderAll(document);
                }
                if (window.PortalSectionNav && typeof window.PortalSectionNav.renderAll === 'function') {
                    window.PortalSectionNav.renderAll(document);
                }
                if (window.BottomGuideNav && typeof window.BottomGuideNav.render === 'function') {
                    window.BottomGuideNav.render();
                }
                return true;
            });
    }

    function status() {
        return {
            mainPage: isMainPage(),
            token: sessionToken,
            style: !!document.querySelector('link[data-main-page-fresh-style]'),
            category: !!document.querySelector(
                'script[data-main-page-fresh-script="MediaWiki:CategoryNav.js"]'
            ),
            pillar: !!document.querySelector(
                'script[data-main-page-fresh-script="MediaWiki:CategoryPillar.js"]'
            ),
            section: !!document.querySelector(
                'script[data-main-page-fresh-script="MediaWiki:PortalSectionNav.js"]'
            ),
            guide: !!document.querySelector(
                'script[data-main-page-fresh-script="MediaWiki:BottomGuideNav.js"]'
            ),
            frameBuild: PORTAL_FRAME_BUILD,
            frameConsistent: validatePortalFrameSet()
        };
    }

    if (mw && mw.hook) {
        mw.hook('wikipage.content').add(function () {
            ensure();
        });
    }

    window.setTimeout(ensure, 0);

    return {
        ensure: ensure,
        status: status
    };
}(window, document, window.mw));


/* =========================================
   Account access page marker
   =========================================
   New shared systems use unprefixed names.  The server body class differs
   between skins/locales, so the canonical special-page name is normalized
   once and exposed as a stable page-state class for the login surface.
*/
(function markAccountLoginPage(window, document) {
    'use strict';

    var canonical = '';
    var pageName = '';
    var isLoginPage = false;

    try {
        canonical = String(window.mw && mw.config ? mw.config.get('wgCanonicalSpecialPageName') || '' : '').toLowerCase();
        pageName = String(window.mw && mw.config ? mw.config.get('wgPageName') || '' : '').replace(/_/g, ' ').toLowerCase();
    } catch (err) {}

    isLoginPage = canonical === 'userlogin' || /^(?:special|특수):(?:userlogin|로그인)$/.test(pageName);
    if (!isLoginPage) return;

    document.documentElement.classList.add('account-login-page-root');

    function isCreateAccountTarget(link) {
        var href = '';
        var title = '';
        var text = '';
        var sample = '';

        if (!link) return false;
        href = String(link.getAttribute('href') || '');
        title = String(link.getAttribute('title') || '');
        text = String(link.textContent || '');
        try { href = decodeURIComponent(href); } catch (err) {}
        sample = (href + ' ' + title + ' ' + text).replace(/_/g, ' ').toLowerCase();
        return /(?:special|특수)\s*[:%]\s*(?:createaccount|계정\s*(?:만들기|생성))|createaccount|계정\s*(?:만들기|생성)/i.test(sample);
    }

    function suppressCreateAccountSurface(root) {
        var scope = root && root.querySelectorAll ? root : document;
        var fixedSelectors = [
            '.mw-createacct-benefits-container',
            '.mw-createacct-benefits-list',
            '.mw-createaccount-cta',
            '.mw-createaccount-join',
            '#mw-createaccount-join',
            '.mw-userlogin-create'
        ];

        fixedSelectors.forEach(function (selector) {
            Array.prototype.forEach.call(scope.querySelectorAll(selector), function (node) {
                node.style.setProperty('display', 'none', 'important');
                node.setAttribute('aria-hidden', 'true');
            });
        });

        Array.prototype.forEach.call(scope.querySelectorAll('a[href]'), function (link) {
            var container;
            if (!isCreateAccountTarget(link)) return;

            link.style.setProperty('display', 'none', 'important');
            link.setAttribute('aria-hidden', 'true');
            link.setAttribute('tabindex', '-1');

            container = link.closest('.mw-ui-vform-field, .oo-ui-fieldLayout, .mw-userlogin-create, p, li');
            if (container && container.querySelectorAll('a').length === 1) {
                container.style.setProperty('display', 'none', 'important');
                container.setAttribute('aria-hidden', 'true');
            }
        });
    }

    function applyMarker() {
        if (!document.body) return;
        document.body.classList.add('account-login-page');
        suppressCreateAccountSurface(document);
    }

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', applyMarker, { once: true });
    } else {
        applyMarker();
    }

    try {
        if (window.mw && mw.hook) {
            mw.hook('wikipage.content').add(function (content) {
                suppressCreateAccountSurface(content && content[0] ? content[0] : document);
            });
        }
    } catch (err) {}
})(window, document);

/* =========================================
   Boot gate prelude
   =========================================
   This tiny prelude runs before the full EntryStore/EntryLoader/BootGate implementation.
   Its job is only to guarantee that the user sees the separate loading surface before the
   normal wiki shell can paint.  The full BootGate later adopts the same DOM node and keeps
   it open until the real full-entry readiness contract is satisfied.

   Maintenance rule:
   - Do not move first-screen hiding into a late subsystem callback.  If the boot gate is
     meant to protect the first impression, the surface must be activated before sidebars,
     navbars, document wells, nations panels, or other entry surfaces can visibly fill in.
   - New names remain unprefixed.  Existing prefixed names elsewhere are legacy aliases only.
*/
(function installBootGatePrelude(window, document) {
    'use strict';

    var SCREEN_ID = 'boot-gate-screen';
    var STYLE_ID = 'boot-gate-prelude-style';
    var START_TIME = Date.now ? Date.now() : new Date().getTime();
    function hasQueryFlag(name, value) {
        var search = String(window.location && window.location.search || '');
        var re = new RegExp('[?&]' + name + '=([^&]+)');
        var match = search.match(re);
        return !!(match && decodeURIComponent(match[1]) === value);
    }

    function getMwConfig(name, fallback) {
        try {
            if (window.mw && window.mw.config && typeof window.mw.config.get === 'function') {
                var value = window.mw.config.get(name);
                return value == null ? fallback : value;
            }
        } catch (err) {}
        return fallback;
    }

    function normalizePageName(value) {
        return String(value || '').split('?')[0].replace(/^\/index\.php\//, '').replace(/_/g, ' ').trim();
    }

    function isDeveloperOrEditingPage() {
        var ns = Number(getMwConfig('wgNamespaceNumber', NaN));
        var action = String(getMwConfig('wgAction', 'view') || 'view').toLowerCase();
        var model = String(getMwConfig('wgPageContentModel', '') || '').toLowerCase();
        var name = normalizePageName(getMwConfig('wgPageName', '') || window.location.pathname || '');
        var systemNamespaces = {
            '-1': true, '4': true, '5': true, '6': true, '7': true, '8': true, '9': true,
            '10': true, '11': true, '12': true, '13': true, '14': true, '15': true,
            '828': true, '829': true
        };

        /*
         * Developer/system pages must stay practical.  Editing MediaWiki:, File:,
         * Project:, Template:, Module:, Category:, or any non-view action already forces
         * a full page load in MediaWiki, so showing the entry boot screen there only slows
         * maintenance work and does not improve the public first impression.
         */
        if (hasQueryFlag('bootGatePreview', '1')) return false;
        if (action && action !== 'view') return true;
        if (systemNamespaces[String(ns)]) return true;
        if (model === 'css' || model === 'javascript' || model === 'json' || model === 'sanitized-css') return true;
        if (/\.(?:css|js|json)$/i.test(name)) return true;
        if (/^(?:mediawiki|미디어위키|file|파일|project|프로젝트|template|틀|module|모듈|category|분류|special|특수):/i.test(name)) return true;
        return false;
    }

    function isAnonymousUser() {
        var userName = getMwConfig('wgUserName', null);
        var userId = Number(getMwConfig('wgUserId', 0) || 0);
        return !userName && !userId;
    }

    function isAuthenticationPage() {
        var canonical = String(getMwConfig('wgCanonicalSpecialPageName', '') || '').toLowerCase();
        var name = normalizePageName(getMwConfig('wgPageName', '') || window.location.pathname || '').toLowerCase();
        var allowed = {
            userlogin: true,
            passwordreset: true,
            resetpass: true,
            confirmemail: true
        };

        if (allowed[canonical]) return true;
        return /^(?:special|특수):(?:userlogin|로그인|passwordreset|비밀번호 ?재설정|resetpass|confirmemail)/i.test(name);
    }

    var anonymousUser = isAnonymousUser();
    var disabled = isAuthenticationPage() || (!anonymousUser && (hasQueryFlag('bootGate', '0') || isDeveloperOrEditingPage()));

    function injectStyle() {
        var style;
        if (disabled || document.getElementById(STYLE_ID)) return;
        style = document.createElement('style');
        style.id = STYLE_ID;
        style.textContent = [
            'html.boot-gate-active,body.boot-gate-active{overflow:hidden!important;}',
            'html.boot-gate-active body{background:#080808!important;}',
            'html.boot-gate-active body>:not(#boot-gate-screen){visibility:hidden!important;pointer-events:none!important;}',
            'html.boot-gate-active #boot-gate-screen,html.boot-gate-active #boot-gate-screen *{visibility:visible!important;}',
            '#boot-gate-screen{position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#080808!important;color:#d8d8d8!important;opacity:1;pointer-events:auto!important;}',
            '#boot-gate-screen .boot-gate-decoration-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;}',
            '#boot-gate-screen .boot-gate-panel{position:relative;z-index:2;}',
            '#boot-gate-screen .boot-gate-close{display:none;position:absolute;right:7px;top:6px;z-index:3;height:18px;min-width:18px;border:1px solid #000;background:#141414;color:#ddd;font-size:11px;line-height:16px;padding:0 5px;cursor:pointer;}',
            '#boot-gate-screen.is-preview{inset:auto!important;left:18px!important;top:18px!important;width:min(720px,calc(100vw - 380px))!important;height:360px!important;z-index:99990!important;overflow:hidden!important;border:1px solid #000!important;box-shadow:0 10px 28px rgba(0,0,0,.55)!important;pointer-events:none!important;}',
            '#boot-gate-screen.is-preview .boot-gate-panel,#boot-gate-screen.is-preview .boot-gate-close{pointer-events:auto!important;}',
            '#boot-gate-screen.is-preview .boot-gate-close{display:block;}'
        ].join('');
        (document.head || document.documentElement).appendChild(style);
    }

    function activate() {
        if (disabled) return;
        injectStyle();
        if (document.documentElement) document.documentElement.classList.add('boot-gate-active');
        if (document.body) document.body.classList.add('boot-gate-active');
    }

    function makeNode() {
        var node;
        var panel;
        var title;
        var status;
        var meter;
        var fill;
        var progress;
        var detail;
        var decoLayer;
        var close;

        if (disabled || !document.body) return null;
        activate();

        node = document.getElementById(SCREEN_ID);
        if (node) return node;

        node = document.createElement('div');
        node.id = SCREEN_ID;
        node.className = 'boot-gate-screen is-active';
        node.setAttribute('role', 'status');
        node.setAttribute('aria-live', 'polite');
        node.setAttribute('data-boot-gate-prelude', '1');

        panel = document.createElement('div');
        panel.className = 'boot-gate-panel';

        title = document.createElement('div');
        title.className = 'boot-gate-title';
        title.textContent = 'ARCHIVE INITIALIZATION';

        status = document.createElement('div');
        status.className = 'boot-gate-status';
        status.textContent = 'Preparing site entry systems';

        meter = document.createElement('div');
        meter.className = 'boot-gate-meter';
        fill = document.createElement('div');
        fill.className = 'boot-gate-meter-fill';
        meter.appendChild(fill);

        progress = document.createElement('div');
        progress.className = 'boot-gate-progress';
        progress.textContent = '0%';

        detail = document.createElement('div');
        detail.className = 'boot-gate-detail';
        detail.textContent = 'boot gate prelude';

        close = document.createElement('button');
        close.type = 'button';
        close.className = 'boot-gate-close';
        close.setAttribute('aria-label', 'Close boot preview');
        close.textContent = '×';
        close.addEventListener('click', function () { release(node); });

        decoLayer = document.createElement('div');
        decoLayer.className = 'boot-gate-decoration-layer';
        decoLayer.setAttribute('data-decoration-target', 'boot-gate');
        decoLayer.setAttribute('aria-hidden', 'true');

        panel.appendChild(title);
        panel.appendChild(status);
        panel.appendChild(meter);
        panel.appendChild(progress);
        panel.appendChild(detail);
        node.appendChild(decoLayer);
        node.appendChild(panel);
        node.appendChild(close);

        document.body.insertBefore(node, document.body.firstChild || null);
        return node;
    }

    function onBody(callback) {
        if (document.body) {
            callback();
            return;
        }
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', callback, { once: true });
        }
        window.setTimeout(function tick() {
            if (document.body) return callback();
            window.setTimeout(tick, 10);
        }, 0);
    }

    function release(node) {
        node = node || document.getElementById(SCREEN_ID);
        if (node) {
            node.classList.add('is-complete');
            node.classList.remove('is-active');
            window.setTimeout(function () {
                if (node.parentNode) node.parentNode.removeChild(node);
            }, 240);
        }
        window.setTimeout(function () {
            if (document.documentElement) document.documentElement.classList.remove('boot-gate-active');
            if (document.body) document.body.classList.remove('boot-gate-active');
        }, 250);
    }

    activate();
    onBody(function () {
        activate();
        makeNode();
    });

    window.__BootGatePrelude = {
        startTime: START_TIME,
        activate: activate,
        ensure: makeNode,
        release: release,
        node: function () { return document.getElementById(SCREEN_ID); },
        disabled: disabled
    };
})(window, document);

/* =========================================
   Site boot gate and entry artifact contract
   =========================================
   This is the initial-load full/half entry artifact system.

   Purpose:
   - The loading screen is not decorative. It exists only during the first site entry in a
     tab, before the user is allowed into the normal wiki surface.
   - A "full" entry must mean that the first view of that system can appear without an
     additional visible data load. For the nations system, the 1950 entry is full only when
     its nation list/link-map data and first-view pixel decorations are ready in this tab.
   - A "half" entry is a predictive warm state for the next likely path. It may fetch and
     parse data, but may skip expensive final work such as image/canvas preparation until it
     is promoted to full.
   - This principle is a site-wide design priority, like SPA continuity. New viewers,
     document systems, and information panels should define their entry full/half packs
     before exposing a first screen that can visibly fill in later.
   - SPA navigation is a consumer phase, not a blocking phase.  Do not add BootGate holds
     to SPA route changes.  If a route needs seamless first paint, prepare its artifacts
     during the initial boot pack and have the subsystem consume EntryStore synchronously
     before inserting or painting visible DOM.

   Naming rule:
   - New public APIs, globals, classes, functions, files, and components must not use a
     project prefix. Old prefixed globals are legacy compatibility surfaces only.
   - New code should use names such as BootGate, EntryLoader, EntryStore, and boot-gate-*.
*/
(function (window, document, mw) {
    'use strict';

    var MANIFEST_TITLE = 'MediaWiki:EntryManifest.json';
    var BUILD_ID = '20260711-existing-account-login-001';
    var deferredEntryWarmups = [];
    var READY_KEY = 'boot-gate-ready-version';
    var DISMISS_PARAM = 'bootGate';
    var bootStarted = false;
    var bootPromise = null;
    var bootNode = null;
    var bootStatusNode = null;
    var bootProgressNode = null;
    var bootDetailNode = null;
    var bootFillNode = null;
    var bootStartTime = 0;
    var earlyBootStyleInjected = false;
    var loginGateLocked = false;
    var loginGateActionNode = null;

    function hasQueryFlag(name, value) {
        var search = String(window.location && window.location.search || '');
        var re = new RegExp('[?&]' + name + '=([^&]+)');
        var match = search.match(re);
        return !!(match && decodeURIComponent(match[1]) === value);
    }

    function readConfig(name, fallback) {
        try {
            if (mw && mw.config && typeof mw.config.get === 'function') {
                var value = mw.config.get(name);
                return value == null ? fallback : value;
            }
        } catch (err) {}
        return fallback;
    }

    function normalizeBootPageName(value) {
        return String(value || '').split('?')[0].replace(/^\/index\.php\//, '').replace(/_/g, ' ').trim();
    }

    function isCreateAccountPage() {
        var canonical = String(readConfig('wgCanonicalSpecialPageName', '') || '').toLowerCase();
        var name = normalizeBootPageName(readConfig('wgPageName', '') || window.location.pathname || '').toLowerCase();
        return canonical === 'createaccount' || /^(?:special|특수):(?:createaccount|계정 ?(?:만들기|생성))/i.test(name);
    }

    function isAnonymousUser() {
        var userName = readConfig('wgUserName', null);
        var userId = Number(readConfig('wgUserId', 0) || 0);
        return !userName && !userId;
    }

    function isAuthenticationPage() {
        var canonical = String(readConfig('wgCanonicalSpecialPageName', '') || '').toLowerCase();
        var name = normalizeBootPageName(readConfig('wgPageName', '') || window.location.pathname || '').toLowerCase();
        var allowed = {
            userlogin: true,
            passwordreset: true,
            resetpass: true,
            confirmemail: true
        };

        if (allowed[canonical]) return true;
        return /^(?:special|특수):(?:userlogin|로그인|passwordreset|비밀번호 ?재설정|resetpass|confirmemail)/i.test(name);
    }

    function requiresLoginGate() {
        return isAnonymousUser() && !isAuthenticationPage();
    }

    function isBootExcludedPage() {
        var ns = Number(readConfig('wgNamespaceNumber', NaN));
        var action = String(readConfig('wgAction', 'view') || 'view').toLowerCase();
        var model = String(readConfig('wgPageContentModel', '') || '').toLowerCase();
        var name = normalizeBootPageName(readConfig('wgPageName', '') || window.location.pathname || '');
        var systemNamespaces = {
            '-1': true, '4': true, '5': true, '6': true, '7': true, '8': true, '9': true,
            '10': true, '11': true, '12': true, '13': true, '14': true, '15': true,
            '828': true, '829': true
        };

        /*
         * The public boot gate is for normal reading surfaces.  Developer/system
         * namespaces and edit/diff/history actions already reload outside SPA, so
         * blocking them would turn every maintenance save into another entry boot.
         */
        if (hasQueryFlag('bootGatePreview', '1')) return false;
        if (action && action !== 'view') return true;
        if (systemNamespaces[String(ns)]) return true;
        if (model === 'css' || model === 'javascript' || model === 'json' || model === 'sanitized-css') return true;
        if (/\.(?:css|js|json)$/i.test(name)) return true;
        if (/^(?:mediawiki|미디어위키|file|파일|project|프로젝트|template|틀|module|모듈|category|분류|special|특수):/i.test(name)) return true;
        return false;
    }

    var LOGIN_REQUIRED = requiresLoginGate();
    var BOOT_EXCLUDED_PAGE = isBootExcludedPage() && !LOGIN_REQUIRED;

    function injectEarlyBootStyle() {
        var style;
        if (earlyBootStyleInjected || !document.documentElement) return;
        earlyBootStyleInjected = true;
        style = document.createElement('style');
        style.id = 'boot-gate-early-style';
        style.textContent = [
            'html.boot-gate-active, body.boot-gate-active{overflow:hidden!important;}',
            'html.boot-gate-active body{background:#080808!important;}',
            'html.boot-gate-active body> :not(#boot-gate-screen){visibility:hidden!important;pointer-events:none!important;}',
            'html.boot-gate-active #boot-gate-screen,html.boot-gate-active #boot-gate-screen *{visibility:visible!important;}'
        ].join('');
        (document.head || document.documentElement).appendChild(style);
    }

    function activateBootSurface() {
        injectEarlyBootStyle();
        if (document.documentElement) document.documentElement.classList.add('boot-gate-active');
        if (document.body) document.body.classList.add('boot-gate-active');
    }

    if (!BOOT_EXCLUDED_PAGE) activateBootSurface();
    else if (window.__BootGatePrelude && window.__BootGatePrelude.release) window.__BootGatePrelude.release();

    var defaultManifest = {
        version: '20260710-globe-vhs-restore-entry-001',
        boot: {
            minDisplayMs: 950,
            cachedMinDisplayMs: 350,
            maxBlockingMs: 15000
        },
        initial: {
            full: [
                {
                    id: 'decorations-registry',
                    label: 'DECORATION REGISTRY',
                    type: 'decorations',
                    ref: 'MediaWiki:Decorations.json',
                    page: '시대',
                    era: '1950',
                    preparePixels: true
                },
                {
                    id: 'nations-1950-entry',
                    label: '1950 ERA ENTRY',
                    type: 'nations-era',
                    era: '1950',
                    level: 'full'
                }
            ],
            half: [
                {
                    id: 'nations-1960-half',
                    label: '1960 ERA HALF',
                    type: 'nations-era',
                    era: '1960',
                    level: 'half'
                }
            ]
        }
    };

    function now() {
        return Date.now ? Date.now() : new Date().getTime();
    }


    var BootPerf = window.BootPerf = window.BootPerf || (function () {
        var t0 = now();
        var entries = [];
        var active = {};
        var seq = 0;

        function cloneMeta(meta) {
            var out = {};
            Object.keys(meta || {}).forEach(function (key) {
                var value = meta[key];
                if (value == null) return;
                if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') out[key] = value;
                else {
                    try { out[key] = JSON.parse(JSON.stringify(value)); }
                    catch (err) { out[key] = String(value); }
                }
            });
            return out;
        }

        function start(name, meta) {
            var id = String(++seq);
            active[id] = { id: id, name: String(name || 'entry'), start: now(), meta: cloneMeta(meta) };
            return id;
        }

        function end(id, meta) {
            var item = active[id];
            var ended = now();
            if (!item) return null;
            delete active[id];
            item.end = ended;
            item.ms = ended - item.start;
            item.offset = item.start - t0;
            item.meta = Object.assign({}, item.meta || {}, cloneMeta(meta));
            entries.push(item);
            return item;
        }

        function instant(name, meta) {
            var t = now();
            entries.push({ id: String(++seq), name: String(name || 'mark'), start: t, end: t, ms: 0, offset: t - t0, meta: cloneMeta(meta) });
        }

        function measure(name, meta, fn) {
            var id = start(name, meta);
            try {
                return Promise.resolve(fn()).then(function (value) {
                    end(id, { ok: true });
                    return value;
                }, function (err) {
                    end(id, { ok: false, error: err && (err.message || String(err)) });
                    throw err;
                });
            } catch (err) {
                end(id, { ok: false, error: err && (err.message || String(err)) });
                return Promise.reject(err);
            }
        }

        function rows() {
            return entries.slice().sort(function (a, b) { return a.start - b.start; }).map(function (item) {
                return {
                    offset: item.offset,
                    ms: item.ms,
                    name: item.name,
                    meta: item.meta || {}
                };
            });
        }

        function summary() {
            var list = rows();
            var total = list.reduce(function (max, item) { return Math.max(max, item.offset + item.ms); }, 0);
            return {
                build: BUILD_ID,
                startedAt: t0,
                totalMs: total,
                entries: list,
                active: Object.keys(active).map(function (id) { return active[id]; })
            };
        }

        function print() {
            var list = rows();
            if (!window.console || !console.log) return summary();
            try {
                console.groupCollapsed('[BootPerf] entry loading timeline · ' + BUILD_ID);
                if (console.table) console.table(list.map(function (item) {
                    return {
                        offset: item.offset + 'ms',
                        duration: item.ms + 'ms',
                        name: item.name,
                        detail: JSON.stringify(item.meta || {})
                    };
                }));
                else list.forEach(function (item) { console.log(item.offset + 'ms', item.ms + 'ms', item.name, item.meta || {}); });
                console.groupEnd();
            } catch (err) {}
            return summary();
        }

        return {
            start: start,
            end: end,
            mark: instant,
            measure: measure,
            rows: rows,
            summary: summary,
            print: print
        };
    }());


    var InteractionPerf = window.InteractionPerf = window.InteractionPerf || (function () {
        var BUILD = '20260710-interaction-perf-instrument-001';
        var t0 = (window.performance && performance.now ? performance.now() : now());
        var entries = [];
        var active = {};
        var seq = 0;
        var maxEntries = 1600;

        function perfNow() {
            return window.performance && performance.now ? performance.now() : now();
        }

        function cloneMeta(meta) {
            var out = {};
            Object.keys(meta || {}).forEach(function (key) {
                var value = meta[key];
                if (value == null) return;
                if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') out[key] = value;
                else {
                    try { out[key] = JSON.parse(JSON.stringify(value)); }
                    catch (err) { out[key] = String(value); }
                }
            });
            return out;
        }

        function push(entry) {
            entries.push(entry);
            if (entries.length > maxEntries) entries.splice(0, entries.length - maxEntries);
            return entry;
        }

        function start(name, meta) {
            var id = String(++seq);
            active[id] = { id: id, name: String(name || 'interaction'), start: perfNow(), meta: cloneMeta(meta) };
            return id;
        }

        function end(id, meta) {
            var item = active[id];
            var ended = perfNow();
            if (!item) return null;
            delete active[id];
            item.end = ended;
            item.ms = Math.round((ended - item.start) * 100) / 100;
            item.offset = Math.round((item.start - t0) * 100) / 100;
            item.meta = Object.assign({}, item.meta || {}, cloneMeta(meta));
            return push(item);
        }

        function mark(name, meta) {
            var t = perfNow();
            return push({ id: String(++seq), name: String(name || 'mark'), start: t, end: t, ms: 0, offset: Math.round((t - t0) * 100) / 100, meta: cloneMeta(meta) });
        }

        function measureSync(name, meta, fn) {
            var id = start(name, meta);
            try {
                var value = fn();
                end(id, { ok: true });
                return value;
            } catch (err) {
                end(id, { ok: false, error: err && (err.message || String(err)) || String(err) });
                throw err;
            }
        }

        function measureAsync(name, meta, fn) {
            var id = start(name, meta);
            try {
                return Promise.resolve(fn()).then(function (value) {
                    end(id, { ok: true });
                    return value;
                }, function (err) {
                    end(id, { ok: false, error: err && (err.message || String(err)) || String(err) });
                    throw err;
                });
            } catch (err) {
                end(id, { ok: false, error: err && (err.message || String(err)) || String(err) });
                return Promise.reject(err);
            }
        }

        function summary() {
            return {
                build: BUILD,
                startedAt: t0,
                totalMs: Math.round((perfNow() - t0) * 100) / 100,
                entries: entries.slice().sort(function (a, b) {
                    if (a.offset !== b.offset) return a.offset - b.offset;
                    return b.ms - a.ms;
                }),
                active: Object.keys(active).map(function (id) {
                    var item = active[id];
                    return { offset: Math.round((item.start - t0) * 100) / 100, ms: Math.round((perfNow() - item.start) * 100) / 100, name: item.name, meta: item.meta || {} };
                })
            };
        }

        function table() {
            var data = summary().entries.map(function (entry) {
                return { offset: entry.offset, ms: entry.ms, name: entry.name, meta: entry.meta };
            });
            if (window.console && console.table) console.table(data);
            return data;
        }

        try {
            if (window.PerformanceObserver && !window.CLBI_InteractionLongTaskObserverBound) {
                window.CLBI_InteractionLongTaskObserverBound = true;
                new PerformanceObserver(function (list) {
                    list.getEntries().forEach(function (entry) {
                        mark('browser long task', {
                            ms: Math.round(entry.duration * 100) / 100,
                            start: Math.round(entry.startTime * 100) / 100,
                            attribution: entry.attribution && entry.attribution.length ? entry.attribution.length : 0
                        });
                    });
                }).observe({ entryTypes: ['longtask'] });
            }
        } catch (ignoreLongTaskObserver) {}

        return {
            build: BUILD,
            start: start,
            end: end,
            mark: mark,
            measureSync: measureSync,
            measureAsync: measureAsync,
            summary: summary,
            table: table
        };
    }());

    function toArray(value) {
        return Array.prototype.slice.call(value || []);
    }

    function unique(list) {
        var seen = {};
        var out = [];
        (list || []).forEach(function (item) {
            item = String(item || '').trim();
            if (!item || seen[item]) return;
            seen[item] = true;
            out.push(item);
        });
        return out;
    }

    function hasBootParam(value) {
        var search = String(window.location && window.location.search || '');
        var re = new RegExp('[?&]' + DISMISS_PARAM + '=([^&]+)');
        var match = search.match(re);
        return match && decodeURIComponent(match[1]) === value;
    }

    function normalizeTitle(value) {
        return String(value || '')
            .split('#')[0]
            .replace(/_/g, ' ')
            .trim();
    }

    function extractTitleFromUrl(value) {
        var text = String(value || '');
        var match = text.match(/[?&]title=([^&]+)/i);
        if (match) return normalizeTitle(decodeURIComponent(match[1].replace(/\+/g, ' ')));
        return '';
    }

    function normalizeRefKey(ref) {
        var text = String(ref || '').trim();
        var title;
        if (!text) return '';
        title = extractTitleFromUrl(text);
        if (title) return 'title:' + title.toLowerCase();
        if (text.indexOf('/') === -1 && text.indexOf(':') !== -1) return 'title:' + normalizeTitle(text).toLowerCase();
        return 'url:' + text;
    }

    function rawUrlForRef(ref, ctype) {
        var text = String(ref || '').trim();
        var title;
        if (!text) return '';
        if (/^(?:https?:)?\/\//i.test(text) || text.charAt(0) === '/') return text;
        title = normalizeTitle(text.indexOf(':') !== -1 ? text : ('MediaWiki:' + text));
        if (mw && mw.util && typeof mw.util.getUrl === 'function') {
            return mw.util.getUrl(title, { action: 'raw', ctype: ctype || 'application/json' });
        }
        return '/index.php?title=' + encodeURIComponent(title) + '&action=raw&ctype=' + encodeURIComponent(ctype || 'application/json');
    }

    function getApiEndpoint() {
        return (mw && mw.util && typeof mw.util.wikiScript === 'function') ? mw.util.wikiScript('api') : '/api.php';
    }

    function fetchApi(params) {
        var body = new URLSearchParams();
        Object.keys(params || {}).forEach(function (key) {
            body.append(key, params[key]);
        });
        return fetch(getApiEndpoint(), {
            method: 'POST',
            credentials: 'same-origin',
            headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
            body: body.toString()
        }).then(function (res) {
            if (!res.ok) throw new Error('HTTP ' + res.status);
            return res.json();
        });
    }


    /* =========================================
       Revision manifest and persistent entry cache
       =========================================
       The first boot still prepares current-tab artifacts, but freshness is not guessed from
       filenames or old localStorage flags.  The client reads a tiny server-side current-state
       manifest, compares page revisions / file sha1 values, and only keeps cached raw resources
       whose revision token still matches the server.  The manifest is a latest-state table, not
       an append-only client log.
    */
    var REVISION_MANIFEST_ACTION = 'entryrevisionmanifest';
    var REVISION_MANIFEST_LOCAL_KEY = 'entry-revision-manifest-current-v1';
    var REVISION_MANIFEST_PRUNE_LOCAL_KEY = 'entry-revision-manifest-last-client-prune-v1';
    var ENTRY_CACHE_NAME = 'entry-cache-v1';
    var ENTRY_CACHE_INDEX_KEY = 'entry-cache-index-v1';
    var ENTRY_CACHE_REQUEST_PREFIX = '/__entry-cache__/';
    var ENTRY_CACHE_PACK_KEY = 'entry-cache-pack-state-v1';

    function hasCacheStorage() {
        return !!(window.caches && typeof window.caches.open === 'function');
    }

    function safeJsonParse(text, fallback) {
        try { return JSON.parse(text); } catch (err) { return fallback; }
    }

    function readLocalJson(key, fallback) {
        try {
            var text = window.localStorage ? window.localStorage.getItem(key) : null;
            return text ? safeJsonParse(text, fallback) : fallback;
        } catch (err) {
            return fallback;
        }
    }

    function writeLocalJson(key, value) {
        try {
            if (window.localStorage) window.localStorage.setItem(key, JSON.stringify(value));
        } catch (err) {}
    }

    function normalizeManifestTitle(value) {
        var text = String(value || '').trim();
        var match;
        var i;
        if (!text) return '';
        for (i = 0; i < 3; i += 1) {
            try {
                if (/%[0-9a-f]{2}/i.test(text)) text = decodeURIComponent(text);
            } catch (err) { break; }
        }
        match = text.match(/[?&]title=([^&#]+)/i);
        if (match) text = match[1];
        text = text.replace(/^https?:\/\/[^/]+/i, '')
            .replace(/^\/+/, '')
            .replace(/^index\.php\/?/i, '')
            .replace(/^wiki\/?/i, '')
            .trim();
        match = text.match(/(?:^|\/)(?:(?:Special|특수)\s*[:/]\s*)?(?:Redirect|넘겨주기)\s*\/\s*file\s*\/([^?#]+)(?:[?#].*)?$/i);
        if (match) text = 'File:' + match[1];
        text = text.split('#')[0].replace(/_/g, ' ').replace(/\s+/g, ' ').trim();
        text = text.replace(/^(?:파일|Image|이미지)\s*:/i, 'File:');
        if (/^(?:mediawiki|template|module|manage|file)\s*:/i.test(text)) {
            text = text.replace(/^([^:]+)\s*:\s*/, function (_, ns) { return ns.charAt(0).toUpperCase() + ns.slice(1).toLowerCase() + ':'; });
        }
        if (/^File:/i.test(text)) text = 'File:' + text.slice(text.indexOf(':') + 1).trim();
        if (/^Mediawiki:/i.test(text)) text = 'MediaWiki:' + text.slice(text.indexOf(':') + 1).trim();
        return text;
    }

    function resourceToken(resource) {
        if (!resource || typeof resource !== 'object') return '';
        return String(resource.revision || resource.sha1 || resource.hash || resource.timestamp || resource.updatedAt || resource.url || '').trim();
    }

    function createEntryCache() {
        var index = readLocalJson(ENTRY_CACHE_INDEX_KEY, { entries: {} }) || { entries: {} };
        var packs = readLocalJson(ENTRY_CACHE_PACK_KEY, { packs: {} }) || { packs: {} };
        var objectUrls = {};
        var stats = {
            textHits: 0,
            blobHits: 0,
            misses: 0,
            networkStores: 0,
            stores: 0,
            deletes: 0
        };

        function ensureIndex() {
            if (!index || typeof index !== 'object') index = { entries: {} };
            if (!index.entries || typeof index.entries !== 'object') index.entries = {};
        }

        function compactIndexForLocalStorage() {
            var entries;
            var next = {};
            ensureIndex();
            entries = index.entries || {};
            Object.keys(entries).forEach(function (key) {
                var entry = entries[key] || {};
                var kind = String(entry.kind || 'raw').toLowerCase();
                /*
                 * CacheStorage already owns image/blob bodies.  Keeping one localStorage
                 * metadata row per flag/blob competes with MediaWiki ResourceLoader's own
                 * localStorage module store and can trigger QuotaExceededError before our
                 * code even runs on the next page load.  Text/json/file URL rows stay indexed
                 * because they are small and useful for invalidation diagnostics.
                 */
                if (kind === 'image' || kind === 'blob') return;
                next[key] = entry;
            });
            index.entries = next;
        }

        function ensurePacks() {
            if (!packs || typeof packs !== 'object') packs = { packs: {} };
            if (!packs.packs || typeof packs.packs !== 'object') packs.packs = {};
        }

        function saveIndex() {
            ensureIndex();
            compactIndexForLocalStorage();
            writeLocalJson(ENTRY_CACHE_INDEX_KEY, index);
        }

        function savePacks() {
            ensurePacks();
            writeLocalJson(ENTRY_CACHE_PACK_KEY, packs);
        }

        function requestForKey(key) {
            return new Request(ENTRY_CACHE_REQUEST_PREFIX + encodeURIComponent(String(key || '')), { credentials: 'same-origin' });
        }

        function openCache() {
            if (!hasCacheStorage()) return Promise.resolve(null);
            return window.caches.open(ENTRY_CACHE_NAME).catch(function () { return null; });
        }

        function cacheEntry(key, meta) {
            key = String(key || '');
            ensureIndex();
            index.entries[key] = Object.assign({}, index.entries[key] || {}, {
                key: key,
                resourceKey: String(meta && meta.resourceKey || ''),
                token: String(meta && meta.token || ''),
                kind: String(meta && meta.kind || 'raw'),
                contentType: String(meta && meta.contentType || ''),
                size: Number(meta && meta.size || 0) || null,
                createdAt: index.entries[key] && index.entries[key].createdAt ? index.entries[key].createdAt : now(),
                updatedAt: now(),
                lastHitAt: index.entries[key] && index.entries[key].lastHitAt ? index.entries[key].lastHitAt : null,
                hits: Number(index.entries[key] && index.entries[key].hits || 0)
            });
            saveIndex();
        }

        function markHit(key, field) {
            key = String(key || '');
            ensureIndex();
            if (index.entries[key]) {
                index.entries[key].hits = Number(index.entries[key].hits || 0) + 1;
                index.entries[key].lastHitAt = now();
                saveIndex();
            }
            if (field && stats[field] != null) stats[field] += 1;
        }

        function getResponse(key) {
            key = String(key || '');
            if (!key || !hasCacheStorage()) return Promise.resolve(null);
            return openCache().then(function (cache) {
                if (!cache) return null;
                return cache.match(requestForKey(key)).then(function (res) {
                    if (!res) {
                        stats.misses += 1;
                        return null;
                    }
                    return res;
                });
            }).catch(function () { return null; });
        }

        function putResponse(key, response, meta) {
            key = String(key || '');
            if (!key || !response || !hasCacheStorage()) return Promise.resolve(false);
            meta = meta || {};
            return openCache().then(function (cache) {
                var cloned;
                var headers;
                var bodyPromise;
                if (!cache) return false;
                cloned = response.clone();
                bodyPromise = cloned.blob().catch(function () { return null; });
                return bodyPromise.then(function (blob) {
                    if (!blob) return false;
                    headers = new Headers(response.headers || {});
                    if (!headers.get('Content-Type')) headers.set('Content-Type', meta.contentType || blob.type || 'application/octet-stream');
                    headers.set('X-Entry-Cache-Key', key);
                    headers.set('X-Entry-Resource-Key', String(meta.resourceKey || ''));
                    headers.set('X-Entry-Revision-Token', String(meta.token || ''));
                    headers.set('X-Entry-Cached-At', String(now()));
                    return cache.put(requestForKey(key), new Response(blob, { status: 200, headers: headers })).then(function () {
                        stats.stores += 1;
                        cacheEntry(key, {
                            resourceKey: meta.resourceKey,
                            token: meta.token,
                            kind: meta.kind || 'blob',
                            contentType: headers.get('Content-Type') || blob.type || '',
                            size: blob.size
                        });
                        return true;
                    });
                });
            }).catch(function () { return false; });
        }

        function getText(key) {
            return getResponse(key).then(function (res) {
                if (!res) return null;
                markHit(key, 'textHits');
                return res.text();
            }).catch(function () { return null; });
        }

        function putText(key, text, meta) {
            key = String(key || '');
            if (!key || !hasCacheStorage()) return Promise.resolve(false);
            meta = meta || {};
            return openCache().then(function (cache) {
                var headers;
                var body = String(text || '');
                if (!cache) return false;
                headers = new Headers({
                    'Content-Type': meta.contentType || 'text/plain; charset=UTF-8',
                    'X-Entry-Cache-Key': key,
                    'X-Entry-Resource-Key': String(meta.resourceKey || ''),
                    'X-Entry-Revision-Token': String(meta.token || ''),
                    'X-Entry-Cached-At': String(now())
                });
                return cache.put(requestForKey(key), new Response(body, { status: 200, headers: headers })).then(function () {
                    stats.stores += 1;
                    cacheEntry(key, {
                        resourceKey: meta.resourceKey,
                        token: meta.token,
                        kind: meta.kind || 'text',
                        contentType: headers.get('Content-Type'),
                        size: body.length
                    });
                    return true;
                });
            }).catch(function () { return false; });
        }

        function getBlobUrl(key) {
            key = String(key || '');
            if (!key) return Promise.resolve('');
            if (objectUrls[key]) {
                markHit(key, 'blobHits');
                return Promise.resolve(objectUrls[key]);
            }
            return getResponse(key).then(function (res) {
                if (!res) return '';
                return res.blob().then(function (blob) {
                    if (!blob || !blob.size) return '';
                    objectUrls[key] = URL.createObjectURL(blob);
                    markHit(key, 'blobHits');
                    return objectUrls[key];
                });
            }).catch(function () { return ''; });
        }

        function fetchBlobUrl(url, key, meta, options) {
            url = String(url || '').trim();
            key = String(key || '').trim();
            if (!url || !key) return Promise.resolve('');
            return getBlobUrl(key).then(function (cachedUrl) {
                if (cachedUrl) return cachedUrl;
                return fetch(url, {
                    credentials: 'same-origin',
                    cache: options && options.noStore ? 'no-store' : 'force-cache'
                }).then(function (res) {
                    if (!res.ok) throw new Error('HTTP ' + res.status);
                    stats.networkStores += 1;
                    return putResponse(key, res, Object.assign({}, meta || {}, { kind: meta && meta.kind ? meta.kind : 'blob' })).then(function () {
                        return getBlobUrl(key);
                    });
                }).catch(function () {
                    return '';
                });
            });
        }

        function deleteKey(key) {
            key = String(key || '');
            if (!key || !hasCacheStorage()) return Promise.resolve(false);
            if (objectUrls[key]) {
                try { URL.revokeObjectURL(objectUrls[key]); } catch (err) {}
                delete objectUrls[key];
            }
            return openCache().then(function (cache) {
                if (!cache) return false;
                return cache.delete(requestForKey(key)).then(function (ok) {
                    ensureIndex();
                    if (index.entries && index.entries[key]) {
                        delete index.entries[key];
                        stats.deletes += 1;
                        saveIndex();
                    }
                    return ok;
                });
            }).catch(function () { return false; });
        }

        function invalidateResources(resourceKeys) {
            var map = {};
            var entries;
            var keys = [];
            ensureIndex();
            entries = index.entries || {};
            (resourceKeys || []).forEach(function (resourceKey) {
                resourceKey = String(resourceKey || '').toLowerCase();
                if (resourceKey) map[resourceKey] = true;
            });
            Object.keys(entries).forEach(function (cacheKey) {
                var resourceKey = String(entries[cacheKey] && entries[cacheKey].resourceKey || '').toLowerCase();
                if (map[resourceKey]) keys.push(cacheKey);
            });
            return Promise.all(keys.map(deleteKey)).then(function () { return keys.length; });
        }

        function prune(maxAgeDays) {
            var days = Math.max(1, Number(maxAgeDays) || 7);
            var cutoff = now() - days * 24 * 60 * 60 * 1000;
            var entries;
            var keys;
            ensureIndex();
            entries = index.entries || {};
            keys = Object.keys(entries).filter(function (key) {
                return Number(entries[key] && entries[key].createdAt || 0) < cutoff;
            });
            window.localStorage && window.localStorage.setItem(REVISION_MANIFEST_PRUNE_LOCAL_KEY, String(now()));
            return Promise.all(keys.map(deleteKey)).then(function () { return keys.length; });
        }

        function reset() {
            Object.keys(objectUrls).forEach(function (key) {
                try { URL.revokeObjectURL(objectUrls[key]); } catch (err) {}
            });
            objectUrls = {};
            index = { entries: {} };
            packs = { packs: {} };
            saveIndex();
            savePacks();
            if (!hasCacheStorage()) return Promise.resolve(false);
            return window.caches.delete(ENTRY_CACHE_NAME).catch(function () { return false; });
        }

        function packReady(key, token) {
            key = String(key || '');
            token = String(token || '');
            ensurePacks();
            if (!key || !token) return false;
            return !!(packs.packs[key] && String(packs.packs[key].token || '') === token && packs.packs[key].ready);
        }

        function setPackReady(key, token, meta) {
            key = String(key || '');
            token = String(token || '');
            if (!key || !token) return false;
            ensurePacks();
            packs.packs[key] = Object.assign({}, meta || {}, {
                key: key,
                token: token,
                ready: true,
                updatedAt: now()
            });
            savePacks();
            return true;
        }

        function packInfo() {
            ensurePacks();
            return Object.assign({}, packs.packs || {});
        }

        function info() {
            var lastClientPrune = 0;
            var entries;
            var byKind = {};
            try { lastClientPrune = Number(window.localStorage && window.localStorage.getItem(REVISION_MANIFEST_PRUNE_LOCAL_KEY) || 0); } catch (err) {}
            ensureIndex();
            ensurePacks();
            entries = index.entries || {};
            Object.keys(entries).forEach(function (key) {
                var kind = String(entries[key] && entries[key].kind || 'raw');
                byKind[kind] = (byKind[kind] || 0) + 1;
            });
            return {
                supported: hasCacheStorage(),
                name: ENTRY_CACHE_NAME,
                entries: Object.keys(entries).length,
                byKind: byKind,
                packs: Object.keys(packs.packs || {}).length,
                lastClientPruneAt: lastClientPrune || null,
                stats: Object.assign({}, stats)
            };
        }

        /* Trim legacy image/blob metadata rows produced by older builds. */
        try { saveIndex(); } catch (err) {}

        return {
            getResponse: getResponse,
            putResponse: putResponse,
            getText: getText,
            putText: putText,
            getBlobUrl: getBlobUrl,
            fetchBlobUrl: fetchBlobUrl,
            invalidateResources: invalidateResources,
            prune: prune,
            reset: reset,
            packReady: packReady,
            setPackReady: setPackReady,
            packInfo: packInfo,
            info: info
        };
    }

    window.EntryCache = window.EntryCache || createEntryCache();

    function createRevisionManifestService() {
        var current = null;
        var previous = readLocalJson(REVISION_MANIFEST_LOCAL_KEY, null);
        var loadPromise = null;
        var changedResources = [];

        function unwrap(payload) {
            return payload && (payload.entryrevisionmanifest || payload.revisionManifest || payload) || null;
        }

        function resourcesOf(manifest) {
            return manifest && manifest.resources && typeof manifest.resources === 'object' ? manifest.resources : {};
        }

        function compactRevisionManifest(manifest) {
            var out;
            var resources;
            if (!manifest || typeof manifest !== 'object') return null;
            out = {
                manifestVersion: manifest.manifestVersion || manifest.version || '',
                version: manifest.version || manifest.manifestVersion || '',
                generatedAt: manifest.generatedAt || '',
                pruneDays: manifest.pruneDays,
                clientPruneDays: manifest.clientPruneDays,
                resources: {}
            };
            resources = resourcesOf(manifest);
            Object.keys(resources).forEach(function (title) {
                var src = resources[title];
                var dst;
                if (!src || typeof src !== 'object') return;
                dst = {};
                ['revision', 'sha1', 'hash', 'timestamp', 'updatedAt', 'url'].forEach(function (key) {
                    if (src[key] !== undefined && src[key] !== null && String(src[key]) !== '') dst[key] = src[key];
                });
                out.resources[title] = dst;
            });
            return out;
        }

        function buildLookup(manifest) {
            var lookup = {};
            Object.keys(resourcesOf(manifest)).forEach(function (title) {
                lookup[normalizeManifestTitle(title).toLowerCase()] = resourcesOf(manifest)[title];
            });
            return lookup;
        }

        function computeChanged(prev, next) {
            var prevLookup = buildLookup(prev);
            var nextLookup = buildLookup(next);
            var out = [];
            Object.keys(nextLookup).forEach(function (key) {
                if (resourceToken(prevLookup[key]) !== resourceToken(nextLookup[key])) out.push(key);
            });
            Object.keys(prevLookup).forEach(function (key) {
                if (!nextLookup[key]) out.push(key);
            });
            return unique(out);
        }

        function load(options) {
            if (loadPromise && !(options && options.force)) return loadPromise;
            loadPromise = fetchApi({
                action: REVISION_MANIFEST_ACTION,
                format: 'json',
                formatversion: '2'
            }).then(function (payload) {
                var manifest = unwrap(payload);
                if (!manifest || !manifest.resources) throw new Error('invalid revision manifest');
                current = compactRevisionManifest(manifest) || manifest;
                changedResources = computeChanged(previous, current);
                if (changedResources.length && window.EntryCache && typeof window.EntryCache.invalidateResources === 'function') {
                    window.EntryCache.invalidateResources(changedResources);
                }
                writeLocalJson(REVISION_MANIFEST_LOCAL_KEY, current);
                previous = current;
                maybePrune();
                return current;
            }).catch(function () {
                current = previous || null;
                return current;
            });
            return loadPromise;
        }

        function ensureLoaded() {
            return current ? Promise.resolve(current) : load();
        }

        function resourceForRef(ref) {
            var title = normalizeManifestTitle(ref);
            var lookup;
            if (!title || !current) return null;
            lookup = buildLookup(current);
            return lookup[title.toLowerCase()] || null;
        }

        function tokenForRef(ref) {
            return resourceToken(resourceForRef(ref));
        }

        function resourceKeyForRef(ref) {
            var title = normalizeManifestTitle(ref);
            return title ? title.toLowerCase() : '';
        }

        function cacheKeyForRef(ref, type) {
            var resourceKey = resourceKeyForRef(ref);
            var token = tokenForRef(ref);
            if (!resourceKey || !token) return '';
            return String(type || 'raw') + ':' + resourceKey + '@' + token;
        }

        function manifestToken(extra) {
            var base = current && (current.manifestVersion || current.version || current.generatedAt || '') || '';
            return String(base || 'no-manifest') + (extra ? (':' + String(extra)) : '');
        }

        function tokenFromUrl(url) {
            var text = String(url || '');
            var match = text.match(/[?&](?:_entryFileRev|_entryAsset|_entryRev)=([^&]+)/);
            if (!match) return '';
            try { return decodeURIComponent(match[1]); } catch (err) { return match[1]; }
        }

        function cacheKeyForUrl(url, type) {
            var text = String(url || '').trim();
            var token = tokenFromUrl(text) || manifestToken('url');
            var normalized;
            if (!text) return '';
            try {
                normalized = new URL(text, window.location.href);
                text = normalized.pathname + (normalized.search || '');
            } catch (err) {}
            text = text.replace(/[?&](?:_entryFileRev|_entryAsset|_entryRev)=[^&]*/g, '').replace(/[?&]$/, '');
            try { text = decodeURI(text); } catch (err2) {}
            return String(type || 'blob') + ':url:' + text.toLowerCase() + '@' + token;
        }

        function addRevisionParam(url, ref) {
            var token = tokenForRef(ref);
            var text = String(url || '').trim();
            var sep;
            if (!text || !token || /[?&]_entryRev=/.test(text)) return text;
            sep = text.indexOf('?') === -1 ? '?' : '&';
            return text + sep + '_entryRev=' + encodeURIComponent(token);
        }

        function maybePrune() {
            var days = current && Number(current.pruneDays || current.clientPruneDays) || 7;
            var last = 0;
            var due;
            try { last = Number(window.localStorage && window.localStorage.getItem(REVISION_MANIFEST_PRUNE_LOCAL_KEY) || 0); } catch (err) {}
            due = !last || (now() - last >= days * 24 * 60 * 60 * 1000);
            if (due && window.EntryCache && typeof window.EntryCache.prune === 'function') {
                window.EntryCache.prune(days);
            }
        }

        function countdown() {
            var days = current && Number(current.pruneDays || current.clientPruneDays) || 7;
            var last = 0;
            var next;
            var remain;
            try { last = Number(window.localStorage && window.localStorage.getItem(REVISION_MANIFEST_PRUNE_LOCAL_KEY) || 0); } catch (err) {}
            if (!last) return { days: days, lastClientPruneAt: null, nextClientPruneAt: null, remainingMs: 0, remainingDays: 0, due: true };
            next = last + days * 24 * 60 * 60 * 1000;
            remain = Math.max(0, next - now());
            return {
                days: days,
                lastClientPruneAt: last,
                nextClientPruneAt: next,
                remainingMs: remain,
                remainingDays: Math.ceil(remain / (24 * 60 * 60 * 1000)),
                due: remain <= 0
            };
        }

        function status() {
            return {
                available: !!current,
                manifestVersion: current && (current.manifestVersion || current.version || ''),
                generatedAt: current && current.generatedAt || '',
                changedResources: changedResources.slice(0, 50),
                changedCount: changedResources.length,
                prune: countdown(),
                cache: window.EntryCache && typeof window.EntryCache.info === 'function' ? window.EntryCache.info() : null
            };
        }

        return {
            load: load,
            ensureLoaded: ensureLoaded,
            current: function () { return current; },
            resourceForRef: resourceForRef,
            tokenForRef: tokenForRef,
            cacheKeyForRef: cacheKeyForRef,
            cacheKeyForUrl: cacheKeyForUrl,
            manifestToken: manifestToken,
            resourceKeyForRef: resourceKeyForRef,
            addRevisionParam: addRevisionParam,
            maybePrune: maybePrune,
            countdown: countdown,
            status: status
        };
    }

    window.RevisionManifest = window.RevisionManifest || createRevisionManifestService();

    function createEntryStore() {
        var jsonCache = {};
        var flagUrlCache = {};
        var fileUrlCache = {};
        var imageReadyCache = {};
        var imageObjectCache = {};
        var imageDisplayUrlCache = {};
        var imagePromiseCache = {};
        var rawPromiseCache = {};
        var textCache = {};
        var textPromiseCache = {};

        function fetchJsonRef(ref, options) {
            var key = normalizeRefKey(ref);
            var cacheKey;
            var promiseKey;
            var url;
            var resourceKey;
            var token;
            if (!key) return Promise.reject(new Error('empty json ref'));
            cacheKey = window.RevisionManifest && typeof window.RevisionManifest.cacheKeyForRef === 'function' ? window.RevisionManifest.cacheKeyForRef(ref, 'json') : '';
            promiseKey = cacheKey ? (key + '@' + cacheKey) : key;
            if (jsonCache[promiseKey]) return Promise.resolve(jsonCache[promiseKey].data);
            if (rawPromiseCache[promiseKey]) return rawPromiseCache[promiseKey];
            url = rawUrlForRef(ref, 'application/json');
            if (window.RevisionManifest && typeof window.RevisionManifest.addRevisionParam === 'function') {
                url = window.RevisionManifest.addRevisionParam(url, ref);
            }
            resourceKey = window.RevisionManifest && typeof window.RevisionManifest.resourceKeyForRef === 'function' ? window.RevisionManifest.resourceKeyForRef(ref) : key;
            token = window.RevisionManifest && typeof window.RevisionManifest.tokenForRef === 'function' ? window.RevisionManifest.tokenForRef(ref) : '';
            if (cacheKey && !(options && options.noStore) && window.EntryCache && typeof window.EntryCache.getText === 'function') {
                rawPromiseCache[promiseKey] = window.EntryCache.getText(cacheKey).then(function (cachedText) {
                    if (cachedText !== null && cachedText !== undefined) {
                        var cachedData = cachedText && cachedText.trim() ? JSON.parse(cachedText) : {};
                        jsonCache[promiseKey] = { key: promiseKey, ref: ref, url: url, data: cachedData, loadedAt: now(), persistent: true };
                        jsonCache[key] = jsonCache[promiseKey];
                        return cachedData;
                    }
                    return fetch(url, {
                        credentials: 'same-origin',
                        cache: 'force-cache'
                    }).then(function (res) {
                        if (!res.ok) throw new Error('HTTP ' + res.status);
                        return res.text();
                    }).then(function (text) {
                        var data = text && text.trim() ? JSON.parse(text) : {};
                        jsonCache[promiseKey] = { key: promiseKey, ref: ref, url: url, data: data, loadedAt: now() };
                        jsonCache[key] = jsonCache[promiseKey];
                        window.EntryCache.putText(cacheKey, text, { resourceKey: resourceKey, token: token });
                        return data;
                    });
                });
                return rawPromiseCache[promiseKey];
            }
            rawPromiseCache[promiseKey] = fetch(url, {
                credentials: 'same-origin',
                cache: options && options.noStore ? 'no-store' : 'force-cache'
            }).then(function (res) {
                if (!res.ok) throw new Error('HTTP ' + res.status);
                return res.text();
            }).then(function (text) {
                var data = text && text.trim() ? JSON.parse(text) : {};
                jsonCache[promiseKey] = { key: promiseKey, ref: ref, url: url, data: data, loadedAt: now() };
                jsonCache[key] = jsonCache[promiseKey];
                return data;
            });
            return rawPromiseCache[promiseKey];
        }

        function getJsonSync(ref) {
            var key = normalizeRefKey(ref);
            return key && jsonCache[key] ? jsonCache[key].data : null;
        }

        function setJsonRef(ref, data) {
            var key = normalizeRefKey(ref);
            if (!key) return;
            jsonCache[key] = { key: key, ref: ref, url: rawUrlForRef(ref, 'application/json'), data: data, loadedAt: now() };
        }

        function normalizeFile(value) {
            return String(value || '')
                .replace(/^(?:file|파일):/i, '')
                .trim();
        }

        function fileKey(value) {
            return normalizeFile(value).replace(/_/g, ' ').replace(/\s+/g, ' ').toLowerCase();
        }

        function setFlagUrl(file, url) {
            var key = fileKey(file);
            if (!key) return;
            flagUrlCache[key] = String(url || '');
        }

        function getFlagUrl(file) {
            var key = fileKey(file);
            return key ? (flagUrlCache[key] || '') : '';
        }

        function resolveFlagUrls(files) {
            var clean = unique((files || []).map(normalizeFile).filter(Boolean));

            function cacheKeyForFile(file) {
                return window.RevisionManifest && typeof window.RevisionManifest.cacheKeyForRef === 'function' ? window.RevisionManifest.cacheKeyForRef('File:' + file, 'flagurl') : '';
            }

            function resourceKeyForFile(file) {
                return window.RevisionManifest && typeof window.RevisionManifest.resourceKeyForRef === 'function' ? window.RevisionManifest.resourceKeyForRef('File:' + file) : ('file:' + fileKey(file));
            }

            function tokenForFile(file) {
                return window.RevisionManifest && typeof window.RevisionManifest.tokenForRef === 'function' ? window.RevisionManifest.tokenForRef('File:' + file) : '';
            }

            function hydrateCachedFlagUrl(file) {
                var key = fileKey(file);
                var cacheKey = cacheKeyForFile(file);
                if (!key || flagUrlCache[key] !== undefined || !cacheKey || !window.EntryCache || typeof window.EntryCache.getText !== 'function') {
                    return Promise.resolve(false);
                }
                return window.EntryCache.getText(cacheKey).then(function (cachedUrl) {
                    if (cachedUrl !== null && cachedUrl !== undefined) {
                        flagUrlCache[key] = String(cachedUrl || '');
                        return true;
                    }
                    return false;
                }).catch(function () { return false; });
            }

            return Promise.all(clean.map(hydrateCachedFlagUrl)).then(function () {
                var pending = clean.filter(function (file) {
                    return getFlagUrl(file) === '' && flagUrlCache[fileKey(file)] === undefined;
                });
                var chunks = [];

                while (pending.length) chunks.push(pending.splice(0, 20));
                if (!chunks.length) return flagUrlCache;

                return Promise.all(chunks.map(function (chunk) {
                    var titleToKey = {};
                    var keyToFile = {};
                    var titles = [];
                    chunk.forEach(function (file) {
                        var key = fileKey(file);
                        if (!key) return;
                        titleToKey[fileKey('File:' + file)] = key;
                        titleToKey[fileKey('파일:' + file)] = key;
                        keyToFile[key] = file;
                        titles.push('File:' + file);
                        titles.push('파일:' + file);
                    });
                    return fetchApi({
                        action: 'query',
                        format: 'json',
                        formatversion: '2',
                        redirects: '1',
                        prop: 'imageinfo',
                        iiprop: 'url|sha1|timestamp|size',
                        iiurlwidth: '16',
                        titles: titles.join('|')
                    }).then(function (json) {
                        var pages = (json && json.query && json.query.pages) || [];
                        var seen = {};
                        pages.forEach(function (page) {
                            var key = titleToKey[fileKey(page && page.title)] || fileKey(page && page.title);
                            var file = keyToFile[key] || (page && page.title || '').replace(/^(?:File|파일):/i, '');
                            var imageinfo = page && page.imageinfo && page.imageinfo[0];
                            var url;
                            var rev;
                            var sep;
                            var cacheKey;
                            if (!key) return;
                            seen[key] = true;
                            url = imageinfo && (imageinfo.thumburl || imageinfo.url) ? (imageinfo.thumburl || imageinfo.url) : '';
                            if (url) {
                                rev = imageinfo && (imageinfo.sha1 || imageinfo.timestamp || imageinfo.size) ? (imageinfo.sha1 || imageinfo.timestamp || imageinfo.size) : '';
                                if (rev && !/[?&]_entryFileRev=/.test(url)) {
                                    sep = url.indexOf('?') === -1 ? '?' : '&';
                                    url += sep + '_entryFileRev=' + encodeURIComponent(String(rev));
                                }
                            }
                            flagUrlCache[key] = url;
                            cacheKey = cacheKeyForFile(file);
                            if (cacheKey && window.EntryCache && typeof window.EntryCache.putText === 'function') {
                                window.EntryCache.putText(cacheKey, url || '', {
                                    resourceKey: resourceKeyForFile(file),
                                    token: tokenForFile(file),
                                    kind: 'flagurl',
                                    contentType: 'text/plain; charset=UTF-8'
                                });
                            }
                        });
                        chunk.forEach(function (file) {
                            var key = fileKey(file);
                            if (key && !seen[key] && flagUrlCache[key] === undefined) flagUrlCache[key] = '';
                        });
                    }).catch(function () {
                        chunk.forEach(function (file) {
                            var key = fileKey(file);
                            if (key && flagUrlCache[key] === undefined) flagUrlCache[key] = '';
                        });
                    });
                })).then(function () { return flagUrlCache; });
            });
        }

        function normalizeGenericFileTitle(value) {
            var text = String(value || '').trim();
            var match;
            var i;

            if (!text) return '';
            for (i = 0; i < 4; i += 1) {
                try {
                    if (/%[0-9a-f]{2}/i.test(text)) text = decodeURIComponent(text);
                } catch (err) {
                    break;
                }
            }
            match = text.match(/[?&]title=([^&#]+)/i);
            if (match) text = match[1];
            text = text.replace(/^https?:\/\/[^/]+/i, '').replace(/^\/+/, '').replace(/^index\.php\/?/i, '').replace(/^wiki\/?/i, '').trim();
            match = text.match(/(?:^|\/)(?:(?:Special|특수)\s*[:/]\s*)?(?:Redirect|넘겨주기)\s*\/\s*file\s*\/(.+)$/i);
            if (match) text = match[1];
            text = text.replace(/^(?:File|파일|Image|이미지)\s*:/i, '').replace(/^:+/, '').trim();
            return text;
        }

        function isFileRef(value) {
            var text = String(value || '').trim();
            return /^(?:file|파일)\s*:/i.test(text) || /(?:^|\/)(?:(?:Special|특수)\s*[:/]\s*)?(?:Redirect|넘겨주기)\s*\/\s*file\s*\//i.test(text);
        }

        function fileUrlKey(value) {
            return normalizeGenericFileTitle(value).replace(/_/g, ' ').replace(/\s+/g, ' ').toLowerCase();
        }

        function stableDirectImageUrl(url) {
            var text = String(url || '').trim();
            var separator;
            var bust;
            if (!text) return '';
            if (/[?&]_entryAsset=/.test(text) || /[?&]_=/.test(text)) return text;
            bust = String(BUILD_ID || 'entry');
            separator = text.indexOf('?') === -1 ? '?' : '&';
            return text + separator + '_entryAsset=' + encodeURIComponent(bust);
        }

        function resolveFileUrl(ref) {
            var original = String(ref || '').trim();
            var file;
            var key;
            var cacheKey;
            var resourceKey;
            var token;
            if (!original) return Promise.resolve('');
            if (!isFileRef(original)) return Promise.resolve(stableDirectImageUrl(original));
            file = normalizeGenericFileTitle(original);
            key = fileUrlKey(file);
            if (!file || !key) return Promise.resolve(stableDirectImageUrl(original));
            if (fileUrlCache[key]) return Promise.resolve(fileUrlCache[key]);
            cacheKey = window.RevisionManifest && typeof window.RevisionManifest.cacheKeyForRef === 'function' ? window.RevisionManifest.cacheKeyForRef('File:' + file, 'fileurl') : '';
            resourceKey = window.RevisionManifest && typeof window.RevisionManifest.resourceKeyForRef === 'function' ? window.RevisionManifest.resourceKeyForRef('File:' + file) : ('file:' + key);
            token = window.RevisionManifest && typeof window.RevisionManifest.tokenForRef === 'function' ? window.RevisionManifest.tokenForRef('File:' + file) : '';
            if (cacheKey && window.EntryCache && typeof window.EntryCache.getText === 'function') {
                return window.EntryCache.getText(cacheKey).then(function (cachedUrl) {
                    if (cachedUrl !== null && cachedUrl !== undefined) {
                        fileUrlCache[key] = String(cachedUrl || '');
                        return fileUrlCache[key];
                    }
                    return fetchApi({
                        action: 'query',
                        format: 'json',
                        formatversion: '2',
                        redirects: '1',
                        prop: 'imageinfo',
                        iiprop: 'url|sha1|timestamp|size|mime',
                        titles: 'File:' + file
                    }).then(function (json) {
                        var pages = (json && json.query && json.query.pages) || [];
                        var info = pages[0] && pages[0].imageinfo && pages[0].imageinfo[0] ? pages[0].imageinfo[0] : null;
                        var url = info && info.url ? info.url : original;
                        var rev = info && (info.sha1 || info.timestamp || info.size) ? (info.sha1 || info.timestamp || info.size) : String(BUILD_ID || 'entry-file');
                        var separator = url.indexOf('?') === -1 ? '?' : '&';
                        var resolved = url + separator + '_entryFileRev=' + encodeURIComponent(String(rev));
                        fileUrlCache[key] = resolved;
                        window.EntryCache.putText(cacheKey, resolved, { resourceKey: resourceKey, token: token, kind: 'fileurl', contentType: 'text/plain; charset=UTF-8' });
                        return resolved;
                    });
                }).catch(function () {
                    return stableDirectImageUrl(original);
                });
            }
            return fetchApi({
                action: 'query',
                format: 'json',
                formatversion: '2',
                redirects: '1',
                prop: 'imageinfo',
                iiprop: 'url|sha1|timestamp|size|mime',
                titles: 'File:' + file
            }).then(function (json) {
                var pages = (json && json.query && json.query.pages) || [];
                var info = pages[0] && pages[0].imageinfo && pages[0].imageinfo[0] ? pages[0].imageinfo[0] : null;
                var url = info && info.url ? info.url : original;
                var rev = info && (info.sha1 || info.timestamp || info.size) ? (info.sha1 || info.timestamp || info.size) : String(BUILD_ID || 'entry-file');
                var separator = url.indexOf('?') === -1 ? '?' : '&';
                var resolved = url + separator + '_entryFileRev=' + encodeURIComponent(String(rev));
                fileUrlCache[key] = resolved;
                return resolved;
            }).catch(function () {
                return stableDirectImageUrl(original);
            });
        }

        function preloadImageUrl(url, options) {
            var key = String(url || '').trim();
            var cacheKey;
            var sourcePromise;
            var persistent = !(options && options.persistent === false);
            if (!key) return Promise.resolve(false);
            if (imageReadyCache[key]) return Promise.resolve(true);
            if (imagePromiseCache[key]) return imagePromiseCache[key];

            cacheKey = persistent && window.RevisionManifest && typeof window.RevisionManifest.cacheKeyForUrl === 'function' ? window.RevisionManifest.cacheKeyForUrl(key, 'image') : '';
            sourcePromise = Promise.resolve('');
            if (cacheKey && window.EntryCache && typeof window.EntryCache.fetchBlobUrl === 'function') {
                sourcePromise = window.EntryCache.fetchBlobUrl(key, cacheKey, {
                    resourceKey: '',
                    token: '',
                    kind: 'image'
                }).catch(function () { return ''; });
            }

            imagePromiseCache[key] = sourcePromise.then(function (cachedObjectUrl) {
                return new Promise(function (resolve) {
                    var img = new Image();
                    var settled = false;
                    var src = cachedObjectUrl || key;
                    function finish(ok) {
                        if (settled) return;
                        settled = true;
                        if (ok) {
                            imageReadyCache[key] = true;
                            imageReadyCache[src] = true;
                            imageObjectCache[key] = img;
                            imageObjectCache[src] = img;
                            imageDisplayUrlCache[key] = src;
                            imageDisplayUrlCache[src] = src;
                        }
                        resolve(!!ok);
                    }
                    img.onload = function () {
                        if (img.decode) {
                            img.decode().then(function () { finish(true); }).catch(function () { finish(true); });
                        } else {
                            finish(true);
                        }
                    };
                    img.onerror = function () {
                        if (src !== key) {
                            src = key;
                            img.src = key;
                            return;
                        }
                        finish(false);
                    };
                    img.decoding = 'async';
                    img.loading = 'eager';
                    img.src = src;
                    if (img.complete && img.naturalWidth) {
                        if (img.decode) img.decode().then(function () { finish(true); }).catch(function () { finish(true); });
                        else finish(true);
                    }
                });
            });
            return imagePromiseCache[key];
        }

        function preloadImages(urls, options) {
            var list = unique((urls || []).filter(Boolean));
            var limit = options && Number(options.limit);
            var concurrency = Math.max(1, Math.min(48, Number(options && options.concurrency) || 24));
            var index = 0;
            var ok = 0;
            var fail = 0;
            if (Number.isFinite(limit) && limit > 0) list = list.slice(0, limit);
            if (!list.length) return Promise.resolve({ total: 0, ok: 0, fail: 0 });
            return new Promise(function (resolve) {
                function pump() {
                    while (index < list.length && concurrency > 0) {
                        (function (url) {
                            concurrency -= 1;
                            preloadImageUrl(url, options || {}).then(function (result) {
                                if (result) ok += 1;
                                else fail += 1;
                            }).catch(function () {
                                fail += 1;
                            }).then(function () {
                                concurrency += 1;
                                if (index >= list.length && ok + fail >= list.length) resolve({ total: list.length, ok: ok, fail: fail });
                                else pump();
                            });
                        })(list[index++]);
                    }
                }
                pump();
            });
        }

        function isImageReady(url) {
            var key = String(url || '').trim();
            return !!(key && imageReadyCache[key]);
        }

        function getImageElement(url) {
            var key = String(url || '').trim();
            return key ? (imageObjectCache[key] || null) : null;
        }

        function getImageDisplayUrl(url) {
            var key = String(url || '').trim();
            return key ? (imageDisplayUrlCache[key] || key) : '';
        }

        function normalizeUrlKey(url) {
            var text = String(url || '').trim();
            var a;
            if (!text) return '';
            try {
                a = document.createElement('a');
                a.href = text;
                text = a.pathname + (a.search || '');
            } catch (err) {}
            try {
                text = decodeURI(text);
            } catch (err2) {}
            text = text.replace(/([?&])_=[^&]*/g, '$1').replace(/[?&]$/, '');
            text = text.replace(/_/g, '_');
            return text;
        }

        function fetchTextUrl(url, options) {
            var key = normalizeUrlKey(url);
            var cacheKey;
            var resourceRef;
            var resourceKey;
            var token;
            if (!key) return Promise.reject(new Error('empty text url'));
            if (textCache[key]) return Promise.resolve(textCache[key].text);
            if (textPromiseCache[key]) return textPromiseCache[key];
            resourceRef = options && options.resourceRef ? options.resourceRef : (options && options.ref ? options.ref : '');
            cacheKey = resourceRef && window.RevisionManifest && typeof window.RevisionManifest.cacheKeyForRef === 'function' ? window.RevisionManifest.cacheKeyForRef(resourceRef, 'text') : '';
            if (!cacheKey && window.RevisionManifest && typeof window.RevisionManifest.cacheKeyForUrl === 'function') cacheKey = window.RevisionManifest.cacheKeyForUrl(url, 'text');
            resourceKey = resourceRef && window.RevisionManifest && typeof window.RevisionManifest.resourceKeyForRef === 'function' ? window.RevisionManifest.resourceKeyForRef(resourceRef) : ('url:' + key);
            token = resourceRef && window.RevisionManifest && typeof window.RevisionManifest.tokenForRef === 'function' ? window.RevisionManifest.tokenForRef(resourceRef) : '';
            if (cacheKey && !(options && options.noStore) && window.EntryCache && typeof window.EntryCache.getText === 'function') {
                textPromiseCache[key] = window.EntryCache.getText(cacheKey).then(function (cachedText) {
                    if (cachedText !== null && cachedText !== undefined) {
                        textCache[key] = { key: key, url: url, text: cachedText, loadedAt: now(), persistent: true };
                        return cachedText;
                    }
                    return fetch(url, {
                        credentials: 'same-origin',
                        cache: 'force-cache'
                    }).then(function (res) {
                        if (!res.ok) throw new Error('HTTP ' + res.status);
                        return res.text();
                    }).then(function (text) {
                        textCache[key] = { key: key, url: url, text: text, loadedAt: now() };
                        window.EntryCache.putText(cacheKey, text, { resourceKey: resourceKey, token: token, kind: 'text', contentType: 'text/html; charset=UTF-8' });
                        return text;
                    });
                });
                return textPromiseCache[key];
            }
            textPromiseCache[key] = fetch(url, {
                credentials: 'same-origin',
                cache: options && options.noStore ? 'no-store' : 'force-cache'
            }).then(function (res) {
                if (!res.ok) throw new Error('HTTP ' + res.status);
                return res.text();
            }).then(function (text) {
                textCache[key] = { key: key, url: url, text: text, loadedAt: now() };
                return text;
            });
            return textPromiseCache[key];
        }

        function getTextSync(url) {
            var key = normalizeUrlKey(url);
            return key && textCache[key] ? textCache[key].text : '';
        }

        function setTextUrl(url, text) {
            var key = normalizeUrlKey(url);
            if (!key) return;
            textCache[key] = { key: key, url: url, text: String(text || ''), loadedAt: now() };
        }

        function cacheInfo() {
            return {
                json: Object.keys(jsonCache).length,
                jsonKeys: Object.keys(jsonCache),
                flags: Object.keys(flagUrlCache).length,
                files: Object.keys(fileUrlCache).length,
                images: Object.keys(imageReadyCache).length,
                retainedImages: Object.keys(imageObjectCache).length,
                displayImages: Object.keys(imageDisplayUrlCache).length,
                text: Object.keys(textCache).length,
                textKeys: Object.keys(textCache)
            };
        }

        return {
            fetchJsonRef: fetchJsonRef,
            getJsonSync: getJsonSync,
            setJsonRef: setJsonRef,
            normalizeRefKey: normalizeRefKey,
            rawUrlForRef: rawUrlForRef,
            revisionUrlForRef: function (ref, ctype) {
                var url = rawUrlForRef(ref, ctype);
                if (window.RevisionManifest && typeof window.RevisionManifest.addRevisionParam === 'function') {
                    url = window.RevisionManifest.addRevisionParam(url, ref);
                }
                return url;
            },
            resolveFlagUrls: resolveFlagUrls,
            setFlagUrl: setFlagUrl,
            getFlagUrl: getFlagUrl,
            resolveFileUrl: resolveFileUrl,
            preloadImageUrl: preloadImageUrl,
            preloadImages: preloadImages,
            isImageReady: isImageReady,
            getImageElement: getImageElement,
            getImageDisplayUrl: getImageDisplayUrl,
            fetchTextUrl: fetchTextUrl,
            getTextSync: getTextSync,
            setTextUrl: setTextUrl,
            stableDirectImageUrl: stableDirectImageUrl,
            cacheInfo: cacheInfo
        };
    }

    window.EntryStore = window.EntryStore || createEntryStore();

    function updateBootProgress(done, total, label) {
        var pct = total ? Math.max(0, Math.min(100, Math.round((done / total) * 100))) : 0;
        if (bootProgressNode) bootProgressNode.textContent = pct + '%';
        if (bootFillNode) bootFillNode.style.width = pct + '%';
        if (bootDetailNode && label) bootDetailNode.textContent = label;
    }

    function adoptBootScreen(node) {
        if (!node) return null;
        bootNode = node;
        bootStatusNode = bootNode.querySelector('.boot-gate-status');
        bootProgressNode = bootNode.querySelector('.boot-gate-progress');
        bootDetailNode = bootNode.querySelector('.boot-gate-detail');
        bootFillNode = bootNode.querySelector('.boot-gate-meter-fill');
        bootNode.classList.add('is-active');
        bootNode.classList.remove('is-complete');
        return bootNode;
    }

    function ensureBootScreen(options) {
        var panel;
        var header;
        var meter;
        var existing;
        var decoLayer;
        var close;
        var previewMode;
        options = options || {};
        previewMode = !!options.preview;
        if (bootNode && bootNode.parentNode) return bootNode;
        if (!document.body) return null;

        if (BOOT_EXCLUDED_PAGE && !previewMode) return null;
        if (!previewMode) activateBootSurface();

        existing = document.getElementById('boot-gate-screen') || (!previewMode && window.__BootGatePrelude && window.__BootGatePrelude.ensure ? window.__BootGatePrelude.ensure() : null);
        if (existing) return adoptBootScreen(existing);

        bootNode = document.createElement('div');
        bootNode.id = 'boot-gate-screen';
        bootNode.className = 'boot-gate-screen is-active';
        bootNode.setAttribute('role', 'status');
        bootNode.setAttribute('aria-live', 'polite');

        panel = document.createElement('div');
        panel.className = 'boot-gate-panel';

        header = document.createElement('div');
        header.className = 'boot-gate-title';
        header.textContent = 'ARCHIVE INITIALIZATION';

        bootStatusNode = document.createElement('div');
        bootStatusNode.className = 'boot-gate-status';
        bootStatusNode.textContent = 'Preparing entry systems';

        meter = document.createElement('div');
        meter.className = 'boot-gate-meter';
        bootFillNode = document.createElement('div');
        bootFillNode.className = 'boot-gate-meter-fill';
        meter.appendChild(bootFillNode);

        bootProgressNode = document.createElement('div');
        bootProgressNode.className = 'boot-gate-progress';
        bootProgressNode.textContent = '0%';

        bootDetailNode = document.createElement('div');
        bootDetailNode.className = 'boot-gate-detail';
        bootDetailNode.textContent = 'loading manifest';

        close = document.createElement('button');
        close.type = 'button';
        close.className = 'boot-gate-close';
        close.setAttribute('aria-label', 'Close boot preview');
        close.textContent = '×';
        close.addEventListener('click', function () { hideBootScreen({ force: true }); });

        decoLayer = document.createElement('div');
        decoLayer.className = 'boot-gate-decoration-layer';
        decoLayer.setAttribute('data-decoration-target', 'boot-gate');
        decoLayer.setAttribute('aria-hidden', 'true');

        panel.appendChild(header);
        panel.appendChild(bootStatusNode);
        panel.appendChild(meter);
        panel.appendChild(bootProgressNode);
        panel.appendChild(bootDetailNode);
        bootNode.appendChild(decoLayer);
        bootNode.appendChild(panel);
        bootNode.appendChild(close);
        document.body.appendChild(bootNode);
        return bootNode;
    }

    function buildLoginUrl() {
        var pageName = String(readConfig('wgPageName', '') || '').trim();
        var params = {};

        if (pageName && !isAuthenticationPage() && !isCreateAccountPage()) params.returnto = pageName;
        try {
            if (mw && mw.util && typeof mw.util.getUrl === 'function') {
                return mw.util.getUrl('Special:UserLogin', params);
            }
        } catch (err) {}

        return '/index.php?title=Special%3AUserLogin' + (params.returnto ? '&returnto=' + encodeURIComponent(params.returnto) : '');
    }

    function ensureLoginGateAction(panel) {
        var copy;
        var action;

        if (loginGateActionNode && loginGateActionNode.parentNode) return loginGateActionNode;
        loginGateActionNode = document.createElement('div');
        loginGateActionNode.className = 'boot-gate-login';

        copy = document.createElement('div');
        copy.className = 'boot-gate-login-copy';
        copy.textContent = 'SIGN IN TO ENTER THE WIKI.';

        action = document.createElement('a');
        action.className = 'boot-gate-login-action';
        action.href = buildLoginUrl();
        action.textContent = 'LOGIN';
        action.setAttribute('role', 'button');

        loginGateActionNode.appendChild(copy);
        loginGateActionNode.appendChild(action);
        panel.appendChild(loginGateActionNode);
        return loginGateActionNode;
    }

    function showLoginGate() {
        var node = ensureBootScreen();
        var panel;
        var title;
        var action;

        if (!node || !requiresLoginGate()) return false;
        activateBootSurface();
        loginGateLocked = true;
        node.classList.remove('is-complete');
        node.classList.add('is-active', 'is-login-required');
        node.setAttribute('role', 'dialog');
        node.setAttribute('aria-modal', 'true');
        node.setAttribute('aria-live', 'off');

        panel = node.querySelector('.boot-gate-panel');
        title = node.querySelector('.boot-gate-title');
        if (title) title.textContent = 'ACCOUNT AUTHENTICATION';
        if (bootStatusNode) bootStatusNode.textContent = 'LOGIN REQUIRED';
        if (bootDetailNode) bootDetailNode.textContent = '';
        if (bootProgressNode) bootProgressNode.textContent = '';
        if (bootFillNode) bootFillNode.style.width = '100%';

        action = panel ? ensureLoginGateAction(panel).querySelector('.boot-gate-login-action') : null;
        if (action) {
            action.href = buildLoginUrl();
            window.requestAnimationFrame(function () {
                try { action.focus({ preventScroll: true }); }
                catch (err) { try { action.focus(); } catch (ignore) {} }
            });
        }
        return true;
    }

    function hideBootScreen(options) {
        var node = bootNode || document.getElementById('boot-gate-screen');
        options = options || {};
        if (loginGateLocked && requiresLoginGate() && !options.force) return false;
        if (!node) {
            document.documentElement.classList.remove('boot-gate-active');
            if (document.body) document.body.classList.remove('boot-gate-active');
            return true;
        }
        node.classList.add('is-complete');
        node.classList.remove('is-active');
        window.setTimeout(function () {
            if (node.parentNode) node.parentNode.removeChild(node);
            if (bootNode === node) bootNode = null;
            loginGateActionNode = null;
            document.documentElement.classList.remove('boot-gate-active');
            if (document.body) document.body.classList.remove('boot-gate-active');
        }, 240);
        return true;
    }

    function collectFlagsFromNationPayload(payload) {
        var files = [];
        function add(value) {
            if (!value) return;
            if (typeof value === 'string') {
                files.push(value);
                return;
            }
            if (typeof value === 'object') files.push(value.file || value.flag_file || value.flag || value.flag_title || '');
        }
        function scanItem(item) {
            if (!item || typeof item !== 'object') return;
            if (Array.isArray(item.flags)) item.flags.forEach(add);
            add(item.flag_file || item.flag || item.flag_title || '');
        }
        (payload && payload.continents || []).forEach(function (continent) {
            (continent.regions || []).forEach(function (region) {
                (region.items || []).forEach(scanItem);
            });
        });
        return unique(files);
    }

    function collectFlagsFromLinkMap(payload) {
        var files = [];
        var source = payload && payload.items ? payload.items : {};
        Object.keys(source || {}).forEach(function (key) {
            var item = source[key];
            if (!item || typeof item !== 'object') return;
            files.push(item.flag_file || item.flag || item.flag_title || '');
        });
        return unique(files);
    }

    function prewarmImages(urls, limit) {
        return window.EntryStore.preloadImages(urls, {
            limit: Number(limit) > 0 ? Number(limit) : 0,
            concurrency: 16,
            persistent: false
        });
    }

    function getDecorationRuntime() {
        return window.Decorations || window.CLBI_DECORATIONS || null;
    }

    function waitForDecorationRuntime() {
        return new Promise(function (resolve) {
            var tries = 0;
            function tick() {
                var runtime = getDecorationRuntime();
                if (runtime) return resolve(runtime);
                tries += 1;
                if (tries > 40) return resolve(null);
                window.setTimeout(tick, 25);
            }
            tick();
        });
    }

    function matchesDecorationEntry(entry, filter) {
        var era = String(filter && filter.era || '').trim();
        var page = String(filter && filter.page || '').trim();
        var entryPage = String(entry && entry.page || '').replace(/_/g, ' ').trim();
        if (!entry || typeof entry !== 'object') return false;
        if (page && entryPage && entryPage !== page) return false;
        if (era && String(entry.era || '').trim() && String(entry.era || '').trim() !== era) return false;
        return true;
    }

    function prepareDecorationSet(task, level) {
        var ref = task.ref || 'MediaWiki:Decorations.json';
        return window.EntryStore.fetchJsonRef(ref, { noStore: !!task.noStore }).then(function (registry) {
            var list = registry && Array.isArray(registry.decorations) ? registry.decorations : [];
            var pixelRefs = [];
            list.forEach(function (entry) {
                var type = String(entry && entry.assetType || '').toLowerCase();
                var asset = String(entry && (entry.asset || entry.src) || '').trim();
                if (!asset) return;
                if (type !== 'pixel-json' && !/\.json(?:[?#].*)?$/i.test(asset)) return;
                if (!matchesDecorationEntry(entry, task)) return;
                pixelRefs.push(asset);
            });
            if (level !== 'full' || task.preparePixels === false || !pixelRefs.length) return registry;
            return waitForDecorationRuntime().then(function (runtime) {
                if (!runtime || typeof runtime.preparePixelCanvas !== 'function') {
                    return Promise.all(pixelRefs.map(function (pixelRef) {
                        return window.EntryStore.fetchJsonRef(pixelRef).catch(function () { return null; });
                    })).then(function () { return registry; });
                }
                return Promise.all(pixelRefs.map(function (pixelRef) {
                    return runtime.preparePixelCanvas(pixelRef).catch(function () { return null; });
                })).then(function () { return registry; });
            });
        });
    }

    function prepareNationsEra(task, level) {
        var era = String(task.era || '1950');
        var listRef = task.listRef || ('MediaWiki:' + era + '_Nation_List.json');
        var linkRef = task.linkMapRef || ('MediaWiki:' + era + '_Nation_Link_Map.json');
        var jsonPhaseId = BootPerf.start('nations-era json fetch', { era: era, level: level, listRef: listRef, linkRef: linkRef });
        var listPromise = window.EntryStore.fetchJsonRef(listRef).catch(function () { return null; });
        var linkPromise = window.EntryStore.fetchJsonRef(linkRef).catch(function () { return null; });

        return Promise.all([listPromise, linkPromise]).then(function (results) {
            BootPerf.end(jsonPhaseId, { ok: true });
            var files;
            var flagUrls;
            if (level !== 'full' && level !== 'warm') return results;
            files = unique(collectFlagsFromNationPayload(results[0]).concat(collectFlagsFromLinkMap(results[1])));
            return BootPerf.measure('nations-era flag url resolve', { era: era, count: files.length }, function () {
                return window.EntryStore.resolveFlagUrls(files);
            }).then(function () {
                if (level === 'warm') {
                    /*
                     * Warm tab contract — 20260708.
                     *
                     * A previous tab already stored the same-revision flag URL and image
                     * blobs.  Re-decoding every flag here makes the second tab feel as slow
                     * as the first one.  In warm mode we only hydrate the flag URL table from
                     * EntryCache so NationsPanel can render stable URLs immediately; image
                     * decode remains demand-driven by the live panel instead of blocking the
                     * boot screen.
                     */
                    return results;
                }
                flagUrls = files.map(function (file) { return window.EntryStore.getFlagUrl(file); }).filter(Boolean);
                /*
                 * 20260710: Flag URLs are part of the entry contract, but decoding every
                 * flag image is not.  The 1950 list has more than 150 flags, and waiting
                 * for all image decodes kept the public boot gate open for several seconds.
                 * Keep revision-aware URLs ready for the panel, then let the browser load
                 * the actual images from the live DOM.  A low-priority background warm-up
                 * may run after the boot gate has opened, so it never competes with the
                 * current entry surface or the globe ready contract.
                 */
                BootPerf.mark('nations-era flag image prewarm skipped', {
                    era: era,
                    count: flagUrls.length,
                    limit: task.flagLimit == null ? 0 : Number(task.flagLimit),
                    reason: 'deferred-after-boot-gate'
                });
                if (flagUrls.length && task.deferFlagImages !== false) {
                    deferredEntryWarmups.push(function () {
                        return BootPerf.measure('deferred nations-era flag image prewarm', {
                            era: era,
                            count: flagUrls.length,
                            limit: task.flagLimit == null ? 0 : Number(task.flagLimit)
                        }, function () {
                            return prewarmImages(flagUrls, task.flagLimit == null ? 0 : Number(task.flagLimit));
                        });
                    });
                }
                return results;
            });
        });
    }

    function prepareGlobeSharedAssets(task, level) {
        var refs = Array.isArray(task && task.assets) ? task.assets : [];
        if (!refs.length) return Promise.resolve(null);
        return BootPerf.measure('globe-shared url resolve', { count: refs.length, level: level }, function () {
            return Promise.all(refs.map(function (ref) {
                return window.EntryStore.resolveFileUrl(ref).catch(function () { return ''; });
            }));
        }).then(function (urls) {
            urls = urls.filter(Boolean);
            /*
             * Globe shared assets are heavy 6K texture sources.  The live
             * NationsGlobe ready contract already waits for the actual Three.js
             * texture path, so decoding the same images here only duplicates work
             * and holds the boot screen.  Keep revision-aware URL resolution in the
             * entry ledger, but make the image warm-up non-blocking.
             */
            BootPerf.mark('globe-shared image prewarm skipped', {
                count: urls.length,
                level: level,
                reason: 'deferred-to-nations-globe-ready-contract'
            });
            window.setTimeout(function () {
                if (!window.EntryStore || typeof window.EntryStore.preloadImages !== 'function') return;
                window.EntryStore.preloadImages(urls, {
                    limit: task.imageLimit == null ? 0 : Number(task.imageLimit),
                    concurrency: Math.max(1, Math.min(16, Number(task.concurrency) || 4)),
                    persistent: false
                }).catch(function () {});
            }, 0);
            return urls;
        });
    }

    function prepareImageAssets(task, level) {
        var refs = Array.isArray(task && task.assets) ? task.assets : [];
        var full = level === 'full';
        var exposeAs = String(task && task.exposeAs || '').trim();
        if (!refs.length) return Promise.resolve(null);
        return BootPerf.measure('image-assets url resolve', { count: refs.length, exposeAs: exposeAs, level: level }, function () {
            return Promise.all(refs.map(function (ref) {
                return window.EntryStore.resolveFileUrl(ref).catch(function () { return ''; });
            }));
        }).then(function (urls) {
            urls = urls.filter(Boolean);
            if (exposeAs === 'nationsGlobeLoadingGif') {
                window.NationsGlobeLoadingGifRef = refs[0] || '';
                window.NationsGlobeLoadingGifUrl = urls[0] || '';
                window.NationsGlobeLoadingGifFile = 'Gfx-vhs-glitch-001.gif';
            }
            if (!full) return urls;
            return BootPerf.measure('image-assets image prewarm', { count: urls.length, exposeAs: exposeAs, limit: task.imageLimit == null ? 0 : Number(task.imageLimit), concurrency: Math.max(1, Math.min(16, Number(task.concurrency) || 2)) }, function () {
                return window.EntryStore.preloadImages(urls, {
                    limit: task.imageLimit == null ? 0 : Number(task.imageLimit),
                    concurrency: Math.max(1, Math.min(16, Number(task.concurrency) || 2))
                });
            }).then(function () { return urls; });
        });
    }

    function prepareHtmlEntry(task) {
        var url = String(task && (task.url || task.ref) || '').trim();
        if (!url) return Promise.resolve(null);
        return window.EntryStore.fetchTextUrl(url, { noStore: !!task.noStore, resourceRef: task.resourceRef || task.ref || task.title || '' });
    }

    function prepareTask(task, defaultLevel) {
        var level = String(task && (task.level || defaultLevel) || 'half').toLowerCase();
        var type = String(task && task.type || '').toLowerCase();
        if (!task || typeof task !== 'object') return Promise.resolve(null);
        if (type === 'html') return prepareHtmlEntry(task);
        if (type === 'json') return window.EntryStore.fetchJsonRef(task.ref, { noStore: !!task.noStore });
        if (type === 'pixel-json') {
            return waitForDecorationRuntime().then(function (runtime) {
                if (level === 'full' && runtime && typeof runtime.preparePixelCanvas === 'function') {
                    return runtime.preparePixelCanvas(task.ref || task.asset);
                }
                return window.EntryStore.fetchJsonRef(task.ref || task.asset);
            });
        }
        if (type === 'decorations') return prepareDecorationSet(task, level);
        if (type === 'nations-era') return prepareNationsEra(task, level);
        if (type === 'globe-shared-assets') return prepareGlobeSharedAssets(task, level);
        if (type === 'image-assets') return prepareImageAssets(task, level);
        return Promise.resolve(null);
    }

    function loadManifest() {
        return BootPerf.measure('revision manifest load', {}, function () {
            return (window.RevisionManifest && typeof window.RevisionManifest.load === 'function' ? window.RevisionManifest.load() : Promise.resolve(null));
        }).then(function () {
            return BootPerf.measure('entry manifest json fetch', { ref: MANIFEST_TITLE }, function () {
                return window.EntryStore.fetchJsonRef(MANIFEST_TITLE, { noStore: false });
            });
        }).then(function (manifest) {
            if (!manifest || typeof manifest !== 'object' || !manifest.version) {
                BootPerf.mark('entry manifest fallback', { reason: 'invalid manifest' });
                return defaultManifest;
            }
            BootPerf.mark('entry manifest ready', { version: manifest.version });
            return manifest;
        }).catch(function (err) {
            BootPerf.mark('entry manifest fallback', { reason: err && (err.message || String(err)) || 'load failed' });
            return defaultManifest;
        });
    }

    function flattenInitialTasks(manifest) {
        var initial = manifest && manifest.initial ? manifest.initial : {};
        var full = Array.isArray(initial.full) ? initial.full : [];
        var half = Array.isArray(initial.half) ? initial.half : [];
        var tasks = [];
        full.forEach(function (task) {
            task = Object.assign({}, task);
            task.level = task.level || 'full';
            task.blocking = true;
            tasks.push(task);
        });
        half.forEach(function (task) {
            task = Object.assign({}, task);
            task.level = task.level || 'half';
            task.blocking = false;
            tasks.push(task);
        });
        return tasks;
    }


    function flattenWarmInitialTasks(tasks) {
        var warmed = [];
        (tasks || []).forEach(function (task) {
            var copy;
            var type = String(task && task.type || '').toLowerCase();
            if (!task || task.blocking === false) return;

            /*
             * Warm boot fast path — 20260708.
             *
             * Cold boot intentionally performs the expensive work: resolving every flag,
             * downloading/decoding images, preparing decoration canvases, and warming shared
             * globe textures.  Once a tab has certified the pack against the current revision
             * manifest, later tabs must not replay that full workload.  They only hydrate the
             * small tables needed by the live page and let already-cached image/blob data be
             * consumed on demand.  This is the missing layer that made second tabs feel almost
             * as slow as first tabs even though the string checks were true.
             */
            if (type === 'globe-shared-assets') return;
            if (type === 'image-assets') return;
            copy = Object.assign({}, task);
            if (type === 'nations-era') copy.level = 'warm';
            else if (type === 'decorations') {
                copy.level = 'half';
                copy.preparePixels = false;
            } else if (type === 'pixel-json') copy.level = 'half';
            warmed.push(copy);
        });
        return warmed;
    }

    function currentInitialPackKey(manifest) {
        var version = manifest && manifest.version ? String(manifest.version) : BUILD_ID;
        return 'initial-entry-full:' + version;
    }

    function currentInitialPackToken(manifest) {
        var version = manifest && manifest.version ? String(manifest.version) : BUILD_ID;
        var revToken = window.RevisionManifest && typeof window.RevisionManifest.manifestToken === 'function' ? window.RevisionManifest.manifestToken(version) : version;
        return revToken;
    }

    function isInitialPackWarm(manifest) {
        var key = currentInitialPackKey(manifest);
        var token = currentInitialPackToken(manifest);
        return !!(window.EntryCache && typeof window.EntryCache.packReady === 'function' && window.EntryCache.packReady(key, token));
    }

    function markInitialPackWarm(manifest, meta) {
        var key = currentInitialPackKey(manifest);
        var token = currentInitialPackToken(manifest);
        if (window.EntryCache && typeof window.EntryCache.setPackReady === 'function') {
            window.EntryCache.setPackReady(key, token, Object.assign({ manifestVersion: manifest && manifest.version || BUILD_ID }, meta || {}));
        }
    }


    function waitMs(ms) {
        return new Promise(function (resolve) { window.setTimeout(resolve, Math.max(0, ms || 0)); });
    }

    function waitForBody() {
        if (document.body) return Promise.resolve(document.body);
        return new Promise(function (resolve) {
            function tick() {
                if (document.body) return resolve(document.body);
                window.setTimeout(tick, 10);
            }
            tick();
        });
    }

    function waitForDomReady() {
        if (document.readyState !== 'loading') return Promise.resolve();
        return new Promise(function (resolve) {
            document.addEventListener('DOMContentLoaded', resolve, { once: true });
        });
    }

    function waitForAnimationFrames(count) {
        count = Math.max(1, Math.round(count || 1));
        return new Promise(function (resolve) {
            function next(left) {
                if (left <= 0) return resolve();
                window.requestAnimationFrame(function () { next(left - 1); });
            }
            next(count);
        });
    }

    function waitUntil(predicate, options) {
        var started = now();
        var timeout = options && options.timeoutMs ? options.timeoutMs : 8000;
        var interval = options && options.intervalMs ? options.intervalMs : 60;
        return new Promise(function (resolve) {
            function tick() {
                var result = false;
                try { result = predicate(); } catch (err) { result = false; }
                if (result) return resolve({ ok: true, value: result });
                if (now() - started >= timeout) return resolve({ ok: false, timeout: true });
                window.setTimeout(tick, interval);
            }
            tick();
        });
    }

    function waitForTrackedScripts() {
        var list = (window.EntryScriptLoads || []).slice();
        if (!list.length) return Promise.resolve([]);
        return Promise.all(list.map(function (promise) {
            return Promise.resolve(promise).catch(function (err) { return { ok: false, error: err }; });
        }));
    }

    function waitForDocumentSurface() {
        return waitForDomReady().then(function () {
            return waitForBody();
        }).then(function () {
            return waitUntil(function () {
                return document.querySelector('.content-wrapper') && document.querySelector('.liberty-content-main');
            }, { timeoutMs: 8000, intervalMs: 50 });
        });
    }

    function isNationsPageSurface() {
        var page = String(mw && mw.config ? (mw.config.get('wgPageName') || mw.config.get('wgTitle') || '') : '');
        return !!document.querySelector('.clbi-nations-panel-stack') || /(?:^|[_ ])시대(?:$|[_ ])/.test(page) || /(?:^|[_ ])Era(?:$|[_ ])/i.test(page);
    }

    function getInitialNationsEra(manifest) {
        var tasks = flattenInitialTasks(manifest);
        var i;
        for (i = 0; i < tasks.length; i += 1) {
            if (tasks[i] && tasks[i].type === 'nations-era' && String(tasks[i].level || '').toLowerCase() === 'full') {
                return String(tasks[i].era || '1950');
            }
        }
        return '1950';
    }

    function waitForNationsPanelReady(era) {
        return BootPerf.measure('wait nations panel api', { era: era }, function () {
            return waitUntil(function () { return window.NationsPanel && typeof window.NationsPanel.whenEraReady === 'function'; }, {
                timeoutMs: 8000,
                intervalMs: 50
            });
        }).then(function (result) {
            if (!result.ok || !window.NationsPanel || typeof window.NationsPanel.whenEraReady !== 'function') return null;
            return BootPerf.measure('wait nations panel era ready', { era: era }, function () {
                return window.NationsPanel.whenEraReady(era, { timeoutMs: 15000 }).catch(function () { return null; });
            });
        }).then(function () {
            return BootPerf.measure('wait nations panel dom ready', { era: era }, function () {
                return waitUntil(function () {
                    var panel = document.querySelector('.clbi-nations-era-content[data-era-content="' + era + '"] .clbi-nations-tabpanel[data-nation-list-source="1"]') ||
                        document.querySelector('.clbi-nations-tabpanel[data-nation-list-source="1"]');
                    return panel && panel.classList.contains('clbi-nations-list-json-ready') && panel.getAttribute('data-nation-list-year-loaded') === String(era);
                }, { timeoutMs: 15000, intervalMs: 80 });
            });
        });
    }

    function waitForNationsGlobeReady(options) {
        var globe = document.querySelector('.clbi-nations-globe-window[data-nations-globe], [data-nations-globe="real-world"]');
        var soft;
        var timeout;

        options = options || {};
        soft = !!options.soft;
        timeout = Number(options.timeoutMs || (soft ? 450 : 30000));

        if (!globe) {
            BootPerf.mark('wait nations globe skipped', { reason: 'no globe node', soft: soft });
            return Promise.resolve(null);
        }

        return BootPerf.measure(soft ? 'wait nations globe warm attach' : 'wait nations globe ready contract', { soft: soft, timeoutMs: timeout }, function () {
            if (soft) {
                /*
                Warm-tab policy:
                Raw globe images are already revision-checked and blob-cached by EntryCache,
                but WebGL scene creation, GPU upload, topojson parsing, and per-tab Three.js
                objects cannot be shared across browser tabs.  Waiting for the full is-ready
                contract here makes a warm tab slower than the first tab.  In warm mode the
                initial gate only waits until the globe consumer has been attached, then the
                globe finishes its own per-tab hydrate without holding the whole page hostage.
                */
                return waitUntil(function () {
                    var node = document.querySelector('.clbi-nations-globe-window[data-nations-globe], [data-nations-globe="real-world"]');
                    if (!node) return false;
                    return node.getAttribute('data-nations-globe-ready') === '1' ||
                        !!node.CLBI_NationsGlobeInstance ||
                        !!node.querySelector('.clbi-nations-globe-stage') ||
                        node.classList.contains('is-ready') ||
                        node.classList.contains('has-error');
                }, { timeoutMs: timeout, intervalMs: 40 });
            }

            return waitUntil(function () {
                var node = document.querySelector('.clbi-nations-globe-window[data-nations-globe], [data-nations-globe="real-world"]');
                return node && (node.classList.contains('is-ready') || node.classList.contains('has-error'));
            }, { timeoutMs: timeout, intervalMs: 100 });
        });
    }

    function waitForDecorationsReady(options) {
        options = options || {};
        return waitForDecorationRuntime().then(function (runtime) {
            if (!runtime) return null;
            if (options.warm) {
                /*
                 * Warm tab contract — 20260708.
                 *
                 * The decoration registry and pixel canvases were prepared by the cold tab.
                 * Calling reload() here re-reads and re-syncs the decoration layer during the
                 * boot gate, which is visible as a pointless delay.  A warm tab only needs the
                 * current visibility pass so boot can release quickly and editing/preview tools
                 * remain responsive.
                 */
                try {
                    if (typeof runtime.updateVisibility === 'function') runtime.updateVisibility(document);
                    else if (typeof runtime.sync === 'function') runtime.sync();
                } catch (err) {}
                return waitForAnimationFrames(1);
            }
            if (typeof runtime.reload !== 'function') return null;
            return runtime.reload().catch(function () { return null; }).then(function () {
                return waitForAnimationFrames(2);
            });
        });
    }

    function waitForCurrentEntrySurface(manifest, options) {
        var era = getInitialNationsEra(manifest);
        var warmPack;

        options = options || {};
        warmPack = !!options.warmPack;

        if (!isNationsPageSurface()) {
            return waitForDecorationsReady({ warm: !!warmPack }).then(function () { return waitForAnimationFrames(1); });
        }
        if (bootStatusNode) bootStatusNode.textContent = warmPack ? 'Hydrating current information surface from warm cache' : 'Preparing current information surface';
        if (bootDetailNode) bootDetailNode.textContent = 'waiting for era ' + era + ' ready contract';
        return waitForNationsPanelReady(era)
            .then(function () {
                if (warmPack) {
                    if (bootDetailNode) bootDetailNode.textContent = 'attaching globe warm consumer';
                    return waitForNationsGlobeReady({ soft: true, timeoutMs: 450 });
                }
                if (bootDetailNode) bootDetailNode.textContent = 'waiting for globe ready contract';
                return waitForNationsGlobeReady();
            })
            .then(function () {
                if (bootDetailNode) bootDetailNode.textContent = 'waiting for decoration surface';
                return waitForDecorationsReady({ warm: warmPack });
            })
            .then(function () { return waitForAnimationFrames(warmPack ? 1 : 2); });
    }

    function runDeferredEntryWarmups() {
        var queue = deferredEntryWarmups.splice(0);
        if (!queue.length) return;
        window.setTimeout(function () {
            var chain = Promise.resolve();
            queue.forEach(function (job) {
                chain = chain.then(function () {
                    try { return job(); }
                    catch (err) { return null; }
                }).catch(function () { return null; });
            });
        }, 1200);
    }

    function runInitialLoad(options) {
        var done = 0;
        var manifestRef;
        var tasks;
        var bootOptions;
        var timedOut = false;
        var warmPack = false;

        options = options || {};
        bootStartTime = window.__BootGatePrelude && window.__BootGatePrelude.startTime ? window.__BootGatePrelude.startTime : now();
        activateBootSurface();
        ensureBootScreen();
        updateBootProgress(0, 1, 'loading entry manifest');

        manifestRef = loadManifest().then(function (manifest) {
            var minDisplay;
            var totalSteps;
            var maxBlockingMs;
            var timeoutHandle;
            bootOptions = manifest.boot || {};
            warmPack = isInitialPackWarm(manifest);
            minDisplay = options.minDisplayMs || (warmPack ? (bootOptions.cachedMinDisplayMs || 220) : (bootOptions.minDisplayMs || 950));
            tasks = flattenInitialTasks(manifest);
            if (!tasks.length) tasks = flattenInitialTasks(defaultManifest);
            if (warmPack) tasks = flattenWarmInitialTasks(tasks);

            /*
            Full/half contract:
            These manifest tasks only prepare data assets.  The gate is not allowed to open
            until the current page surface has consumed that data and reported a real ready
            state below.  Do not reintroduce localStorage-only skip logic here; a cached
            version number is not the same as current-tab readiness.
            */
            totalSteps = tasks.length + 4;
            updateBootProgress(0, totalSteps, warmPack ? 'hydrating warm entry cache' : 'starting entry packs');

            return new Promise(function (resolve) {
                maxBlockingMs = Number(options.maxBlockingMs || bootOptions.maxBlockingMs || 30000);
                timeoutHandle = window.setTimeout(function () {
                    timedOut = true;
                    resolve();
                }, maxBlockingMs);

                Promise.all(tasks.map(function (task) {
                    var label = task.label || task.id || task.type || 'entry task';
                    return BootPerf.measure('boot task: ' + label, { id: task.id || '', type: task.type || '', level: task.level || task.level === 0 ? task.level : '' }, function () {
                        return prepareTask(task, task.level);
                    }).catch(function () {
                        return null;
                    }).then(function () {
                        done += 1;
                        updateBootProgress(done, totalSteps, label);
                    });
                })).then(function () {
                    updateBootProgress(++done, totalSteps, 'loading subsystem scripts');
                    return BootPerf.measure('wait tracked subsystem scripts', { count: (window.EntryScriptLoads || []).length }, function () { return waitForTrackedScripts(); });
                }).then(function () {
                    updateBootProgress(++done, totalSteps, 'waiting for document shell');
                    return BootPerf.measure('wait document shell', {}, function () { return waitForDocumentSurface(); });
                }).then(function () {
                    updateBootProgress(++done, totalSteps, 'waiting for current entry surface');
                    return BootPerf.measure('wait current entry surface', { warmPack: warmPack }, function () { return waitForCurrentEntrySurface(manifest, { warmPack: warmPack }); });
                }).then(function () {
                    updateBootProgress(totalSteps, totalSteps, warmPack ? 'warm entry surface complete' : 'entry surface complete');
                    window.clearTimeout(timeoutHandle);
                    resolve();
                }).catch(function () {
                    window.clearTimeout(timeoutHandle);
                    resolve();
                });
            }).then(function () {
                var elapsed = now() - bootStartTime;
                var wait = Math.max(0, minDisplay - elapsed);
                return waitMs(wait);
            }).then(function () {
                localStorage.setItem(READY_KEY, String(manifest.version));
                if (!timedOut) markInitialPackWarm(manifest, { warmSource: warmPack ? 'cache-hit' : 'cold-build' });
                if (bootStatusNode) bootStatusNode.textContent = timedOut ? 'Entry surface ready with deferred items' : (warmPack ? 'Entry surface ready from warm cache' : 'Entry surface ready');
                updateBootProgress(tasks.length + 4, tasks.length + 4, timedOut ? 'timeout: continuing deferred loading' : (warmPack ? 'warm cache complete' : 'complete'));
                BootPerf.mark('boot gate complete', { timedOut: timedOut, warmPack: warmPack, manifestVersion: manifest && manifest.version || '' });
                BootPerf.print();
                runDeferredEntryWarmups();
                window.setTimeout(function () {
                    if (requiresLoginGate()) showLoginGate();
                    else hideBootScreen();
                }, 120);
                return manifest;
            });
        });

        return manifestRef;
    }

    function startBoot(options) {
        if (BOOT_EXCLUDED_PAGE && !(options && options.force)) {
            hideBootScreen();
            return Promise.resolve({ skipped: true, reason: 'developer-or-editing-page' });
        }
        if (hasBootParam('0') && !requiresLoginGate() && !(options && options.force)) return Promise.resolve(null);
        if (bootStarted && bootPromise && !(options && options.force)) return bootPromise;
        bootStarted = true;
        bootPromise = runInitialLoad(options || {});
        return bootPromise;
    }

    function resetBoot() {
        localStorage.removeItem(READY_KEY);
        bootStarted = false;
        bootPromise = null;
        loginGateLocked = false;
    }

    /*
    BootGate intentionally has no SPA hold/release API.
    Initial boot is the only blocking phase; later SPA routes must consume prepared
    EntryStore artifacts without reopening the loading surface.
    */

    function buildBootReport() {
        return {
            build: BUILD_ID,
            state: {
                started: bootStarted,
                excludedPage: BOOT_EXCLUDED_PAGE,
                loginRequired: requiresLoginGate(),
                loginLocked: loginGateLocked,
                hasNode: !!((bootNode && bootNode.parentNode) || document.getElementById('boot-gate-screen')),
                htmlActive: !!(document.documentElement && document.documentElement.classList.contains('boot-gate-active')),
                bodyActive: !!(document.body && document.body.classList.contains('boot-gate-active'))
            },
            store: window.EntryStore && window.EntryStore.cacheInfo ? window.EntryStore.cacheInfo() : null,
            bootPerf: window.BootPerf && typeof window.BootPerf.summary === 'function' ? window.BootPerf.summary() : null,
            revisionManifest: window.RevisionManifest && typeof window.RevisionManifest.status === 'function' ? window.RevisionManifest.status() : null,
            nations: window.NationsPanel && typeof window.NationsPanel.diagnostics === 'function' ? window.NationsPanel.diagnostics() : null,
            decorations: window.Decorations && typeof window.Decorations.diagnostics === 'function' ? window.Decorations.diagnostics() : null
        };
    }

    window.EntryLoader = window.EntryLoader || {
        loadManifest: loadManifest,
        prepareTask: prepareTask,
        prepareNationsEra: prepareNationsEra,
        prepareDecorationSet: prepareDecorationSet,
        prepareGlobeSharedAssets: prepareGlobeSharedAssets,
        prepareImageAssets: prepareImageAssets,
        prepareHtmlEntry: prepareHtmlEntry,
        runInitialLoad: runInitialLoad
    };

    function showBootPreview(options) {
        var node;
        options = options || {};
        /*
         * Boot preview is a design/editing surface, not a real boot gate.
         * The earlier preview reused activateBootSurface(), which applied
         * html.boot-gate-active and hid the entire wiki shell, including
         * DevTools.  That made it impossible to edit loading-screen
         * decorations while previewing them.  Keep the real first-entry gate
         * full-screen, but make preview a small non-blocking surface below the
         * DevTools z-index so the owner can keep using the editor.
         */
        node = ensureBootScreen({ preview: true });
        if (!node) return null;
        node.classList.add('is-preview');
        if (bootStatusNode) bootStatusNode.textContent = options.status || 'Loading screen preview';
        updateBootProgress(Number(options.progress || 64), 100, options.detail || 'preview mode: no entry tasks are running');
        try {
            if (window.Decorations && typeof window.Decorations.sync === 'function') window.Decorations.sync();
        } catch (err) {}
        return node;
    }

    window.BootGate = window.BootGate || {
        version: BUILD_ID,
        start: startBoot,
        show: function (options) {
            options = options || {};
            options.force = true;
            resetBoot();
            return startBoot(options);
        },
        reset: resetBoot,
        hide: hideBootScreen,
        preview: showBootPreview,
        report: buildBootReport,
        state: function () {
            return {
                started: bootStarted,
                loginRequired: requiresLoginGate(),
                loginLocked: loginGateLocked,
                hasNode: !!((bootNode && bootNode.parentNode) || document.getElementById('boot-gate-screen')),
                htmlActive: !!(document.documentElement && document.documentElement.classList.contains('boot-gate-active')),
                bodyActive: !!(document.body && document.body.classList.contains('boot-gate-active')),
                prelude: !!window.__BootGatePrelude,
                store: window.EntryStore && window.EntryStore.cacheInfo ? window.EntryStore.cacheInfo() : null,
                revisionManifest: window.RevisionManifest && typeof window.RevisionManifest.status === 'function' ? window.RevisionManifest.status() : null
            };
        }
    };

    function prime() {
        if (BOOT_EXCLUDED_PAGE) {
            hideBootScreen();
            return;
        }
        activateBootSurface();
        waitForBody().then(function () {
            ensureBootScreen();
            return waitForAnimationFrames(1);
        }).then(function () {
            startBoot();
        });
    }

    waitForBody().then(function () {
        if (!BOOT_EXCLUDED_PAGE) ensureBootScreen();
        else hideBootScreen();
    });
    window.setTimeout(prime, 0);
})(window, document, window.mediaWiki || window.mw);


loadClbiRawScript('MediaWiki:DevTools.js');
loadClbiRawScript('MediaWiki:NationsPanel.js');
loadClbiRawScript('MediaWiki:NationsGlobe.js');

/* CLBI safety guard: adaptive reset functions must exist before shell metric callbacks run. */
function resetLeftRecentAdaptiveState() {
    var list = document.getElementById('clbi-left-recent-list');
    var newsBox = list ? list.closest('.clbi-left-news-box') : null;
    var items = list ? Array.prototype.slice.call(list.querySelectorAll('.news-recent-item')) : [];

    if (newsBox) {
        newsBox.classList.remove('is-adaptive-constrained');
        newsBox.style.removeProperty('--adaptive-news-h');
    }

    if (list) {
        list.classList.remove('is-adaptive-faded');
        list.removeAttribute('data-adaptive-limit');
        list.style.removeProperty('--adaptive-recent-h');
    }

    items.forEach(function (item) {
        item.classList.remove('is-adaptive-hidden');
    });
}

function resetLeftBillboardAdaptiveState() {
    var box = document.querySelector('#clbi-left-sidebar .left-billboard-box');

    if (!box) return;

    box.classList.remove('is-left-ad-title-only', 'is-left-ad-extended');
    box.style.removeProperty('--left-billboard-h');
    box.style.removeProperty('--left-billboard-finish-h');
}

window.resetLeftRecentAdaptiveState = resetLeftRecentAdaptiveState;
window.resetLeftBillboardAdaptiveState = resetLeftBillboardAdaptiveState;

loadClbiRawScript('MediaWiki:AnecdoteViewer.js');


(function () {
    'use strict';

    var SYSTEM_TITLE_NAMESPACES = {
        '-1': true,
        '4': true,
        '5': true,
        '6': true,
        '7': true,
        '8': true,
        '9': true,
        '10': true,
        '11': true,
        '12': true,
        '13': true,
        '14': true,
        '15': true,
        '828': true,
        '829': true
    };

    function normalizePageNameForShell(value) {
        return String(value || '')
            .split('?')[0]
            .replace(/^\/index\.php\//, '')
            .replace(/_/g, ' ')
            .trim();
    }

    function readCurrentPageNameForShell() {
        var pageName = mw.config.get('wgPageName') || '';

        if (pageName) {
            return normalizePageNameForShell(pageName);
        }

        return normalizePageNameForShell(window.location.pathname || '');
    }

    function isAnecdoteNamespaceForShell() {
        var namespaceNumber = Number(mw.config.get('wgNamespaceNumber'));
        var canonicalNamespace = String(mw.config.get('wgCanonicalNamespace') || '').toLowerCase();
        var pageName = readCurrentPageNameForShell();

        return namespaceNumber === 3000 ||
            canonicalNamespace === 'anecdote' ||
            /^(anecdote|에넥도트):/i.test(pageName);
    }

    function isBackendOrSystemPageForShell() {
        var namespaceNumber = Number(mw.config.get('wgNamespaceNumber'));
        var action = String(mw.config.get('wgAction') || 'view').toLowerCase();
        var contentModel = String(mw.config.get('wgPageContentModel') || '').toLowerCase();
        var pageName = readCurrentPageNameForShell();
        var lowerPageName = pageName.toLowerCase();

        if (action && action !== 'view') {
            return true;
        }

        if (pageName === '대문') {
            return false;
        }

        if (SYSTEM_TITLE_NAMESPACES[String(namespaceNumber)]) {
            return true;
        }

        if (contentModel === 'css' || contentModel === 'javascript' || contentModel === 'json' || contentModel === 'sanitized-css') {
            return true;
        }

        if (/\.(css|js|json)$/i.test(pageName)) {
            return true;
        }

        if (/^(mediawiki|미디어위키|special|특수):/i.test(pageName)) {
            return true;
        }

        return false;
    }

    function isMediaWikiSystemAssetPageForShell() {
        var namespaceNumber = Number(mw.config.get('wgNamespaceNumber'));
        var pageName = readCurrentPageNameForShell();
        var contentModel = String(mw.config.get('wgPageContentModel') || '').toLowerCase();

        return namespaceNumber === 8 &&
            (/\.(css|js)$/i.test(pageName) || contentModel === 'css' || contentModel === 'javascript' || contentModel === 'sanitized-css');
    }


    var systemDocRawFetchToken = 0;

    function cleanupLegacySystemDocCodeMutationsForShell() {
        document.querySelectorAll('.clbi-system-doc-codepane').forEach(function (pane) {
            var parent;

            if (!pane || !pane.parentNode) return;

            parent = pane.parentNode;
            while (pane.firstChild) {
                parent.insertBefore(pane.firstChild, pane);
            }
            parent.removeChild(pane);
        });

        document.querySelectorAll('.clbi-system-doc-codebox').forEach(function (node) {
            node.classList.remove('clbi-system-doc-codebox');
            node.removeAttribute('data-clbi-system-doc-codebox');
            node.removeAttribute('style');
        });
    }

    function getSystemDocOutputForShell() {
        return document.querySelector('.liberty-content-main .mw-parser-output');
    }

    function findSystemDocSourceNodeForShell() {
        var output = getSystemDocOutputForShell();
        var children;
        var preferred;

        if (!output) return null;

        children = Array.prototype.slice.call(output.children || [])
            .filter(function (el) {
                return el && el.nodeType === 1 &&
                    el.id !== 'clbi-system-doc-indicator-row' &&
                    el.id !== 'clbi-system-source-viewer' &&
                    !el.classList.contains('catlinks') &&
                    (el.textContent || '').trim().length > 200;
            });

        preferred = children.filter(function (el) {
            return el.matches && el.matches('.mw-highlight, .mw-code, pre');
        })[0];

        return preferred || children.sort(function (a, b) {
            return (b.textContent || '').trim().length - (a.textContent || '').trim().length;
        })[0] || null;
    }

    function getSystemDocRawUrlForShell() {
        var title = mw.config.get('wgPageName') || readCurrentPageNameForShell();
        var url;

        if (window.mw && mw.util && typeof mw.util.getUrl === 'function') {
            url = mw.util.getUrl(title, {
                action: 'raw',
                ctype: 'text/plain'
            });
        } else {
            url = '/index.php?title=' + encodeURIComponent(title) + '&action=raw&ctype=text/plain';
        }

        if (window.RevisionManifest && typeof window.RevisionManifest.addRevisionParam === 'function') {
            url = window.RevisionManifest.addRevisionParam(url, title);
        }
        return url;
    }

    function removeSystemDocSourceViewerForShell() {
        var viewer = document.getElementById('clbi-system-source-viewer');

        if (viewer && viewer.parentNode) {
            viewer.parentNode.removeChild(viewer);
        }

        document.querySelectorAll('.clbi-system-original-source-hidden').forEach(function (node) {
            node.classList.remove('clbi-system-original-source-hidden');
            node.removeAttribute('data-clbi-system-source-hidden');
            node.style.removeProperty('display');
        });

        cleanupLegacySystemDocCodeMutationsForShell();
    }

    function ensureSystemDocSourceViewerForShell() {
        var output = getSystemDocOutputForShell();
        var source;
        var viewer;
        var fallbackText;

        if (!output || !isMediaWikiSystemAssetPageForShell()) return null;

        cleanupLegacySystemDocCodeMutationsForShell();

        source = findSystemDocSourceNodeForShell();
        if (!source) return null;

        viewer = document.getElementById('clbi-system-source-viewer');

        if (!viewer) {
            viewer = document.createElement('pre');
            viewer.id = 'clbi-system-source-viewer';
            viewer.className = 'clbi-system-source-viewer';
            output.appendChild(viewer);
        }

        fallbackText = source.textContent || '';

        if (!viewer.textContent && fallbackText) {
            viewer.textContent = fallbackText;
        }

        source.classList.add('clbi-system-original-source-hidden');
        source.setAttribute('data-clbi-system-source-hidden', 'true');
        source.style.setProperty('display', 'none', 'important');

        return viewer;
    }

    function renderSystemDocSourceViewerForShell() {
        var viewer;
        var pageName;
        var token;
        var currentScrollTop;

        if (!isMediaWikiSystemAssetPageForShell()) return;

        pageName = String(mw.config.get('wgPageName') || readCurrentPageNameForShell());
        viewer = document.getElementById('clbi-system-source-viewer');

        /*
        시스템 문서 뷰어가 이미 만들어져 있고 raw 원문도 로드된 상태라면
        다시 source 탐색/숨김/스타일 재적용을 하지 않는다.
        DevTools Elements 패널에서 body가 계속 파랗게 깜빡이던 원인은
        MutationObserver가 이 재적용을 반복해서 DOM attribute mutation을 만들었기 때문이다.
        */
        if (
            viewer &&
            viewer.getAttribute('data-clbi-raw-title') === pageName &&
            viewer.getAttribute('data-clbi-raw-loaded') === '1'
        ) {
            return;
        }

        viewer = ensureSystemDocSourceViewerForShell();
        if (!viewer) return;

        currentScrollTop = viewer.scrollTop || 0;
        viewer.setAttribute('data-clbi-raw-title', pageName);
        token = ++systemDocRawFetchToken;

        fetch(getSystemDocRawUrlForShell(), { credentials: 'same-origin' })
            .then(function (res) {
                if (!res.ok) throw new Error('raw fetch failed ' + res.status);
                return res.text();
            })
            .then(function (text) {
                if (token !== systemDocRawFetchToken) return;

                currentScrollTop = viewer.scrollTop || currentScrollTop || 0;

                if (text && viewer.textContent !== text) {
                    viewer.textContent = text;
                }

                viewer.setAttribute('data-clbi-raw-loaded', '1');
                viewer.scrollTop = currentScrollTop;
            })
            .catch(function () {
                viewer.setAttribute('data-clbi-raw-loaded', '0');
            });
    }

    function removeSystemDocIndicatorForShell() {
        var existing = document.getElementById('clbi-system-doc-indicator-row');

        if (document.body) {
            document.body.classList.remove('clbi-system-doc-page');
        }

        if (existing && existing.parentNode) {
            existing.parentNode.removeChild(existing);
        }

        removeSystemDocSourceViewerForShell();
    }

    function renderSystemDocIndicatorForShell() {
        var pageName;
        var extMatch;
        var ext;
        var row;
        var box;
        var meta;
        var label;
        var type;
        var title;
        var anchor;
        var main;

        if (!document.body || !isMediaWikiSystemAssetPageForShell()) return;

        pageName = readCurrentPageNameForShell();
        extMatch = pageName.match(/\.(css|js)$/i);
        ext = extMatch ? extMatch[1].toUpperCase() : 'DOC';

        document.body.classList.add('clbi-system-doc-page');

        row = document.getElementById('clbi-system-doc-indicator-row');

        if (!row) {
            row = document.createElement('div');
            row.id = 'clbi-system-doc-indicator-row';
            row.className = 'clbi-system-doc-indicator-row';

            box = document.createElement('div');
            box.className = 'clbi-system-doc-indicator';

            meta = document.createElement('div');
            meta.className = 'clbi-system-doc-meta';

            label = document.createElement('span');
            label.className = 'clbi-system-doc-label';
            label.textContent = 'SYSTEM DOCUMENT';

            type = document.createElement('span');
            type.className = 'clbi-system-doc-type';

            title = document.createElement('div');
            title.className = 'clbi-system-doc-title';

            meta.appendChild(label);
            meta.appendChild(type);
            box.appendChild(meta);
            box.appendChild(title);
            row.appendChild(box);

            anchor = getSystemDocOutputForShell();
            main = document.querySelector('.liberty-content-main');

            if (anchor && anchor.parentNode) {
                anchor.parentNode.insertBefore(row, anchor);
            } else if (main) {
                main.insertBefore(row, main.firstChild);
            }
        }

        type = row.querySelector('.clbi-system-doc-type');
        title = row.querySelector('.clbi-system-doc-title');

        if (type) type.textContent = ext;
        if (title) title.textContent = pageName;

        renderSystemDocSourceViewerForShell();
    }

    var PAGE_TITLE_TARGET_SELECTORS = [
        '.liberty-content-header',
        '.liberty-content-header .title',
        '.liberty-content-header .title h1',
        '.liberty-content-header h1',
        '#firstHeading',
        '.firstHeading',
        '.mw-first-heading',
        '.page-heading',
        '.page-header',
        '.mw-page-title-main',
        '.mw-page-title-namespace',
        '.mw-page-title-separator'
    ];

    var pageShellObserverStarted = false;
    var pageShellObserverTimer = null;

    function setPageTitleDomHidden(hidden) {
        var nodes = document.querySelectorAll(PAGE_TITLE_TARGET_SELECTORS.join(','));

        nodes.forEach(function (node) {
            if (!node || !node.style) return;

            if (hidden) {
                node.setAttribute('data-clbi-title-hidden', 'true');
                node.style.setProperty('display', 'none', 'important');
            } else if (node.getAttribute('data-clbi-title-hidden') === 'true') {
                node.removeAttribute('data-clbi-title-hidden');
                node.style.removeProperty('display');
            }
        });
    }

    function applyPageShellClasses() {
        var body = document.body;
        var isSystemPage;

        if (!body) return;

        isSystemPage = isBackendOrSystemPageForShell();

        body.classList.remove('page-title-hidden', 'page-title-visible', 'backend-system-page', 'anecdote-namespace-page');

        if (!isMediaWikiSystemAssetPageForShell()) {
            body.classList.remove('clbi-system-doc-page');
            removeSystemDocIndicatorForShell();
        }

        if (isAnecdoteNamespaceForShell()) {
            body.classList.add('anecdote-namespace-page');
        }

        if (isMediaWikiSystemAssetPageForShell()) {
            body.classList.add('page-title-hidden', 'backend-system-page', 'clbi-system-doc-page');
            setPageTitleDomHidden(true);
            renderSystemDocIndicatorForShell();
        } else if (isSystemPage) {
            body.classList.add('page-title-visible', 'backend-system-page');
            setPageTitleDomHidden(false);
        } else {
            body.classList.add('page-title-hidden');
            setPageTitleDomHidden(true);
        }
    }

    function applyPageShellClassesDeferred() {
        applyPageShellClasses();
        window.setTimeout(applyPageShellClasses, 0);
        window.setTimeout(applyPageShellClasses, 80);
        window.setTimeout(applyPageShellClasses, 250);
    }

    function startPageShellObserver() {
        var observer;

        if (pageShellObserverStarted || !window.MutationObserver || !document.body) return;

        pageShellObserverStarted = true;
        observer = new MutationObserver(function (mutations) {
            var i;
            var target;

            /*
            시스템 CSS/JS 문서는 applyPageShellClasses()가 초기에 한 번
            인디케이터와 source viewer를 만든 뒤에는 MutationObserver가 다시
            같은 렌더링을 반복할 필요가 없다. 이 반복이 DevTools에서 body/요소가
            계속 플래시되는 직접 원인이다.
            SPA 전환 뒤의 처리는 loadPage()와 wikipage.content hook에서 따로 호출된다.
            */
            if (isMediaWikiSystemAssetPageForShell()) {
                for (i = 0; i < mutations.length; i += 1) {
                    target = mutations[i] && mutations[i].target;

                    if (
                        target &&
                        target.nodeType === 1 &&
                        (
                            target.id === 'clbi-system-source-viewer' ||
                            target.id === 'clbi-system-doc-indicator-row' ||
                            (target.closest && target.closest('#clbi-system-source-viewer, #clbi-system-doc-indicator-row'))
                        )
                    ) {
                        return;
                    }
                }

                if (
                    document.getElementById('clbi-system-doc-indicator-row') &&
                    document.getElementById('clbi-system-source-viewer')
                ) {
                    return;
                }
            }

            if (pageShellObserverTimer) return;

            pageShellObserverTimer = window.setTimeout(function () {
                pageShellObserverTimer = null;
                applyPageShellClasses();
            }, 50);
        });

        /*
        SPA 본문 교체는 wikipage.content 훅이 담당한다.
        body 전체 subtree를 감시하면 대문 SVG·장식·DevTools 내부 변경까지
        페이지 셸 재판정으로 증폭되므로 body 직계 자식 변화만 감시한다.
        */
        observer.observe(document.body, {
            childList: true,
            subtree: false
        });
    }

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', function () {
            applyPageShellClassesDeferred();
            startPageShellObserver();
        });
    } else {
        applyPageShellClassesDeferred();
        startPageShellObserver();
    }

    if (mw.hook) {
        mw.hook('wikipage.content').add(applyPageShellClassesDeferred);
    }

    window.CLBI_PAGE_SHELL = {
        refresh: applyPageShellClasses,
        isBackendOrSystemPage: isBackendOrSystemPageForShell,
        isSystemAssetPage: isMediaWikiSystemAssetPageForShell,
        renderSystemDocIndicator: renderSystemDocIndicatorForShell,
        removeSystemDocIndicator: removeSystemDocIndicatorForShell,
        refreshSystemDocSourceViewer: renderSystemDocSourceViewerForShell
    };
}());

function loadLangScript(done) {
    $.getScript('/index.php?title=미디어위키:Lang.js&action=raw&ctype=text/javascript')
        .done(function() {
            if (typeof done === 'function') done();
        })
        .fail(function(a, b, c) {
            console.error('Lang.js load failed:', b, c);
            if (typeof done === 'function') done();
        });
}


/*
DevTools 같은 내부 스크롤은 셸 레이아웃을 바꾸지 않는다. 이 짧은 상호작용 동안
전체 화면 WebGL/CRT가 새 GPU 프레임을 계속 제출하면, transform 셸과 고정 네비의
합성 타일 갱신이 서로 경합한다. 마지막 정상 프레임은 그대로 유지하고 시각 시계도
정지시켜, 스크롤 종료 후 끊김 없이 이어지게 한다.
*/
var CLBI_COMPOSITOR_BUSY_UNTIL = 0;

function markClbiCompositorBusy(duration) {
    var now = window.performance && performance.now ? performance.now() : Date.now();
    CLBI_COMPOSITOR_BUSY_UNTIL = Math.max(CLBI_COMPOSITOR_BUSY_UNTIL, now + Math.max(80, Number(duration) || 140));
}

function isClbiCompositorBusy() {
    var now = window.performance && performance.now ? performance.now() : Date.now();
    return now < CLBI_COMPOSITOR_BUSY_UNTIL;
}

window.markClbiCompositorBusy = markClbiCompositorBusy;
window.isClbiCompositorBusy = isClbiCompositorBusy;

if (!window.CLBI_COMPOSITOR_ACTIVITY_BOUND) {
    window.CLBI_COMPOSITOR_ACTIVITY_BOUND = true;

    document.addEventListener('scroll', function (event) {
        var target = event.target && event.target.nodeType === 1 ? event.target : null;
        if (target && target.closest && target.closest('#dev-tools-panel')) {
            markClbiCompositorBusy(160);
        }
    }, true);

    document.addEventListener('wheel', function (event) {
        var target = event.target && event.target.nodeType === 1 ? event.target : null;
        if (target && target.closest && target.closest('#dev-tools-panel')) {
            markClbiCompositorBusy(160);
        }
    }, { capture:true, passive:true });
}

function initHalftoneBackground() {
    try {
        initWebGLHalftoneBackground();
    } catch (err) {
        console.error('WebGL halftone background failed:', err);
    }
}

function initWebGLHalftoneBackground() {
    var canvasId = 'site-halftone-bg';
    var existing = document.getElementById(canvasId);
    var canvas = existing || document.createElement('canvas');
    var halftoneState = window.SiteHalftoneBackgroundState || (window.SiteHalftoneBackgroundState = { runId: 0 });
    var runId = halftoneState.runId + 1;

    halftoneState.runId = runId;

    if (!existing) {
        canvas.id = canvasId;
        canvas.setAttribute('aria-hidden', 'true');
        document.body.insertBefore(canvas, document.body.firstChild || null);
    }

    canvas.style.position = 'fixed';
    canvas.style.inset = '0';
    canvas.style.width = '100vw';
    canvas.style.height = '100vh';
    canvas.style.pointerEvents = 'none';
    canvas.style.background = '#000000';
    canvas.style.display = 'block';

    if (!canvas.getAttribute('data-halftone-context-watch')) {
        canvas.setAttribute('data-halftone-context-watch', '1');
        canvas.addEventListener('webglcontextlost', function (event) {
            event.preventDefault();
            canvas.style.display = 'none';
            if (window.SiteHalftoneBackgroundState) {
                window.SiteHalftoneBackgroundState.contextLost = true;
                window.SiteHalftoneBackgroundState.runId += 1;
            }
        }, false);
        canvas.addEventListener('webglcontextrestored', function () {
            if (window.SiteHalftoneBackgroundState) {
                window.SiteHalftoneBackgroundState.contextLost = false;
            }
            window.setTimeout(initWebGLHalftoneBackground, 0);
        }, false);
    }

    var gl = canvas.getContext('webgl', {
        alpha: false,
        antialias: false,
        depth: false,
        stencil: false,
        preserveDrawingBuffer: false,
        powerPreference: 'low-power'
    }) || canvas.getContext('experimental-webgl');

    if (!gl) {
        canvas.style.display = 'none';
        console.warn('WebGL background unavailable.');
        return;
    }

    var vertexSrc = [
        'attribute vec2 a_position;',
        'void main() {',
        '  gl_Position = vec4(a_position, 0.0, 1.0);',
        '}'
    ].join('\n');

    var fragmentSrc = [
        'precision mediump float;',
        'uniform vec2 u_resolution;',
        'uniform float u_time;',
        'const float TAU = 6.28318530718;',
        'float gaussian(float v, float r) {',
        '  return exp(-((v * v) / max(0.0001, r * r)));',
        '}',
        'float hash(vec2 p) {',
        '  return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453123);',
        '}',
        'float bucketAlpha(float a) {',
        '  float i = floor(a * 9.0);',
        '  if (i < 1.0) return 0.040;',
        '  if (i < 2.0) return 0.080;',
        '  if (i < 3.0) return 0.135;',
        '  if (i < 4.0) return 0.210;',
        '  if (i < 5.0) return 0.310;',
        '  if (i < 6.0) return 0.430;',
        '  if (i < 7.0) return 0.580;',
        '  if (i < 8.0) return 0.760;',
        '  return 0.920;',
        '}',
        'void main() {',
        '  vec2 frag = gl_FragCoord.xy;',
        '  float spacing = 5.0;',
        '  float dotSize = 1.08;',
        '  vec2 grid = floor(frag / spacing);',
        '  vec2 inCell = mod(frag, spacing);',
        '  vec2 dotOrigin = vec2(1.0, 1.0);',
        '  vec2 dotCenter = dotOrigin + vec2(dotSize * 0.5);',
        '  vec2 local = abs(inCell - dotCenter);',
        '  float noise = hash(grid);',
        '  float size = dotSize + noise * 0.18;',
        '  float dotMask = 1.0 - smoothstep(size * 0.5, size * 0.5 + 0.22, max(local.x, local.y));',
        '  vec2 uv = frag / u_resolution;',
        '  float centerLine = 0.50 +',
        '    sin((uv.y * 1.32 + 0.08) * TAU) * 0.070 +',
        '    sin((uv.y * 3.18 + 0.34) * TAU) * 0.030;',
        '  float u = uv.x - centerLine;',
        '  float absU = abs(u);',
        '  float sideLift = smoothstep(0.065, 0.44, absU);',
        '  float valley = gaussian(u, 0.150);',
        '  float t = u_time;',
        '  float leftRibbonCenter = -0.28 + sin((uv.y * 3.20 + 0.12) * TAU) * 0.050;',
        '  float rightRibbonCenter = 0.27 + sin((uv.y * 2.85 + 0.56) * TAU) * 0.055;',
        '  float leftRibbon = gaussian(u - leftRibbonCenter, 0.105);',
        '  float rightRibbon = gaussian(u - rightRibbonCenter, 0.110);',
        '  float foldedU = u +',
        '    sin((uv.y * 4.40 + 0.22) * TAU) * 0.050 * (0.3 + sideLift) +',
        '    sin((uv.y * 7.20 + uv.x * 1.10) * TAU) * 0.022;',
        '  float verticalFold = pow(0.5 + 0.5 * cos(((foldedU * 3.05) + (sin(uv.y * TAU * 2.35) * 0.18)) * TAU), 2.5);',
        '  float diagonalFold = pow(0.5 + 0.5 * cos(((foldedU * 1.80) - (uv.y * 1.12) + 0.18) * TAU), 2.1);',
        '  float waist = gaussian(uv.y - 0.50, 0.25) * gaussian(absU - 0.20, 0.19);',
        '  float grain = (noise - 0.5) * 0.050;',
        '  float staticField =',
        '    0.055 +',
        '    sideLift * 0.210 +',
        '    (leftRibbon + rightRibbon) * 0.145 +',
        '    verticalFold * (0.055 + sideLift * 0.115) +',
        '    diagonalFold * 0.045 +',
        '    waist * 0.060 -',
        '    valley * 0.150 +',
        '    grain;',
        '  float alpha = staticField;',
        '  alpha += 0.115 * (leftRibbon + rightRibbon) * sin(t * 0.00030 + ((uv.y * 1.9) + sideLift * 0.4) * TAU);',
        '  alpha += 0.095 * verticalFold * (0.4 + sideLift) * sin(t * 0.00041 + ((uv.y * 2.7) + foldedU * 0.65) * TAU);',
        '  alpha += 0.070 * waist * sin(t * 0.00053 + ((uv.y * 3.1) - absU * 0.8) * TAU);',
        '  alpha += 0.060 * (1.0 - valley) * diagonalFold * sin(t * 0.00067 + ((uv.y * 1.4) + uv.x * 0.6) * TAU);',
        '  alpha += 0.038 * (0.35 + sideLift) * (0.35 + noise) * sin(t * 0.00079 + ((uv.y * 4.6) + noise * 0.8) * TAU);',
        '  alpha = bucketAlpha(clamp(alpha, 0.025, 0.96));',
        '  float value = alpha * dotMask;',
        '  gl_FragColor = vec4(vec3(0.8862745 * value), 1.0);',
        '}'
    ].join('\n');

    function compileShader(type, source) {
        var shader = gl.createShader(type);
        gl.shaderSource(shader, source);
        gl.compileShader(shader);

        if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
            console.error('WebGL shader compile error:', gl.getShaderInfoLog(shader));
            gl.deleteShader(shader);
            return null;
        }

        return shader;
    }

    var vertexShader = compileShader(gl.VERTEX_SHADER, vertexSrc);
    var fragmentShader = compileShader(gl.FRAGMENT_SHADER, fragmentSrc);

    if (!vertexShader || !fragmentShader) return;

    var program = gl.createProgram();
    gl.attachShader(program, vertexShader);
    gl.attachShader(program, fragmentShader);
    gl.linkProgram(program);

    if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
        console.error('WebGL program link error:', gl.getProgramInfoLog(program));
        return;
    }

    var positionLoc = gl.getAttribLocation(program, 'a_position');
    var resolutionLoc = gl.getUniformLocation(program, 'u_resolution');
    var timeLoc = gl.getUniformLocation(program, 'u_time');

    var buffer = gl.createBuffer();
    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
        -1, -1,
         1, -1,
        -1,  1,
        -1,  1,
         1, -1,
         1,  1
    ]), gl.STATIC_DRAW);

    gl.useProgram(program);
    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
    gl.enableVertexAttribArray(positionLoc);
    gl.vertexAttribPointer(positionLoc, 2, gl.FLOAT, false, 0, 0);

    function resize() {
        var dpr = Math.min(window.devicePixelRatio || 1, 1.5);
        var cssW = Math.max(1, window.innerWidth || document.documentElement.clientWidth || 1);
        var cssH = Math.max(1, window.innerHeight || document.documentElement.clientHeight || 1);
        var w = Math.max(1, Math.floor(cssW * dpr));
        var h = Math.max(1, Math.floor(cssH * dpr));

        if (canvas.width !== w || canvas.height !== h) {
            canvas.width = w;
            canvas.height = h;
            canvas.style.width = cssW + 'px';
            canvas.style.height = cssH + 'px';
            gl.viewport(0, 0, w, h);
        }
    }

    var prefersReducedMotion = false;
    try {
        prefersReducedMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
    } catch (err) {}

    function getNationsGlobeHalftoneNode() {
        return document.querySelector('.clbi-nations-globe-window[data-nations-globe], [data-nations-globe="real-world"]');
    }

    function getNationsGlobeHalftoneState() {
        var globe = getNationsGlobeHalftoneNode();
        var instance;

        if (!globe) {
            return 'none';
        }

        if (globe.classList && globe.classList.contains('is-dragging')) {
            return 'active';
        }

        instance = globe.CLBI_NationsGlobeInstance || null;
        if (instance && typeof instance.isHalftoneBackgroundBusy === 'function' && instance.isHalftoneBackgroundBusy()) {
            return 'busy';
        }

        if (globe.getAttribute && globe.getAttribute('data-clbi-globe-bg-busy') === '1') {
            return 'busy';
        }

        return 'present';
    }

    function shouldSkipHalftoneDrawForGlobe() {
        var globe = getNationsGlobeHalftoneNode();
        var instance;

        if (!globe) return false;

        instance = globe.CLBI_NationsGlobeInstance || null;

        /*
         * Background pause/resume — 20260710.
         *
         * While the nations globe is being held, keep the last rendered halftone
         * frame on screen and pause the halftone clock.  The important detail is
         * that this is not a wall-clock catch-up: skipped seconds are not replayed
         * or fast-forwarded when the pointer is released.
         */
        if (globe.classList && globe.classList.contains('is-dragging')) return true;
        if (instance && instance.dragging) return true;

        if (instance && typeof instance.isHalftoneBackgroundHardBusy === 'function') {
            return instance.isHalftoneBackgroundHardBusy();
        }

        if (globe.getAttribute && globe.getAttribute('data-clbi-globe-bg-busy') === '1') return true;

        return false;
    }

    function getFrameInterval() {
        if (prefersReducedMotion) {
            return 1000;
        }

        /*
         * Nations background parity — 20260710.
         *
         * The nations page used to permanently lower the halftone cadence while
         * the globe existed.  Profiling showed that the steady halftone draw is
         * normally cheap; the real contention happens during globe drag, first
         * WebGL texture upload, and long layout/render tasks.  Keep the same
         * full-quality cadence as ordinary pages, and skip only the frames that
         * would directly collide with an active/busy globe moment.
         */
        return 66;
    }

    var lastFrame = 0;
    var startTime = performance.now();
    var visualTime = 0;
    var lastVisualNow = 0;

    function draw(now) {
        var state = getNationsGlobeHalftoneState();
        var interval = getFrameInterval();
        var perf = window.InteractionPerf;
        var delta;

        if (!lastVisualNow) {
            lastVisualNow = now;
        }
        delta = Math.max(0, Math.min(120, now - lastVisualNow));
        lastVisualNow = now;
        visualTime += delta;

        function runDraw() {
            resize();

            gl.clearColor(0, 0, 0, 1);
            gl.clear(gl.COLOR_BUFFER_BIT);
            gl.uniform2f(resolutionLoc, canvas.width, canvas.height);
            gl.uniform1f(timeLoc, visualTime);
            gl.drawArrays(gl.TRIANGLES, 0, 6);
        }

        if (perf && typeof perf.measureSync === 'function') {
            return perf.measureSync('background halftone draw', { globeState: state, interval: interval }, runDraw);
        }
        return runDraw();
    }

    var frameTimer = 0;
    var frameRaf = 0;

    function scheduleNextFrame(delay) {
        window.clearTimeout(frameTimer);
        frameTimer = window.setTimeout(function () {
            frameTimer = 0;
            if (halftoneState.runId !== runId || halftoneState.contextLost) return;
            if (window.requestAnimationFrame) {
                frameRaf = window.requestAnimationFrame(render);
            } else {
                render(performance.now());
            }
        }, Math.max(16, Number(delay) || getFrameInterval()));
    }

    function render(now) {
        var interval = getFrameInterval();

        frameRaf = 0;
        if (halftoneState.runId !== runId || halftoneState.contextLost) return;

        if (document.hidden) {
            lastVisualNow = now;
            scheduleNextFrame(250);
            return;
        }

        if (isClbiCompositorBusy()) {
            lastFrame = now;
            lastVisualNow = now;
            scheduleNextFrame(interval);
            return;
        }

        if (shouldSkipHalftoneDrawForGlobe()) {
            lastFrame = now;
            halftoneState.lastGlobeBusySkipAt = now;
            lastVisualNow = now;
            scheduleNextFrame(interval);
            return;
        }

        lastFrame = now;
        draw(now);
        scheduleNextFrame(interval);
    }

    draw(performance.now());
    scheduleNextFrame(getFrameInterval());

    document.addEventListener('visibilitychange', function () {
        if (!document.hidden && halftoneState.runId === runId && !halftoneState.contextLost) {
            window.clearTimeout(frameTimer);
            if (frameRaf && window.cancelAnimationFrame) window.cancelAnimationFrame(frameRaf);
            frameRaf = 0;
            scheduleNextFrame(16);
        }
    });

}

var CLBI_SVG_BELL = '<svg class="profile-svg profile-svg-bell" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10.268 21a2 2 0 0 0 3.464 0"/><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"/></svg>';
var CLBI_SVG_BELL_DOT = '<svg class="profile-svg profile-svg-bell-dot" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10.268 21a2 2 0 0 0 3.464 0"/><path d="M11.68 2.009A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673c-.824-.85-1.678-1.731-2.21-3.348"/><circle cx="18" cy="5" r="3"/></svg>';
var CLBI_SVG_LIST = '<svg class="profile-svg profile-svg-list" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 5h.01"/><path d="M3 12h.01"/><path d="M3 19h.01"/><path d="M8 5h13"/><path d="M8 12h13"/><path d="M8 19h13"/></svg>';
var CLBI_SVG_LANGUAGES = '<svg class="profile-svg profile-svg-languages" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m5 8 6 6"/><path d="m4 14 6-6 2-3"/><path d="M2 5h12"/><path d="M7 2h1"/><path d="m22 22-5-10-5 10"/><path d="M14 18h6"/></svg>';
var CLBI_SVG_POWER = '<svg class="profile-svg profile-svg-power" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 2v10"/><path d="M18.4 6.6a9 9 0 1 1-12.77.04"/></svg>';
var CLBI_SVG_SETTINGS = '<svg class="profile-svg profile-svg-settings" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"/><circle cx="12" cy="12" r="3"/></svg>';
var CLBI_SVG_SCAN_TEXT = '<svg class="profile-svg profile-svg-scan-text" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 7V5a2 2 0 0 1 2-2h2"/><path d="M17 3h2a2 2 0 0 1 2 2v2"/><path d="M21 17v2a2 2 0 0 1-2 2h-2"/><path d="M7 21H5a2 2 0 0 1-2-2v-2"/><path d="M7 8h8"/><path d="M7 12h10"/><path d="M7 16h6"/></svg>';
var CLBI_SVG_SCAN_EYE = '<svg class="profile-svg profile-svg-scan-eye" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 7V5a2 2 0 0 1 2-2h2"/><path d="M17 3h2a2 2 0 0 1 2 2v2"/><path d="M21 17v2a2 2 0 0 1-2 2h-2"/><path d="M7 21H5a2 2 0 0 1-2-2v-2"/><circle cx="12" cy="12" r="1"/><path d="M18.944 12.33a1 1 0 0 0 0-.66 7.5 7.5 0 0 0-13.888 0 1 1 0 0 0 0 .66 7.5 7.5 0 0 0 13.888 0"/></svg>';
var CLBI_SVG_NEWSPAPER = '<svg class="profile-svg profile-svg-newspaper" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 18h-5"/><path d="M18 14h-8"/><path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-4 0v-9a2 2 0 0 1 2-2h2"/><rect width="8" height="4" x="10" y="6" rx="1"/></svg>';
var CLBI_SVG_GREAT_WALL = '<svg class="profile-svg profile-svg-great-wall lucide lucide-paint-roller" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect width="16" height="6" x="2" y="2" rx="2"/><path d="M10 16v-2a2 2 0 0 1 2-2h8a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2"/><rect width="4" height="6" x="8" y="16" rx="1"/></svg>';
var CLBI_SVG_TROPHY = '<svg class="profile-svg profile-svg-trophy" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978"/><path d="M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978"/><path d="M18 9h1.5a1 1 0 0 0 0-5H18"/><path d="M4 22h16"/><path d="M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z"/><path d="M6 9H4.5a1 1 0 0 1 0-5H6"/></svg>';
var CLBI_SVG_PACKAGE = '<svg class="profile-svg profile-svg-package" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3v6"/><path d="M16.76 3a2 2 0 0 1 1.8 1.1l2.23 4.479a2 2 0 0 1 .21.891V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9.472a2 2 0 0 1 .211-.894L5.45 4.1A2 2 0 0 1 7.24 3z"/><path d="M3.054 9.013h17.893"/></svg>';

var PROFILE_RENDER_TOKEN = 0;

function invalidateProfileRender() {
    PROFILE_RENDER_TOKEN++;
}

$(function() {
    initHalftoneBackground();

// ── 하단 Plank 단축키 가이드 ──
function escapeClbiBottomGuideHtml(value) {
    return String(value == null ? '' : value)
        .replace(/&/g, '&amp;')
        .replace(/</g, '&lt;')
        .replace(/>/g, '&gt;')
        .replace(/"/g, '&quot;')
        .replace(/'/g, '&#039;');
}

function readClbiBottomGuidePageName() {
    var pageName = window.mw && mw.config ? (mw.config.get('wgPageName') || '') : '';

    if (!pageName) {
        pageName = window.location.pathname || '';
    }

    return String(pageName)
        .split('?')[0]
        .replace(/^\/index\.php\//, '')
        .replace(/_/g, ' ')
        .trim();
}

function isClbiNationsShortcutContext() {
    var pageName = readClbiBottomGuidePageName();

    return pageName === '시대' ||
        pageName === 'Era' ||
        !!document.querySelector('.clbi-nations-panel-stack, .clbi-nations-globe-window, .clbi-nations-tabpanel');
}

function isClbiWikiEditShortcutContext() {
    var action = window.mw && mw.config ? String(mw.config.get('wgAction') || '') : '';
    var search = String(window.location.search || '');

    return action === 'edit' ||
        action === 'submit' ||
        /(?:^|[?&])action=(?:edit|submit)(?:&|$)/.test(search) ||
        !!document.querySelector('#editform, #wpSave, input[name="wpSave"], button[name="wpSave"]');
}


function isClbiNationListManagerShortcutContext() {
    return !!document.querySelector('.nation-list-manager');
}

function getClbiBottomShortcutItems() {
    if (isClbiWikiEditShortcutContext()) {
        return [
            { key: 'Ctrl+S', label: '변경사항 저장' }
        ];
    }


    if (isClbiNationListManagerShortcutContext()) {
        return [
            { key: 'Ctrl+S', label: '국가 목록 저장' }
        ];
    }

    if (isClbiNationsShortcutContext()) {
        return [
            { key: 'Q', label: '이전 시대' },
            { key: 'E', label: '다음 시대' },
            { key: 'Shift+Q', label: '이전 연도' },
            { key: 'Shift+E', label: '다음 연도' },
            { key: 'Ctrl+Q', label: '이전 대륙' },
            { key: 'Ctrl+E', label: '다음 대륙' }
        ];
    }

    return [];
}

function renderClbiBottomShortcutGuide() {
    var guide = document.getElementById('clbi-bottom-shortcut-guide');
    var items;
    var html;

    if (!guide) return;

    items = getClbiBottomShortcutItems();

    if (!items.length) {
        guide.classList.add('is-empty');
        guide.innerHTML = '';
        return;
    }

    guide.classList.remove('is-empty');

    html = '<div class="clbi-bottom-shortcut-list">';

    items.forEach(function (item) {
        html += '<div class="clbi-bottom-shortcut-item">' +
            '<span class="clbi-bottom-shortcut-key">' + escapeClbiBottomGuideHtml(item.key) + '</span>' +
            '<span class="clbi-bottom-shortcut-label">' + escapeClbiBottomGuideHtml(item.label) + '</span>' +
        '</div>';
    });

    html += '</div>';
    guide.innerHTML = html;
}

function buildClbiBottomPlankHtml(wrapId, navId, mainId) {
    return '' +
        '<div id="' + wrapId + '">' +
            '<div id="' + navId + '">' +
                '<div id="' + mainId + '">' +
                    '<div id="clbi-bottom-shortcut-guide" class="is-empty" aria-label="단축키 안내"></div>' +
                '</div>' +
            '</div>' +
        '</div>';
}

var CLBI_NATIONS_LAST_POINTER_X = null;
var CLBI_NATIONS_LAST_POINTER_Y = null;

function getClbiNationsTabAtPointer(tabpanel) {
    var element;
    var tab;

    if (!tabpanel) return null;
    if (CLBI_NATIONS_LAST_POINTER_X === null || CLBI_NATIONS_LAST_POINTER_Y === null) return null;
    if (typeof document.elementFromPoint !== 'function') return null;

    element = document.elementFromPoint(CLBI_NATIONS_LAST_POINTER_X, CLBI_NATIONS_LAST_POINTER_Y);
    if (!element) return null;

    tab = element.closest ? element.closest('.clbi-nations-tabpanel-tab[data-continent]') : null;

    if (!tab || !tabpanel.contains(tab)) return null;

    return tab;
}

function validateClbiNationsPointerHover(tabpanel, forceSuppress) {
    var tab = getClbiNationsTabAtPointer(tabpanel);
    var suppressContinent;
    var tabContinent;
    var tabIsActive;

    if (!tabpanel) return;

    if (!tab) {
        clearClbiNationsKeyboardHoverSuppressed(tabpanel);
        return;
    }

    tabContinent = tab.getAttribute('data-continent') || '';
    tabIsActive = tab.classList.contains('is-active') || tab.getAttribute('aria-selected') === 'true';

    if (tabIsActive) {
        clearClbiNationsKeyboardHoverSuppressed(tabpanel);
        return;
    }

    suppressContinent = tabpanel.getAttribute('data-clbi-hover-suppress-continent') || '';

    if (forceSuppress || !suppressContinent) {
        tabpanel.classList.add('is-keyboard-switching');
        tabpanel.setAttribute('data-clbi-hover-suppress-continent', tabContinent);
        return;
    }

    if (suppressContinent === tabContinent) {
        tabpanel.classList.add('is-keyboard-switching');
        return;
    }

    /*
     * The pointer actually moved onto another tab after the keyboard switch.
     * At that point this is no longer stale browser :hover; let normal hover work.
     */
    clearClbiNationsKeyboardHoverSuppressed(tabpanel);
}

function validateAllClbiNationsPointerHovers() {
    var panels = document.querySelectorAll('.clbi-nations-tabpanel.is-keyboard-switching');

    Array.prototype.forEach.call(panels, function (tabpanel) {
        if (isClbiNationsPanelOwnedTabpanel(tabpanel)) return;
        validateClbiNationsPointerHover(tabpanel, false);
    });
}

function isClbiNationsPanelOwnedTabpanel(tabpanel) {
    /*
     * Mouse continent tab regression guard.
     * -------------------------------------
     * Detached SPA preparation serializes attributes/classes but it cannot
     * serialize DOM event listeners or JS properties.  The NationsPanel fix
     * therefore uses the DOM property CLBI_NationsPanelOwned /
     * CLBI_NationsTabPanelBound as the real ownership marker.
     *
     * Do NOT treat data-nations-tabpanel-ready or clbi-nations-continent-cache
     * as ownership here.  Those can survive innerHTML insertion while the real
     * click listeners were lost, causing Common.js to delegate to a panel that
     * NationsPanel has not rebound yet.  The fallback below must remain able to
     * handle mouse clicks until NationsPanel reclaims the live DOM node.
     */
    return !!(tabpanel && tabpanel.CLBI_NationsPanelOwned);
}

function isClbiNationsLiveContinentActive(tabpanel, continent) {
    var tab;
    var panel;

    if (!tabpanel || !continent) return false;

    tab = Array.prototype.slice.call(tabpanel.querySelectorAll('.clbi-nations-tabpanel-tab[data-continent]')).find(function (candidate) {
        return candidate.getAttribute('data-continent') === continent;
    });

    panel = Array.prototype.slice.call(tabpanel.querySelectorAll('.clbi-nations-tabpanel-continent[data-continent-panel]')).find(function (candidate) {
        return candidate.getAttribute('data-continent-panel') === continent;
    });

    return !!(
        tab &&
        panel &&
        (tab.classList.contains('is-active') || tab.getAttribute('aria-selected') === 'true') &&
        panel.classList.contains('is-active') &&
        panel.getAttribute('aria-hidden') !== 'true' &&
        !panel.hasAttribute('hidden')
    );
}

function activateClbiNationsContinent(tabpanel, targetContinent, options) {
    var tabs;
    var panels;
    var skipOwner = !!(options && options.skipOwner);

    if (!tabpanel || !targetContinent) return false;

    if (!skipOwner && isClbiNationsPanelOwnedTabpanel(tabpanel)) {
        var owner = window.NationsPanel || window.CLBI_NATIONS_PANEL || null;

        if (owner && typeof owner.activateContinent === 'function') {
            try {
                if (owner.activateContinent(targetContinent, {
                    source: 'common-legacy-click',
                    panel: tabpanel
                })) {
                    return true;
                }
            } catch (err) {}
        }

        /*
         * Ownership markers can be stale during SPA/hydration edge cases.  If
         * the owner API is missing or refuses the live panel, do not drop the
         * mouse click.  Fall through to the local fallback so pointer users are
         * never left with keyboard-only continent tabs.
         */
    }

    tabs = Array.prototype.slice.call(tabpanel.querySelectorAll('.clbi-nations-tabpanel-tab[data-continent]'));
    panels = Array.prototype.slice.call(tabpanel.querySelectorAll('.clbi-nations-tabpanel-continent[data-continent-panel]'));

    if (!tabs.length || !panels.length) return false;

    tabs.forEach(function (tab) {
        var active = tab.getAttribute('data-continent') === targetContinent;
        tab.classList.toggle('is-active', active);
        tab.setAttribute('aria-selected', active ? 'true' : 'false');
        tab.setAttribute('tabindex', active ? '0' : '-1');
    });

    panels.forEach(function (panel) {
        var active = panel.getAttribute('data-continent-panel') === targetContinent;
        panel.classList.toggle('is-active', active);

        if (active) {
            panel.removeAttribute('hidden');
        } else {
            panel.setAttribute('hidden', 'hidden');
        }
    });

    try {
        if (window.Decorations && typeof window.Decorations.sync === 'function') window.Decorations.sync();
        else if (window.CLBI_DECORATIONS && typeof window.CLBI_DECORATIONS.sync === 'function') window.CLBI_DECORATIONS.sync();
    } catch (err) {}

    return true;
}

function setClbiNationsKeyboardHoverSuppressed(tabpanel) {
    validateClbiNationsPointerHover(tabpanel, true);
}

function clearClbiNationsKeyboardHoverSuppressed(tabpanel) {
    if (!tabpanel) return;
    tabpanel.classList.remove('is-keyboard-switching');
    tabpanel.removeAttribute('data-clbi-hover-suppress-continent');
}

function moveClbiNationsContinent(direction) {
    var tabpanel = document.querySelector('.clbi-nations-tabpanel');
    var tabs;
    var activeIndex;
    var nextIndex;
    var target;

    if (!tabpanel) return false;

    if (isClbiNationsPanelOwnedTabpanel(tabpanel) &&
        window.CLBI_NATIONS_PANEL &&
        typeof window.CLBI_NATIONS_PANEL.moveContinent === 'function') {
        return !!window.CLBI_NATIONS_PANEL.moveContinent(direction, {
            source: 'common-legacy-keyboard',
            panel: tabpanel
        });
    }

    tabs = Array.prototype.slice.call(tabpanel.querySelectorAll('.clbi-nations-tabpanel-tab[data-continent]'));
    if (!tabs.length) return false;

    activeIndex = tabs.findIndex(function (tab) {
        return tab.classList.contains('is-active') || tab.getAttribute('aria-selected') === 'true';
    });

    if (activeIndex < 0) activeIndex = 0;

    nextIndex = (activeIndex + direction + tabs.length) % tabs.length;
    target = tabs[nextIndex].getAttribute('data-continent');

    if (activateClbiNationsContinent(tabpanel, target)) {
        setClbiNationsKeyboardHoverSuppressed(tabpanel);
        window.setTimeout(function () {
            validateClbiNationsPointerHover(tabpanel, false);
        }, 0);
        return true;
    }

    return false;
}

function initClbiNationsTabpanelControls(root) {
    var scope = root && root.querySelectorAll ? root : document;
    var panels = scope.querySelectorAll('.clbi-nations-tabpanel');

    Array.prototype.forEach.call(panels, function (tabpanel) {
        /*
         * Common.js is only a safety fallback for continent tabs; NationsPanel
         * is the primary owner.  This guard must be a DOM property, not a
         * serialized attribute.  SPA warm prepaint can preserve
         * data-clbi-nations-tabs-ready="1" while losing the actual event
         * listeners, which was the root cause of mouse clicks no longer moving
         * continents while keyboard shortcuts still worked.
         */
        if (tabpanel.CLBI_NationsCommonTabsBound) return;
        tabpanel.CLBI_NationsCommonTabsBound = true;
        tabpanel.setAttribute('data-clbi-nations-tabs-ready', '1');

        tabpanel.addEventListener('pointerdown', function () {
            clearClbiNationsKeyboardHoverSuppressed(tabpanel);
        });

        tabpanel.addEventListener('pointerleave', function () {
            clearClbiNationsKeyboardHoverSuppressed(tabpanel);
        });

        tabpanel.addEventListener('click', function (event) {
            var tab = event.target.closest ? event.target.closest('.clbi-nations-tabpanel-tab[data-continent]') : null;

            if (!tab || !tabpanel.contains(tab)) return;

            clearClbiNationsKeyboardHoverSuppressed(tabpanel);

            if (activateClbiNationsContinent(tabpanel, tab.getAttribute('data-continent'))) {
                event.preventDefault();
            }
        });

        tabpanel.addEventListener('keydown', function (event) {
            var tab = event.target.closest ? event.target.closest('.clbi-nations-tabpanel-tab[data-continent]') : null;
            var handled = false;

            if (!tab || !tabpanel.contains(tab)) return;

            if (event.key === 'ArrowLeft') handled = moveClbiNationsContinent(-1);
            else if (event.key === 'ArrowRight') handled = moveClbiNationsContinent(1);

            if (handled) {
                event.preventDefault();
                event.stopPropagation();
            }
        });
    });
}

function handleClbiNationsContinentDocumentClick(event) {
    var target;
    var tab;
    var tabpanel;
    var continent;
    var owner;
    var handled = false;

    if (!event || event.__clbiNationsContinentHandled) return;
    target = event.target;
    if (!target || !target.closest) return;

    tab = target.closest('.clbi-nations-tabpanel-tab[data-continent]');
    if (!tab) return;

    tabpanel = tab.closest ? tab.closest('.clbi-nations-tabpanel') : null;
    if (!tabpanel || !tabpanel.contains(tab)) return;

    continent = tab.getAttribute('data-continent') || '';
    if (!continent) return;

    /*
     * Final live-DOM mouse delegate.
     * --------------------------------
     * The continent tab UI has two initialization phases: detached preparation
     * for seamless SPA entry, then live DOM hydration.  Detached preparation can
     * leave serialized "ready" attributes behind while losing event listeners.
     * Keyboard shortcuts still work because they call the public NationsPanel
     * API directly, but mouse clicks depend on live listeners.  This capturing
     * delegate is intentionally independent of per-panel ready attributes: it
     * always resolves the clicked live tab and hands it to NationsPanel first,
     * then falls back to the local Common.js switcher if needed.
     */
    event.__clbiNationsContinentHandled = true;
    clearClbiNationsKeyboardHoverSuppressed(tabpanel);

    owner = window.NationsPanel || window.CLBI_NATIONS_PANEL || null;
    if (owner && typeof owner.activateContinent === 'function') {
        try {
            handled = !!owner.activateContinent(continent, {
                source: 'mouse-click-live-delegate',
                panel: tabpanel
            });
        } catch (err) {
            handled = false;
        }

        /*
         * Owner API stale-cache guard.
         *
         * A previous regression came from NationsPanel returning true after it
         * updated cached/detached tab nodes instead of the clicked live tab. A
         * true return value alone is therefore not enough for mouse input. Verify
         * the live DOM that received the click. If it did not become active,
         * bypass the owner and run the Common.js live query fallback directly.
         */
        if (handled && !isClbiNationsLiveContinentActive(tabpanel, continent)) {
            handled = false;
        }
    }

    if (!handled) {
        handled = activateClbiNationsContinent(tabpanel, continent, { skipOwner: true });
    }

    if (handled) {
        try { playStaticSound(); } catch (err2) {}
        event.preventDefault();
        event.stopPropagation();
        if (typeof event.stopImmediatePropagation === 'function') event.stopImmediatePropagation();
    }
}

function initClbiNationsGlobalClickDelegate() {
    if (document.body.getAttribute('data-clbi-nations-global-click-ready') === '1') return;
    document.body.setAttribute('data-clbi-nations-global-click-ready', '1');
    document.addEventListener('click', handleClbiNationsContinentDocumentClick, true);
}


function initClbiNationsPointerHoverValidation() {
    if (document.body.getAttribute('data-clbi-nations-pointer-hover-ready') === '1') return;

    document.body.setAttribute('data-clbi-nations-pointer-hover-ready', '1');

    document.addEventListener('pointermove', function (event) {
        CLBI_NATIONS_LAST_POINTER_X = event.clientX;
        CLBI_NATIONS_LAST_POINTER_Y = event.clientY;
        validateAllClbiNationsPointerHovers();
    }, true);

    document.addEventListener('pointerleave', function () {
        CLBI_NATIONS_LAST_POINTER_X = null;
        CLBI_NATIONS_LAST_POINTER_Y = null;
        validateAllClbiNationsPointerHovers();
    }, true);

    window.addEventListener('blur', function () {
        CLBI_NATIONS_LAST_POINTER_X = null;
        CLBI_NATIONS_LAST_POINTER_Y = null;
        validateAllClbiNationsPointerHovers();
    });
}


function initClbiBottomShortcutSystem(root) {
    renderClbiBottomShortcutGuide();
    initClbiNationsGlobalClickDelegate();
    initClbiNationsTabpanelControls(root || document);
    initClbiNationsPointerHoverValidation();
}

// ── 상·하단 네비게이션 바 ──
function buildClbiNavHtml(position) {
    var isBottom = position === 'bottom';
    var base = isBottom ? 'clbi-bottom' : 'clbi-top';
    var shortBase = isBottom ? 'clbi-bnav' : 'clbi-tnav';
    var wrapId = base + '-nav-wrap';
    var navId = base + '-nav';
    var mainId = base + '-nav-main';
    var tabsId = base + '-nav-tabs';
    var searchId = base + '-nav-search';
    var inputId = isBottom ? 'clbi-bottom-search-input' : 'clbi-top-search-input';
    var worldId = shortBase + '-worldbuilding';
    var subId = isBottom ? 'clbi-bottom-sub-worldbuilding' : 'clbi-sub-worldbuilding';
    var subInnerId = subId + '-inner';

    if (isBottom) {
        return buildClbiBottomPlankHtml(wrapId, navId, mainId);
    }

    return '' +
        '<div id="' + wrapId + '">' +
            '<div id="' + navId + '">' +
                '<div id="' + mainId + '">' +
                    '<div id="' + tabsId + '">' +
                        '<a class="clbi-top-nav-item" href="/index.php/대문">' +
                            '<img class="clbi-tnav-icon" src="/index.php?title=특수:Redirect/file/Ic-main-menu-001.png" alt="">' +
                            '<span class="clbi-tnav-label">메인 메뉴</span>' +
                        '</a>' +
                        '<a class="clbi-top-nav-item" href="/index.php/프로젝트:소개">' +
                            '<img class="clbi-tnav-icon" src="/index.php?title=특수:Redirect/file/Ic-project-001.png" alt="">' +
                            '<span class="clbi-tnav-label">프로젝트</span>' +
                        '</a>' +
                        '<div class="clbi-top-nav-item" id="' + worldId + '">' +
                            '<img class="clbi-tnav-icon" src="/index.php?title=특수:Redirect/file/Ic-worldbuilding-001.png" alt="">' +
                            '<span class="clbi-tnav-label">세계관</span>' +
                            '<span class="clbi-tnav-arrow">▾</span>' +
                        '</div>' +
                    '</div>' +
                    (isBottom ? '' : (
                        '<div id="' + searchId + '">' +
                            '<input type="text" id="' + inputId + '" placeholder="검색...">' +
                        '</div>'
                    )) +
                '</div>' +
                '<div id="' + subId + '">' +
                    '<div id="' + subInnerId + '">' +
                        '<div class="clbi-tnav-sub-list">' +
                            '<a class="clbi-tnav-sub-item" href="/index.php/시대">시대</a>' +
                            '<a class="clbi-tnav-sub-item" href="/index.php/설정">설정</a>' +
                            '<a class="clbi-tnav-sub-item" href="/index.php/기업_및_공동체">기업 및 공동체</a>' +
                            '<a class="clbi-tnav-sub-item" href="/index.php/군_정치집단">군, 정치집단</a>' +
                            '<a class="clbi-tnav-sub-item" href="/index.php/인물">인물</a>' +
                        '</div>' +
                    '</div>' +
                '</div>' +
            '</div>' +
        '</div>';
}

function normalizeClbiShellDomOrder() {
    var contentWrapper = document.querySelector('.content-wrapper');
    var topNav = document.getElementById('clbi-top-nav-wrap');
    var bottomNav = document.getElementById('clbi-bottom-nav-wrap');
    var canvas = document.getElementById('site-halftone-bg');
    var anchor;
    var viewportH;
    var topRect;
    var wrapperRect;
    var needsRecovery;
    var expectedWrapperTop;
    var host;

    if (!contentWrapper || !topNav || !bottomNav || !document.body) return;

    /*
    CLBI shell can live inside a Liberty <section>.  Some skins/layouts give that
    section a flow context that lets the top nav visually overlap the content
    wrapper even when DOM sibling order is correct.  Mark the common parent and
    let Layout.css force a simple vertical flow for the shell.
    */
    host = topNav.parentElement === contentWrapper.parentElement &&
        contentWrapper.parentElement === bottomNav.parentElement
        ? contentWrapper.parentElement
        : null;

    if (host) {
        host.classList.add('clbi-shell-host');
    }

    viewportH = window.innerHeight || document.documentElement.clientHeight || 0;
    topRect = topNav.getBoundingClientRect();
    wrapperRect = contentWrapper.getBoundingClientRect();
    expectedWrapperTop = topRect.bottom + 8;

    needsRecovery = false;

    if (viewportH > 0) {
        if (topRect.top >= viewportH * 0.55) needsRecovery = true;
        if (wrapperRect.top >= viewportH * 0.60) needsRecovery = true;
    }

    if (topRect.top > 240 || wrapperRect.top > 320) {
        needsRecovery = true;
    }

    if (wrapperRect.top < expectedWrapperTop - 1) {
        needsRecovery = true;
    }

    if (!needsRecovery) {
        document.body.classList.add('clbi-shell-ready');
        return;
    }

    anchor = canvas && canvas.parentNode === document.body
        ? canvas.nextSibling
        : document.body.firstChild;

    document.body.insertBefore(topNav, anchor);
    document.body.insertBefore(contentWrapper, topNav.nextSibling);
    document.body.insertBefore(bottomNav, contentWrapper.nextSibling);

    document.body.classList.add('clbi-shell-ready');
}

window.normalizeClbiShellDomOrder = normalizeClbiShellDomOrder;


function ensureClbiVerticalScaleHost() {
    var topNav = document.getElementById('clbi-top-nav-wrap');
    var contentWrapper = document.querySelector('.content-wrapper');
    var bottomNav = document.getElementById('clbi-bottom-nav-wrap');
    var host;
    var existing;
    var parent;

    if (!topNav || !contentWrapper || !bottomNav || !document.body) return null;

    existing = document.getElementById('clbi-shell-scale-host');

    if (existing && existing.contains(topNav) && existing.contains(contentWrapper) && existing.contains(bottomNav)) {
        existing.classList.add('clbi-shell-host');
        return existing;
    }

    parent = topNav.parentElement === contentWrapper.parentElement && contentWrapper.parentElement === bottomNav.parentElement
        ? topNav.parentElement
        : null;

    if (parent && parent !== document.body) {
        parent.classList.add('clbi-shell-host');
        parent.id = parent.id || 'clbi-shell-scale-host';
        return parent;
    }

    host = existing || document.createElement('div');
    host.id = 'clbi-shell-scale-host';
    host.className = 'clbi-shell-host';

    if (!host.parentNode) {
        document.body.insertBefore(host, topNav);
    }

    host.appendChild(topNav);
    host.appendChild(contentWrapper);
    host.appendChild(bottomNav);

    return host;
}

function readClbiRootPx(name, fallback) {
    var raw = '';
    var value;

    try {
        raw = getComputedStyle(document.documentElement).getPropertyValue(name);
    } catch (err) {}

    value = parseFloat(raw);
    return isFinite(value) && value > 0 ? value : fallback;
}

function resetLeftRecentAdaptiveState() {
    var list = document.getElementById('clbi-left-recent-list');
    var newsBox = list ? list.closest('.clbi-left-news-box') : null;
    var items = list ? Array.prototype.slice.call(list.querySelectorAll('.news-recent-item')) : [];

    if (newsBox) {
        newsBox.classList.remove('is-adaptive-constrained');
        newsBox.style.removeProperty('--adaptive-news-h');
    }

    if (list) {
        list.classList.remove('is-adaptive-faded');
        list.removeAttribute('data-adaptive-limit');
        list.style.removeProperty('--adaptive-recent-h');
    }

    items.forEach(function (item) {
        item.classList.remove('is-adaptive-hidden');
    });
}

function resetLeftBillboardAdaptiveState() {
    var box = document.querySelector('#clbi-left-sidebar .left-billboard-box');

    if (!box) return;

    box.classList.remove('is-left-ad-title-only', 'is-left-ad-extended');
    box.style.removeProperty('--left-billboard-h');
    box.style.removeProperty('--left-billboard-finish-h');
}

function updateClbiShellVerticalScale() {
    var root = document.documentElement;
    var body = document.body;
    var host;
    var topInner;
    var bottomInner;
    var thresholdH;
    var gap;
    var outerGapTotal;
    var baseStageH;
    var stageW;
    var stageH;
    var viewportW;
    var viewportH;
    var availableW;
    var availableH;
    var topH;
    var bottomH;
    var contentH;
    var widthScale;
    var heightScale;
    var scale;
    var shouldScale;

    if (!root || !body) return;

    host = ensureClbiVerticalScaleHost();
    if (!host) return;

    thresholdH = readClbiRootPx('--clbi-vertical-scale-threshold-h', 1080);
    gap = readClbiRootPx('--layout-gap', 8);
    outerGapTotal = gap * 2;
    baseStageH = Math.max(420, thresholdH - outerGapTotal);
    stageW = readClbiRootPx('--layout-shell-w', 1880);

    viewportW = Math.max(320, window.innerWidth || document.documentElement.clientWidth || stageW);
    viewportH = Math.max(320, window.innerHeight || document.documentElement.clientHeight || thresholdH);
    availableW = Math.max(240, viewportW - outerGapTotal);
    availableH = Math.max(240, viewportH - outerGapTotal);

    /*
    평상시에는 기존 세로 채움 레이아웃을 기준으로 삼는다.
    세로가 기준점보다 작아지는 경우에는 기준 높이를 고정점으로 삼고,
    가로만 부족한 경우에는 현재 사용 가능한 세로 높이를 고정점으로 삼는다.
    이렇게 해야 가로 부족으로 scale에 들어갈 때 본문 높이가 갑자기 접히지 않는다.
    */
    stageH = availableH >= baseStageH ? availableH : baseStageH;

    topInner = document.getElementById('clbi-top-nav');
    bottomInner = document.getElementById('clbi-bottom-nav');

    topH = topInner ? Math.ceil(topInner.offsetHeight || topInner.getBoundingClientRect().height || 38) : 38;
    bottomH = bottomInner ? Math.ceil(bottomInner.offsetHeight || bottomInner.getBoundingClientRect().height || 38) : 38;
    contentH = Math.max(360, Math.floor(stageH - topH - bottomH - (gap * 2)));

    widthScale = availableW < stageW ? availableW / stageW : 1;
    heightScale = availableH < baseStageH ? availableH / baseStageH : 1;
    scale = Math.min(1, widthScale, heightScale);
    scale = Math.max(0.50, Math.min(1, Math.floor(scale * 1000) / 1000));
    shouldScale = scale < 0.999;

    setClbiRootMetric(root, '--clbi-stage-design-w', stageW + 'px');
    setClbiRootMetric(root, '--clbi-stage-design-h', Math.floor(stageH) + 'px');
    setClbiRootMetric(root, '--clbi-stage-content-h', contentH + 'px');
    setClbiRootMetric(root, '--clbi-shell-scale', String(scale));

    if (body.classList.contains('clbi-shell-vertical-scale') !== shouldScale) {
        body.classList.toggle('clbi-shell-vertical-scale', shouldScale);
    }

    if (shouldScale) {
        resetLeftRecentAdaptiveState();
        resetLeftBillboardAdaptiveState();
    }
}
window.updateClbiShellVerticalScale = updateClbiShellVerticalScale;

var $contentWrapper = $('.content-wrapper').first();

if ($contentWrapper.length) {
    $('#clbi-top-nav-wrap, #clbi-bottom-nav-wrap').remove();
    $contentWrapper.before(buildClbiNavHtml('top'));
    $contentWrapper.after(buildClbiNavHtml('bottom'));
    renderClbiBottomShortcutGuide();
    initClbiNationsTabpanelControls(document);
    if (typeof window.normalizeClbiShellDomOrder === 'function') window.normalizeClbiShellDomOrder();
}

var CLBI_SHELL_METRICS_RAF = null;
var CLBI_SHELL_METRICS_SETTLE_TIMER = null;
var CLBI_SHELL_METRICS_LAST = { topH:-1, bottomH:-1 };

function setClbiRootMetric(root, name, value) {
    var next = String(value);
    if (root.style.getPropertyValue(name) === next) return false;
    root.style.setProperty(name, next);
    return true;
}

function runClbiShellMetricsBatch() {
    var top = document.getElementById('clbi-top-nav-wrap');
    var bottom = document.getElementById('clbi-bottom-nav-wrap');
    var root = document.documentElement;
    var topH = 0;
    var bottomH = 0;

    CLBI_SHELL_METRICS_RAF = null;
    if (!root) return;

    if (top) topH = Math.ceil(top.offsetHeight || top.getBoundingClientRect().height || 0);
    if (bottom) bottomH = Math.ceil(bottom.offsetHeight || bottom.getBoundingClientRect().height || 0);

    if (topH !== CLBI_SHELL_METRICS_LAST.topH) {
        CLBI_SHELL_METRICS_LAST.topH = topH;
        setClbiRootMetric(root, '--clbi-top-nav-outer-h', topH + 'px');
    }
    if (bottomH !== CLBI_SHELL_METRICS_LAST.bottomH) {
        CLBI_SHELL_METRICS_LAST.bottomH = bottomH;
        setClbiRootMetric(root, '--clbi-bottom-nav-outer-h', bottomH + 'px');
    }

    if (typeof updateClbiShellVerticalScale === 'function') updateClbiShellVerticalScale();
    if (typeof scheduleAdaptiveLeftRecentItems === 'function') scheduleAdaptiveLeftRecentItems();
    if (typeof scheduleClbiContentBottomGap === 'function') scheduleClbiContentBottomGap();
}

function requestClbiShellMetricsFrame() {
    if (CLBI_SHELL_METRICS_RAF !== null) return;
    CLBI_SHELL_METRICS_RAF = window.requestAnimationFrame
        ? window.requestAnimationFrame(runClbiShellMetricsBatch)
        : window.setTimeout(runClbiShellMetricsBatch, 16);
}

function scheduleClbiShellMetrics() {
    requestClbiShellMetricsFrame();
    window.clearTimeout(CLBI_SHELL_METRICS_SETTLE_TIMER);
    CLBI_SHELL_METRICS_SETTLE_TIMER = window.setTimeout(function () {
        CLBI_SHELL_METRICS_SETTLE_TIMER = null;
        requestClbiShellMetricsFrame();
    }, 120);
}
function watchClbiShellMetrics() {
    var top = document.getElementById('clbi-top-nav-wrap');
    var bottom = document.getElementById('clbi-bottom-nav-wrap');
    var observer;

    scheduleClbiShellMetrics();

    $(window).on('resize orientationchange', scheduleClbiShellMetrics);
    $(window).on('pageshow.clbiShellScale focus.clbiShellScale', scheduleClbiShellMetrics);
    document.addEventListener('visibilitychange', function () {
        if (!document.hidden) scheduleClbiShellMetrics();
    });
    $(window).on('resize.clbiLeftBillboard orientationchange.clbiLeftBillboard', scheduleLeftSidebarVerticalFit);
    $(window).on('resize.clbiRecentViewport orientationchange.clbiRecentViewport', function () { scheduleAdaptiveLeftRecentItems(); scheduleClbiContentBottomGap(); });
    $(window).on('resize.clbiContentBottomGap orientationchange.clbiContentBottomGap', scheduleClbiContentBottomGap);

    if (window.ResizeObserver) {
        observer = new ResizeObserver(scheduleClbiShellMetrics);
        if (top) observer.observe(top);
        if (bottom) observer.observe(bottom);
        window.CLBI_SHELL_RESIZE_OBSERVER = observer;
    }
}

function bindClbiWorldbuildingToggle(buttonSelector, menuSelector) {
    $(buttonSelector).on('click', function() {
        var $menu = $(menuSelector);
        var $btn = $(this);

        $menu.toggleClass('worldbuilding-open');
        $btn.toggleClass('clbi-tnav-active', $menu.hasClass('worldbuilding-open'));
        scheduleClbiShellMetrics();
    });
}

bindClbiWorldbuildingToggle('#clbi-tnav-worldbuilding', '#clbi-sub-worldbuilding');
bindClbiWorldbuildingToggle('#clbi-bnav-worldbuilding', '#clbi-bottom-sub-worldbuilding');

$('#clbi-top-search-input, #clbi-bottom-search-input').on('keydown', function(e) {
    if (e.key === 'Enter') {
        var q = $(this).val().trim();
        if (q) window.location.href = '/index.php?search=' + encodeURIComponent(q);
    }
});

if (window.mw && mw.hook) {
    mw.hook('wikipage.content').add(function ($content) {
        initClbiBottomShortcutSystem($content && $content[0] ? $content[0] : document);
    });
}

watchClbiShellMetrics();

});

// 페이지 전환 사운드
var transitionSound = new Audio('/index.php?title=특수:Redirect/file/Sfx-ui-001.mp3');

(function() {
    var master = parseFloat(localStorage.getItem('clbi-audio-master') || 80) / 100;
    var sfx = parseFloat(localStorage.getItem('clbi-audio-sfx') || 60) / 100;
    var sfxOn = localStorage.getItem('clbi-audio-sfxOn') !== 'false';
    transitionSound.volume = sfxOn ? master * sfx : 0;
})();

function playStaticSound() {
    var master = parseFloat(localStorage.getItem('clbi-audio-master') || 80) / 100;
    var sfx = parseFloat(localStorage.getItem('clbi-audio-sfx') || 60) / 100;
    var sfxOn = localStorage.getItem('clbi-audio-sfxOn') !== 'false';

    if (!sfxOn) return;

    transitionSound.volume = master * sfx;
    transitionSound.currentTime = 0;
    transitionSound.play();
}

// 현재 언어 감지
function getCurrentLang() {
    var langData = document.getElementById('clbi-lang-data');
    return langData ? (langData.getAttribute('data-lang') || 'ko') : 'ko';
}

function normalizePageName(value) {
    return String(value || '')
        .split('?')[0]
        .replace(/^\/index\.php\//, '')
        .replace(/_/g, ' ')
        .trim();
}

function buildWikiPath(title) {
    return '/index.php/' + encodeURI(String(title || '').replace(/ /g, '_'));
}

function getLangShortCode(lang) {
    var map = { ko: 'KR', en: 'EN', zh: 'ZH', ja: 'JA', ru: 'RU', es: 'ES' };
    return map[lang] || String(lang || '').toUpperCase();
}

function getLanguageTargetTitle(lang) {
    var data = document.getElementById('clbi-lang-data');
    if (!data || !lang) return '';

    var keys = [
        'data-' + lang,
        'data-page-' + lang,
        'data-title-' + lang,
        'data-target-' + lang,
        'data-lang-' + lang
    ];

    for (var i = 0; i < keys.length; i++) {
        var value = data.getAttribute(keys[i]);
        if (value) return value;
    }

    return '';
}

function escapeClbiHtml(value) {
    return String(value == null ? '' : value)
        .replace(/&/g, '&amp;')
        .replace(/</g, '&lt;')
        .replace(/>/g, '&gt;')
        .replace(/"/g, '&quot;')
        .replace(/'/g, '&#039;');
}


var SIDEBAR_LANG_SVG_NS = 'http://www.w3.org/2000/svg';
var SIDEBAR_LANGUAGE_STATUS_TITLE = 'MediaWiki:LanguageStatus.json';
var SIDEBAR_LANGUAGE_LABELS = {
    ko: '한국어',
    en: 'English',
    zh: '中文',
    ja: '日本語',
    ru: 'Русский',
    es: 'Español'
};
var SIDEBAR_LANGUAGE_DIAL_LABELS = {
    ko: '한국어',
    en: 'ENG',
    zh: '中文',
    ja: '日本語',
    ru: 'РУС',
    es: 'ESP'
};
var SIDEBAR_LANGUAGE_STATUS_VALUES = {
    available: true,
    wip: true,
    unavailable: true
};

var sidebarLanguageStatusRegistry = {};
var sidebarLanguageStatusLoaded = false;
var sidebarLanguageStatusLoading = false;
var sidebarLanguageStatusCallbacks = [];

var sidebarLanguageState = {
    order: ['ko', 'en', 'zh', 'ja', 'ru', 'es'],
    currentLang: 'ko',
    baseIndex: 0,
    selectedIndex: 0,
    rotation: 0,
    dragging: false,
    dragMoved: false,
    dragStartX: 0,
    dragStartY: 0,
    dragStartRotation: 0,
    dragAxis: null,
    pointerCaptured: false,
    lastX: 0,
    lastTime: 0,
    releaseVelocity: 0,
    suppressClickUntil: 0,
    raf: null,
    pendingRotation: 0,
    snapTimer: null,
    inertiaRaf: null,
    navigateTimer: null,
    bound: false,
    boundElement: null,
    rotor: null,
    cx: 101,
    cy: 119,
    outerR: 109,
    innerR: 28,
    sectorAngle: 30,
    halfSector: 15,
    repeats: 8,
    dragSensitivity: 0.58,
    maxSpinVelocity: 1.75,
    minSpinVelocity: 0.055,
    spinDecel: 0.00185
};

function createSidebarLanguageSvgEl(tag) {
    return document.createElementNS(SIDEBAR_LANG_SVG_NS, tag);
}

function normalizeSidebarLanguageIndex(index) {
    var length = sidebarLanguageState.order.length;
    var normalized = index % length;
    return normalized < 0 ? normalized + length : normalized;
}

function getSidebarLanguageName(lang) {
    return SIDEBAR_LANGUAGE_LABELS[lang] || String(lang || '').toUpperCase();
}

function getSidebarLanguageDialName(lang) {
    return SIDEBAR_LANGUAGE_DIAL_LABELS[lang] || getSidebarLanguageName(lang);
}

function normalizeSidebarLanguageStatusValue(value) {
    value = String(value == null ? '' : value).toLowerCase().trim();
    return SIDEBAR_LANGUAGE_STATUS_VALUES[value] ? value : '';
}

function getSidebarLanguageStatusPageKey() {
    var raw = String(mw.config.get('wgPageName') || '').trim();
    var normalized = normalizePageName(raw);

    return normalized || raw || '대문';
}

function getSidebarLanguageStatusEntry() {
    var registry = sidebarLanguageStatusRegistry || {};
    var pages = registry.pages && typeof registry.pages === 'object' ? registry.pages : registry;
    var raw = String(mw.config.get('wgPageName') || '').trim();
    var normalized = normalizePageName(raw);
    var title = String(mw.config.get('wgTitle') || '').trim();
    var keys = [
        normalized,
        raw,
        raw.replace(/_/g, ' '),
        normalized.replace(/ /g, '_'),
        title,
        title.replace(/_/g, ' ')
    ];
    var i;

    for (i = 0; i < keys.length; i += 1) {
        if (keys[i] && pages[keys[i]] && typeof pages[keys[i]] === 'object') {
            return pages[keys[i]];
        }
    }

    return {};
}

function getSidebarLanguageStatusOverride(lang) {
    var entry = getSidebarLanguageStatusEntry();
    return normalizeSidebarLanguageStatusValue(entry[lang]);
}

function flushSidebarLanguageStatusCallbacks() {
    var callbacks = sidebarLanguageStatusCallbacks.slice();
    sidebarLanguageStatusCallbacks.length = 0;

    callbacks.forEach(function(callback) {
        if (typeof callback === 'function') {
            callback(sidebarLanguageStatusRegistry);
        }
    });
}

function loadSidebarLanguageStatusRegistry(callback, force) {
    if (typeof callback === 'function') {
        sidebarLanguageStatusCallbacks.push(callback);
    }

    if (sidebarLanguageStatusLoaded && !force) {
        flushSidebarLanguageStatusCallbacks();
        return;
    }

    if (sidebarLanguageStatusLoading) return;

    sidebarLanguageStatusLoading = true;

    function finishLanguageStatus(parsed) {
        sidebarLanguageStatusRegistry = parsed && typeof parsed === 'object' ? parsed : {};
        sidebarLanguageStatusLoaded = true;
        sidebarLanguageStatusLoading = false;
        flushSidebarLanguageStatusCallbacks();
    }

    if (!force && window.EntryStore && typeof window.EntryStore.fetchJsonRef === 'function') {
        window.EntryStore.fetchJsonRef(SIDEBAR_LANGUAGE_STATUS_TITLE, { noStore: false })
            .then(function (parsed) { finishLanguageStatus(parsed); })
            .catch(function () { finishLanguageStatus({}); });
        return;
    }

    (function () {
        var url = mw.util.getUrl(SIDEBAR_LANGUAGE_STATUS_TITLE, {
            action: 'raw',
            ctype: 'application/json'
        });
        if (window.RevisionManifest && typeof window.RevisionManifest.addRevisionParam === 'function') {
            url = window.RevisionManifest.addRevisionParam(url, SIDEBAR_LANGUAGE_STATUS_TITLE);
        }
        $.ajax({
            url: url,
            dataType: 'text',
            cache: true
        }).done(function(text) {
            var parsed = {};

            try {
                parsed = text ? JSON.parse(text) : {};
            } catch (err) {
                console.error('LanguageStatus.json parse failed:', err);
                parsed = {};
            }

            finishLanguageStatus(parsed);
        }).fail(function() {
            finishLanguageStatus({});
        });
    })();
}

window.CLBI_LANGUAGE_STATUS = {
    title: SIDEBAR_LANGUAGE_STATUS_TITLE,
    languages: sidebarLanguageState.order.slice(),
    labels: SIDEBAR_LANGUAGE_LABELS,
    dialLabels: SIDEBAR_LANGUAGE_DIAL_LABELS,
    getPageKey: getSidebarLanguageStatusPageKey,
    getRegistry: function() {
        return sidebarLanguageStatusRegistry || {};
    },
    reload: function(callback) {
        sidebarLanguageStatusLoaded = false;
        loadSidebarLanguageStatusRegistry(function() {
            renderSidebarLanguageBox();
            if (typeof callback === 'function') callback(sidebarLanguageStatusRegistry);
        }, true);
    },
    refreshDial: function() {
        renderSidebarLanguageBox();
    }
};

function getSidebarLanguageMeta(lang) {
    var currentLang = getCurrentLang();
    var targetTitle = getLanguageTargetTitle(lang);
    var isCurrent = lang === currentLang;

    return {
        lang: lang,
        code: getLangShortCode(lang),
        name: getSidebarLanguageName(lang),
        dialName: getSidebarLanguageDialName(lang),
        targetTitle: targetTitle,
        isCurrent: isCurrent,
        canMove: !!targetTitle && !isCurrent
    };
}

function getSidebarLanguageStatus(meta) {
    var override;

    if (!meta) {
        return {
            className: 'is-locked',
            label: 'UNAVAILABLE',
            canApply: false
        };
    }

    if (meta.isCurrent) {
        return {
            className: 'is-current',
            label: 'CURRENT',
            canApply: false
        };
    }

    override = getSidebarLanguageStatusOverride(meta.lang);

    if (override === 'wip') {
        return {
            className: 'is-locked',
            label: 'WIP',
            canApply: false
        };
    }

    if (override === 'unavailable') {
        return {
            className: 'is-locked',
            label: 'UNAVAILABLE',
            canApply: false
        };
    }

    if (override === 'available' || meta.targetTitle) {
        return {
            className: meta.targetTitle ? 'is-ready' : 'is-locked',
            label: meta.targetTitle ? 'AVAILABLE' : 'UNAVAILABLE',
            canApply: !!meta.targetTitle
        };
    }

    return {
        className: 'is-locked',
        label: 'UNAVAILABLE',
        canApply: false
    };
}

function sidebarLanguageRad(deg) {
    return (deg * Math.PI) / 180;
}

function sidebarLanguagePointAt(radius, deg) {
    var state = sidebarLanguageState;
    var angle = sidebarLanguageRad(deg);

    return {
        x: state.cx + Math.sin(angle) * radius,
        y: state.cy - Math.cos(angle) * radius
    };
}

function getSidebarLanguageSectorPath(start, end) {
    var state = sidebarLanguageState;
    var p1 = sidebarLanguagePointAt(state.outerR, start);
    var p2 = sidebarLanguagePointAt(state.outerR, end);
    var p3 = sidebarLanguagePointAt(state.innerR, end);
    var p4 = sidebarLanguagePointAt(state.innerR, start);
    var largeArc = Math.abs(end - start) > 180 ? 1 : 0;

    return [
        'M', p1.x.toFixed(3), p1.y.toFixed(3),
        'A', state.outerR, state.outerR, 0, largeArc, 1, p2.x.toFixed(3), p2.y.toFixed(3),
        'L', p3.x.toFixed(3), p3.y.toFixed(3),
        'A', state.innerR, state.innerR, 0, largeArc, 0, p4.x.toFixed(3), p4.y.toFixed(3),
        'Z'
    ].join(' ');
}

function getSidebarLanguageShellPath() {
    return getSidebarLanguageSectorPath(-68, 68);
}

function getSidebarLanguageByStep(step) {
    var state = sidebarLanguageState;
    var index = normalizeSidebarLanguageIndex(state.baseIndex + step);

    return {
        index: index,
        meta: getSidebarLanguageMeta(state.order[index])
    };
}

function getSidebarLanguagePreviewIndex() {
    var state = sidebarLanguageState;
    var step = Math.round(-state.rotation / state.sectorAngle);
    return normalizeSidebarLanguageIndex(state.baseIndex + step);
}

function getSidebarLanguagePreviewMeta() {
    var state = sidebarLanguageState;
    return getSidebarLanguageMeta(state.order[getSidebarLanguagePreviewIndex()]);
}

function makeSidebarLanguageSector(step) {
    var state = sidebarLanguageState;
    var item = getSidebarLanguageByStep(step);
    var group = createSidebarLanguageSvgEl('g');
    var path = createSidebarLanguageSvgEl('path');
    var label = createSidebarLanguageSvgEl('text');
    var labelY = state.cy - 78;
    var angle = step * state.sectorAngle;

    group.setAttribute('class', 'sidebar-lang-sector-group');
    group.setAttribute('data-step', String(step));
    group.setAttribute('data-index', String(item.index));
    group.setAttribute('data-lang', item.meta.lang);
    group.setAttribute('transform', 'rotate(' + angle + ' ' + state.cx + ' ' + state.cy + ')');

    path.setAttribute('class', 'sidebar-lang-sector');
    path.setAttribute('d', getSidebarLanguageSectorPath(-state.halfSector, state.halfSector));

    label.setAttribute('class', 'sidebar-lang-sector-label');
    label.setAttribute('x', String(state.cx));
    label.setAttribute('y', String(labelY + 5));
    label.textContent = item.meta.dialName || item.meta.name;

    group.appendChild(path);
    group.appendChild(label);

    group.addEventListener('click', function(e) {
        if (sidebarLanguageState.dragging || performance.now() < sidebarLanguageState.suppressClickUntil) return;

        e.preventDefault();
        e.stopPropagation();

        cancelSidebarLanguageSpin();
        snapSidebarLanguageToStep(parseInt(group.getAttribute('data-step') || '0', 10), true);
    });

    return group;
}

function renderSidebarLanguageWheel() {
    var state = sidebarLanguageState;
    var fan = document.getElementById('clbi-sidebar-lang-fan');
    var svg;
    var defs;
    var clip;
    var clipPath;
    var shadowBlur;
    var blur;
    var fixedDepthGradient;
    var shell;
    var clipped;
    var rotor;
    var fixedDepthPath;
    var fixedFocus;
    var shadowSoft;
    var shadowHard;
    var rim;
    var pointer;
    var tri;
    var line;
    var step;

    if (!fan) return;

    fan.innerHTML = '';

    svg = createSidebarLanguageSvgEl('svg');
    svg.setAttribute('class', 'sidebar-lang-fan-svg');
    svg.setAttribute('viewBox', '0 0 202 150');
    svg.setAttribute('preserveAspectRatio', 'xMidYMid meet');
    svg.setAttribute('role', 'img');
    svg.setAttribute('aria-label', '언어 선택 다이얼');

    defs = createSidebarLanguageSvgEl('defs');

    clip = createSidebarLanguageSvgEl('clipPath');
    clip.setAttribute('id', 'clbi-sidebar-language-fan-clip');
    clipPath = createSidebarLanguageSvgEl('path');
    clipPath.setAttribute('d', getSidebarLanguageShellPath());
    clip.appendChild(clipPath);

    shadowBlur = createSidebarLanguageSvgEl('filter');
    shadowBlur.setAttribute('id', 'clbi-sidebar-language-shadow-blur');
    shadowBlur.setAttribute('x', '-20%');
    shadowBlur.setAttribute('y', '-20%');
    shadowBlur.setAttribute('width', '140%');
    shadowBlur.setAttribute('height', '140%');
    blur = createSidebarLanguageSvgEl('feGaussianBlur');
    blur.setAttribute('stdDeviation', '3');
    shadowBlur.appendChild(blur);

    fixedDepthGradient = createSidebarLanguageSvgEl('linearGradient');
    fixedDepthGradient.setAttribute('id', 'clbi-sidebar-language-fixed-depth');
    fixedDepthGradient.setAttribute('x1', '0');
    fixedDepthGradient.setAttribute('y1', '0');
    fixedDepthGradient.setAttribute('x2', '0');
    fixedDepthGradient.setAttribute('y2', '1');

    [
        ['0%', '#ffffff', '0.030'],
        ['34%', '#ffffff', '0.006'],
        ['58%', '#000000', '0.030'],
        ['100%', '#000000', '0.250']
    ].forEach(function(item) {
        var stop = createSidebarLanguageSvgEl('stop');
        stop.setAttribute('offset', item[0]);
        stop.setAttribute('stop-color', item[1]);
        stop.setAttribute('stop-opacity', item[2]);
        fixedDepthGradient.appendChild(stop);
    });

    defs.appendChild(clip);
    defs.appendChild(shadowBlur);
    defs.appendChild(fixedDepthGradient);
    svg.appendChild(defs);

    shell = createSidebarLanguageSvgEl('path');
    shell.setAttribute('class', 'sidebar-lang-shell');
    shell.setAttribute('d', getSidebarLanguageShellPath());
    svg.appendChild(shell);

    clipped = createSidebarLanguageSvgEl('g');
    clipped.setAttribute('clip-path', 'url(#clbi-sidebar-language-fan-clip)');

    rotor = createSidebarLanguageSvgEl('g');
    rotor.setAttribute('id', 'clbi-sidebar-lang-wheel-rotor');
    rotor.setAttribute('class', 'sidebar-lang-wheel-rotor');

    for (step = -state.repeats; step <= state.repeats; step += 1) {
        rotor.appendChild(makeSidebarLanguageSector(step));
    }

    clipped.appendChild(rotor);
    svg.appendChild(clipped);

    fixedDepthPath = createSidebarLanguageSvgEl('path');
    fixedDepthPath.setAttribute('class', 'sidebar-lang-fixed-depth');
    fixedDepthPath.setAttribute('d', getSidebarLanguageShellPath());
    svg.appendChild(fixedDepthPath);

    fixedFocus = createSidebarLanguageSvgEl('path');
    fixedFocus.setAttribute('class', 'sidebar-lang-fixed-focus');
    fixedFocus.setAttribute('d', getSidebarLanguageSectorPath(-state.halfSector, state.halfSector));
    svg.appendChild(fixedFocus);

    shadowSoft = createSidebarLanguageSvgEl('path');
    shadowSoft.setAttribute('class', 'sidebar-lang-inner-shadow-soft');
    shadowSoft.setAttribute('d', getSidebarLanguageShellPath());
    svg.appendChild(shadowSoft);

    shadowHard = createSidebarLanguageSvgEl('path');
    shadowHard.setAttribute('class', 'sidebar-lang-inner-shadow-hard');
    shadowHard.setAttribute('d', getSidebarLanguageShellPath());
    svg.appendChild(shadowHard);

    rim = createSidebarLanguageSvgEl('path');
    rim.setAttribute('class', 'sidebar-lang-rim');
    rim.setAttribute('d', getSidebarLanguageShellPath());
    svg.appendChild(rim);

    pointer = createSidebarLanguageSvgEl('g');
    pointer.setAttribute('class', 'sidebar-lang-fixed-pointer');
    pointer.setAttribute('clip-path', 'url(#clbi-sidebar-language-fan-clip)');

    tri = createSidebarLanguageSvgEl('path');
    tri.setAttribute('class', 'sidebar-lang-pointer-triangle');
    tri.setAttribute('d', 'M ' + (state.cx - 10) + ' 10 L ' + (state.cx + 10) + ' 10 L ' + state.cx + ' 26 Z');
    pointer.appendChild(tri);

    line = createSidebarLanguageSvgEl('line');
    line.setAttribute('class', 'sidebar-lang-pointer-line');
    line.setAttribute('x1', String(state.cx));
    line.setAttribute('x2', String(state.cx));
    line.setAttribute('y1', '24');
    line.setAttribute('y2', '112');
    pointer.appendChild(line);

    svg.appendChild(pointer);
    fan.appendChild(svg);

    state.rotor = rotor;
    setSidebarLanguageRotation(state.rotation, false);
}

function updateSidebarLanguageDial() {
    var state = sidebarLanguageState;
    var meta = getSidebarLanguagePreviewMeta();
    var status = getSidebarLanguageStatus(meta);
    var selector = document.getElementById('clbi-sidebar-lang-selector');
    var apply = document.getElementById('clbi-sidebar-lang-apply');
    var selectedValue = document.getElementById('clbi-sidebar-lang-selected-value');
    var availabilityPanel = document.getElementById('clbi-sidebar-lang-availability-panel');
    var availabilityValue = document.getElementById('clbi-sidebar-lang-availability-value');

    if (selectedValue) {
        selectedValue.textContent = meta.name;
    }

    if (availabilityPanel) {
        availabilityPanel.classList.remove('is-ready', 'is-current', 'is-locked');
        availabilityPanel.classList.add(status.className);
    }

    if (availabilityValue) {
        availabilityValue.textContent = status.label;
    }

    if (apply) {
        apply.classList.toggle('is-disabled', !status.canApply);
        apply.setAttribute('aria-disabled', status.canApply ? 'false' : 'true');
        apply.setAttribute('aria-label', status.canApply ? (meta.name + ' 적용') : (meta.isCurrent ? '현재 언어' : '사용할 수 없는 언어'));
    }

    if (selector) {
        selector.setAttribute('data-selected-lang', meta.lang);
        selector.setAttribute('data-selected-code', meta.code);
        selector.classList.toggle('is-current', meta.isCurrent);
        selector.classList.toggle('is-ready', status.canApply);
        selector.classList.toggle('is-locked', !status.canApply && !meta.isCurrent);
        selector.classList.toggle('is-dragging', !!state.dragging);
        selector.classList.toggle('is-spinning', !!state.inertiaRaf);
    }

    return {
        meta: meta,
        status: status
    };
}

function setSidebarLanguageRotation(value, animate) {
    var state = sidebarLanguageState;
    state.rotation = value;
    updateSidebarLanguageDial();

    if (!state.rotor) return;

    if (animate) {
        $('#clbi-sidebar-lang-selector').addClass('is-snapping');
    } else {
        $('#clbi-sidebar-lang-selector').removeClass('is-snapping');
    }

    state.rotor.style.transform = 'rotate(' + state.rotation.toFixed(3) + 'deg)';
}

function requestSidebarLanguageRotation(value) {
    var state = sidebarLanguageState;
    state.pendingRotation = value;

    if (state.raf) return;

    state.raf = requestAnimationFrame(function() {
        state.raf = null;
        setSidebarLanguageRotation(state.pendingRotation, false);
    });
}

function cancelSidebarLanguageSpin() {
    var state = sidebarLanguageState;

    if (state.inertiaRaf) {
        cancelAnimationFrame(state.inertiaRaf);
        state.inertiaRaf = null;
    }

    $('#clbi-sidebar-lang-selector').removeClass('is-spinning');
}

function finishSidebarLanguageSnap(nearestIndex, callback) {
    var state = sidebarLanguageState;

    state.baseIndex = normalizeSidebarLanguageIndex(nearestIndex);
    state.selectedIndex = state.baseIndex;
    state.rotation = 0;
    state.dragging = false;

    $('#clbi-sidebar-lang-selector').removeClass('is-snapping is-dragging is-spinning');

    renderSidebarLanguageWheel();
    updateSidebarLanguageDial();

    if (typeof callback === 'function') {
        callback(getSidebarLanguageMeta(state.order[state.selectedIndex]));
    }
}

function snapSidebarLanguageToStep(step, animate, callback) {
    var state = sidebarLanguageState;
    var targetRotation = -step * state.sectorAngle;
    var nearestIndex = normalizeSidebarLanguageIndex(state.baseIndex + step);

    cancelSidebarLanguageSpin();
    clearTimeout(state.snapTimer);

    state.selectedIndex = nearestIndex;
    setSidebarLanguageRotation(targetRotation, !!animate);

    state.snapTimer = setTimeout(function() {
        finishSidebarLanguageSnap(nearestIndex, callback);
    }, animate ? 230 : 0);
}

function snapSidebarLanguageNearest(callback) {
    var state = sidebarLanguageState;
    var step = Math.round(-state.rotation / state.sectorAngle);
    snapSidebarLanguageToStep(step, true, callback);
}

function startSidebarLanguageInertiaSpin(initialVelocity) {
    var state = sidebarLanguageState;
    var velocity;
    var lastFrame;

    cancelSidebarLanguageSpin();

    velocity = Math.max(-state.maxSpinVelocity, Math.min(state.maxSpinVelocity, initialVelocity));

    if (Math.abs(velocity) < state.minSpinVelocity) {
        snapSidebarLanguageNearest();
        return;
    }

    $('#clbi-sidebar-lang-selector').addClass('is-spinning');
    lastFrame = performance.now();

    function frame(now) {
        var dt = Math.min(34, Math.max(1, now - lastFrame));
        var sign = velocity < 0 ? -1 : 1;
        var nextSpeed;

        lastFrame = now;
        state.rotation += velocity * dt;
        setSidebarLanguageRotation(state.rotation, false);

        nextSpeed = Math.max(0, Math.abs(velocity) - (state.spinDecel * dt));
        velocity = sign * nextSpeed;

        if (nextSpeed <= state.minSpinVelocity) {
            state.inertiaRaf = null;
            $('#clbi-sidebar-lang-selector').removeClass('is-spinning');
            snapSidebarLanguageNearest();
            return;
        }

        state.inertiaRaf = requestAnimationFrame(frame);
    }

    state.inertiaRaf = requestAnimationFrame(frame);
}

function scheduleSidebarLanguageNavigation(meta) {
    var status = getSidebarLanguageStatus(meta);

    if (!meta || !status.canApply) return;

    clearTimeout(sidebarLanguageState.navigateTimer);
    sidebarLanguageState.navigateTimer = setTimeout(function() {
        var title = getLanguageTargetTitle(meta.lang);

        if (!title || meta.lang === getCurrentLang()) return;

        window.location.href = buildWikiPath(title);
    }, 70);
}

function setSidebarLanguageSelection(lang) {
    var state = sidebarLanguageState;
    var index = state.order.indexOf(lang);

    if (index < 0) index = state.order.indexOf(getCurrentLang());
    if (index < 0) index = 0;

    if (state.raf) {
        cancelAnimationFrame(state.raf);
        state.raf = null;
    }

    cancelSidebarLanguageSpin();
    clearTimeout(state.snapTimer);

    state.currentLang = lang;
    state.baseIndex = index;
    state.selectedIndex = index;
    state.rotation = 0;
    state.dragging = false;
    state.dragMoved = false;
    state.releaseVelocity = 0;

    renderSidebarLanguageWheel();
    updateSidebarLanguageDial();
}

function moveSidebarLanguageSelection(delta) {
    snapSidebarLanguageToStep(-delta, true);
}

function bindSidebarLanguageSelector() {
    var state = sidebarLanguageState;
    var selector = document.getElementById('clbi-sidebar-lang-selector');
    var fan = document.getElementById('clbi-sidebar-lang-fan');
    var apply = document.getElementById('clbi-sidebar-lang-apply');

    if (!selector || !fan || !apply) return;

    if (state.bound && state.boundElement === selector) return;

    state.bound = true;
    state.boundElement = selector;

    fan.addEventListener('pointerdown', function(e) {
        cancelSidebarLanguageSpin();
        clearTimeout(state.snapTimer);

        state.dragging = true;
        state.dragMoved = false;
        state.dragStartX = e.clientX;
        state.dragStartY = e.clientY || 0;
        state.dragStartRotation = state.rotation;
        state.dragAxis = null;
        state.pointerCaptured = false;
        state.lastX = e.clientX;
        state.lastTime = performance.now();
        state.releaseVelocity = 0;

        selector.classList.add('is-dragging');
        selector.classList.remove('is-snapping');

        /*
        Vertical page scrolling must stay available when the pointer starts on
        the language dial. Capture and preventDefault are delayed until a
        horizontal drag is confirmed.
        */
    });

    fan.addEventListener('pointermove', function(e) {
        var now;
        var totalDx;
        var totalDy;
        var frameDx;
        var dt;
        var instantVelocity;

        if (!state.dragging) return;

        totalDx = e.clientX - state.dragStartX;
        totalDy = (e.clientY || 0) - state.dragStartY;

        if (!state.dragAxis && (Math.abs(totalDx) > 4 || Math.abs(totalDy) > 4)) {
            state.dragAxis = Math.abs(totalDx) >= Math.abs(totalDy) ? 'x' : 'y';

            if (state.dragAxis === 'y') {
                state.dragging = false;
                state.dragMoved = false;
                state.dragAxis = null;
                state.pointerCaptured = false;
                selector.classList.remove('is-dragging');
                return;
            }

            if (fan.setPointerCapture && e.pointerId != null) {
                try {
                    fan.setPointerCapture(e.pointerId);
                    state.pointerCaptured = true;
                } catch (err) {
                    state.pointerCaptured = false;
                }
            }
        }

        if (state.dragAxis !== 'x') return;

        now = performance.now();
        frameDx = e.clientX - state.lastX;
        dt = Math.max(1, now - state.lastTime);

        if (Math.abs(totalDx) > 3) state.dragMoved = true;

        instantVelocity = (frameDx * state.dragSensitivity) / dt;
        state.releaseVelocity = (state.releaseVelocity * 0.62) + (instantVelocity * 0.38);
        state.lastX = e.clientX;
        state.lastTime = now;

        requestSidebarLanguageRotation(state.dragStartRotation + totalDx * state.dragSensitivity);
        e.preventDefault();
        e.stopPropagation();
    });

    function finishDrag(e) {
        var velocityAge;
        var throwVelocity;
        var wasHorizontal;

        if (!state.dragging) return;

        wasHorizontal = state.dragAxis === 'x';
        state.dragging = false;
        selector.classList.remove('is-dragging');

        if (fan.releasePointerCapture && state.pointerCaptured && e && e.pointerId != null) {
            try { fan.releasePointerCapture(e.pointerId); } catch (err) {}
        }

        state.pointerCaptured = false;
        state.dragAxis = null;

        if (!wasHorizontal && !state.dragMoved) {
            return;
        }

        velocityAge = performance.now() - state.lastTime;
        throwVelocity = velocityAge > 120 ? 0 : state.releaseVelocity;

        if (state.dragMoved) {
            state.suppressClickUntil = performance.now() + 180;
        }

        if (state.dragMoved && Math.abs(throwVelocity) >= state.minSpinVelocity) {
            startSidebarLanguageInertiaSpin(throwVelocity);
        } else {
            snapSidebarLanguageNearest();
        }

        if (e) {
            e.preventDefault();
            e.stopPropagation();
        }
    }

    fan.addEventListener('pointerup', finishDrag);
    fan.addEventListener('pointercancel', finishDrag);
    fan.addEventListener('lostpointercapture', function() {
        if (!state.dragging) return;

        state.dragging = false;
        state.pointerCaptured = false;
        state.dragAxis = null;
        selector.classList.remove('is-dragging');

        if (state.dragMoved && Math.abs(state.releaseVelocity) >= state.minSpinVelocity) {
            state.suppressClickUntil = performance.now() + 180;
            startSidebarLanguageInertiaSpin(state.releaseVelocity);
        } else {
            snapSidebarLanguageNearest();
        }
    });

    apply.addEventListener('click', function(e) {
        e.preventDefault();
        e.stopPropagation();

        snapSidebarLanguageNearest(function(meta) {
            scheduleSidebarLanguageNavigation(meta);
        });
    });

    selector.addEventListener('keydown', function(e) {
        if (e.key === 'ArrowLeft') {
            moveSidebarLanguageSelection(-1);
            e.preventDefault();
        }

        if (e.key === 'ArrowRight') {
            moveSidebarLanguageSelection(1);
            e.preventDefault();
        }

        if (e.key === 'Enter' || e.key === ' ') {
            apply.click();
            e.preventDefault();
        }
    });
}

function renderSidebarLanguageBox() {
    bindSidebarLanguageSelector();
    setSidebarLanguageSelection(getCurrentLang());

    if (!sidebarLanguageStatusLoaded) {
        loadSidebarLanguageStatusRegistry(function() {
            setSidebarLanguageSelection(getCurrentLang());
        });
    }
}

function loadRecentChangesList(targetSelector, limit) {
    var $target = $(targetSelector);

    if (!$target.length) return;

    var lang = getCurrentLang();
    var t = (window.LANG && window.LANG[lang]) ? window.LANG[lang] : (window.LANG ? window.LANG.ko : null);
    var isNewsList = $target.closest('.clbi-left-news-box').length > 0;

    function escapeHtml(value) {
        return String(value == null ? '' : value)
            .replace(/&/g, '&amp;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/"/g, '&quot;')
            .replace(/'/g, '&#039;');
    }

    $target.html((t && t.loading) ? t.loading : '불러오는 중...');

    $.getJSON(
        '/api.php?action=query&list=recentchanges&rclimit=' + encodeURIComponent(limit || 5) + '&rcprop=title|timestamp|user&format=json&rcnamespace=0&rctype=edit|new',
        function(data) {
            var items = data && data.query ? data.query.recentchanges : [];
            var html = '';

            if (!items || !items.length) {
                $target.html('표시할 변경 사항이 없습니다.');
                return;
            }

            $.each(items, function(i, item) {
                var label = timeAgo(item.timestamp);
                var title = item.title || '';
                var userName = item.user || 'Unknown';
                var pageHref = buildWikiPath(title);
                var avatarSrc = '/index.php?title=특수:Redirect/file/Pfp-' + encodeURIComponent(userName) + '.png';

                if (isNewsList) {
                    html +=
                        '<a href="' + escapeHtml(pageHref) + '" class="news-recent-item">' +
                            '<img class="news-recent-avatar" src="' + escapeHtml(avatarSrc) + '" alt="" onerror="this.onerror=null;this.src=\'/index.php?title=특수:Redirect/file/Pfp-default.png\';">' +
                            '<div class="news-recent-main">' +
                                '<div class="news-recent-title-wrap">' +
                                    '<span class="news-recent-title">' + escapeHtml(title) + '</span>' +
                                '</div>' +
                                '<div class="news-recent-meta">' +
                                    '<span class="news-recent-user">@' + escapeHtml(userName) + '</span>' +
                                '</div>' +
                            '</div>' +
                            '<span class="news-recent-time">' + escapeHtml(label) + '</span>' +
                        '</a>';
                } else {
                    html +=
                        '<div class="clbi-recent-item">' +
                            '<div class="clbi-recent-title-wrap">' +
                                '<a href="' + escapeHtml(pageHref) + '" class="clbi-recent-title">' + escapeHtml(title) + '</a>' +
                            '</div>' +
                            '<span class="clbi-recent-time">' + escapeHtml(label) + '</span>' +
                        '</div>';
                }
            });

            if (isNewsList) {
                $target.html(
                    '<div class="news-recent-viewport">' +
                        '<div class="news-recent-stack">' + html + '</div>' +
                    '</div>'
                );

                if (typeof ensureNewsBottomFinish === 'function') {
                    ensureNewsBottomFinish();
                }
            } else {
                $target.html(html);
            }

            if (isNewsList && typeof scheduleAdaptiveLeftRecentItems === 'function') {
                scheduleAdaptiveLeftRecentItems();
            }

            $target.find(isNewsList ? '.news-recent-item' : '.clbi-recent-item').each(function() {
                var wrap = $(this).find(isNewsList ? '.news-recent-title-wrap' : '.clbi-recent-title-wrap');
                var title = $(this).find(isNewsList ? '.news-recent-title' : '.clbi-recent-title');

                if (!wrap.length || !title.length) return;

                var wrapW = wrap.width();
                var titleW = title[0].scrollWidth;

                if (titleW > wrapW + 20) {
                    var duration = titleW / 40;

                    title.css({
                        animation: 'clbi-scroll ' + duration + 's linear infinite',
                        '--scroll-dist': '-' + (titleW - wrapW + 8) + 'px'
                    });
                }
            });
        }
    ).fail(function() {
        var lang = getCurrentLang();
        var t = (window.LANG && window.LANG[lang]) ? window.LANG[lang] : (window.LANG ? window.LANG.ko : null);

        $target.html((t && t.loadFail) ? t.loadFail : '불러오기 실패');
    });
}


function ensureRecentViewport() {
    var list = document.getElementById('clbi-left-recent-list');
    var viewport;
    var stack;
    var children;

    if (!list) return null;

    viewport = list.querySelector(':scope > .news-recent-viewport');
    stack = viewport ? viewport.querySelector(':scope > .news-recent-stack') : null;

    if (viewport && stack) return viewport;

    children = Array.prototype.slice.call(list.children || []);

    viewport = document.createElement('div');
    viewport.className = 'news-recent-viewport';

    stack = document.createElement('div');
    stack.className = 'news-recent-stack';

    children.forEach(function (child) {
        if (child.classList && child.classList.contains('news-recent-viewport')) return;
        stack.appendChild(child);
    });

    viewport.appendChild(stack);
    list.appendChild(viewport);

    return viewport;
}

function ensureNewsBottomFinish() {
    var newsBox = document.querySelector('#clbi-left-sidebar .clbi-left-news-box');
    var content = newsBox ? newsBox.querySelector('.clbi-news-box') : null;
    var finish;

    if (!content) return null;

    finish = content.querySelector(':scope > .news-bottom-finish');

    if (!finish) {
        finish = document.createElement('div');
        finish.className = 'news-bottom-finish';
        finish.setAttribute('aria-hidden', 'true');
        content.appendChild(finish);
    }

    return finish;
}

function updateAdaptiveLeftRecentItems() {
    /*
    134 기준: 좌측 사이드는 뉴스 확장형 flex 레이아웃이 높이를 담당한다.
    이전 adaptive 코드는 항목을 숨기거나 mask/fade를 걸기 위한 것이었으므로
    여기서는 잔여 상태만 정리하고 DOM 래퍼만 보장한다.
    */
    resetLeftRecentAdaptiveState();

    if (typeof ensureRecentViewport === 'function') {
        ensureRecentViewport();
    }

    if (typeof ensureNewsBottomFinish === 'function') {
        ensureNewsBottomFinish();
    }

    if (typeof scheduleClbiContentBottomGap === 'function') {
        scheduleClbiContentBottomGap();
    }
}

function scheduleAdaptiveLeftRecentItems() {
    window.requestAnimationFrame(function () {
        updateAdaptiveLeftRecentItems();
    });

    window.setTimeout(updateAdaptiveLeftRecentItems, 80);
    window.setTimeout(updateAdaptiveLeftRecentItems, 240);
}



function updateClbiContentBottomGap(iteration) {
    var content = document.querySelector('.container-fluid.liberty-content');
    var main = document.querySelector('.liberty-content-main');
    var bottomNav = document.getElementById('clbi-bottom-nav-wrap');
    var desiredGap = 8;
    var rootStyle;
    var scale = 1;
    var contentRect;
    var bottomTop;
    var targetHeight;
    var currentHeight;
    var visualGap;

    iteration = iteration || 0;

    if (!content || !main || !bottomNav) return;

    /*
    하단 간격은 scale 모드에서도 같은 기준으로 계산한다.
    transform:scale()이 걸리면 getBoundingClientRect()는 축소된 화면 좌표를 반환하므로,
    목표 간격 8px도 scale을 곱한 화면 좌표로 비교하고 다시 design px로 환산한다.

    목표:
    .liberty-content-main.bottom === #clbi-bottom-nav-wrap.top - 8px
    */
    if (document.body && document.body.classList && document.body.classList.contains('clbi-shell-vertical-scale')) {
        rootStyle = window.getComputedStyle(document.documentElement);
        scale = parseFloat(rootStyle.getPropertyValue('--clbi-shell-scale')) || 1;
        scale = Math.max(0.25, scale);
    }

    contentRect = content.getBoundingClientRect();
    bottomTop = bottomNav.getBoundingClientRect().top;
    visualGap = desiredGap * scale;
    targetHeight = Math.floor((bottomTop - contentRect.top - visualGap) / scale);
    targetHeight = Math.max(120, targetHeight);

    currentHeight = Math.round(content.getBoundingClientRect().height / scale);

    content.style.setProperty('--clbi-content-extra', '0px');
    content.style.setProperty('height', targetHeight + 'px', 'important');
    content.style.setProperty('max-height', targetHeight + 'px', 'important');

    if (Math.abs(currentHeight - targetHeight) >= 1 && iteration < 4) {
        window.requestAnimationFrame(function () {
            updateClbiContentBottomGap(iteration + 1);
        });
    }
}

function scheduleClbiContentBottomGap() {
    window.requestAnimationFrame(function () {
        updateClbiContentBottomGap(0);
    });
    window.setTimeout(function () {
        updateClbiContentBottomGap(0);
    }, 40);
    window.setTimeout(function () {
        updateClbiContentBottomGap(0);
    }, 120);
    window.setTimeout(function () {
        updateClbiContentBottomGap(0);
    }, 280);
    window.setTimeout(function () {
        updateClbiContentBottomGap(0);
    }, 520);
}


function updateLeftBillboardAdaptive() {
    /*
    134 기준: Ad는 이미지/CRT 비율을 유지하는 고정 슬롯이다.
    남는 세로 공간은 뉴스 박스가 흡수하므로, Ad에 하단 finish를 늘리거나
    title-only 상태로 접는 adaptive 보정은 사용하지 않는다.
    */
    resetLeftBillboardAdaptiveState();
}

function scheduleLeftBillboardAdaptive() {
    window.requestAnimationFrame(updateLeftBillboardAdaptive);
    window.setTimeout(updateLeftBillboardAdaptive, 80);
    window.setTimeout(updateLeftBillboardAdaptive, 240);
}

function scheduleLeftSidebarVerticalFit() {
    if (typeof scheduleAdaptiveLeftRecentItems === 'function') {
        scheduleAdaptiveLeftRecentItems();
    }

    if (typeof scheduleLeftBillboardAdaptive === 'function') {
        scheduleLeftBillboardAdaptive();
    }

    window.setTimeout(function () {
        if (typeof scheduleAdaptiveLeftRecentItems === 'function') {
            scheduleAdaptiveLeftRecentItems();
        }

        if (typeof scheduleLeftBillboardAdaptive === 'function') {
            scheduleLeftBillboardAdaptive();
        }
    }, 120);
}


// 시대 문서 전용 왼쪽 사이드바 이미지
function updateLeftSidebarNationsImage() {
    $('#clbi-left-nations-image').remove();
}

function setProfileActionLabel(selector, text) {
    var target = $(selector);
    var label = target.find('.profile-action-label');

    if (label.length) {
        label.text(text);
    } else {
        target.text(text);
    }
}

// 사이드바 업데이트
function updateSidebar() {
    if (!window.LANG) {
        setTimeout(updateSidebar, 100);
        return;
    }

    var currentLang = getCurrentLang();
    var t = (window.LANG && window.LANG[currentLang]) ? window.LANG[currentLang] : window.LANG.ko;

    var newsTitle = t.news || '뉴스';
    var changelogTitle = t.changelog || '체인지로그';
    var recentTitle = t.recentChanges || '최근 변경';
    var languageTitle = t.language || '언어';

    $('#clbi-title-left-language').text(languageTitle);
    renderSidebarLanguageBox();

    $('#clbi-title-left-news').text(newsTitle);
    $('#clbi-left-news-changelog-main').text(changelogTitle);
    $('#clbi-left-news-recent-main').text(recentTitle);

    $('#clbi-title-search a').text(t.search);
    $('#clbi-search-input').attr('placeholder', t.search + '...');
    $('#clbi-title-recent a').text(recentTitle);
    $('#clbi-title-guide-label').text(t.guide);
    $('#clbi-guide-link').text(t.getStarted);
    $('#clbi-title-links-label').text(t.links);

    setProfileActionLabel('#clbi-btn-contribution', t.contribution);
    setProfileActionLabel('#clbi-btn-watchlist', t.watchlist);
    setProfileActionLabel('#clbi-btn-preferences', t.preferences);
    setProfileActionLabel('#clbi-btn-logout', t.logout);
    setProfileActionLabel('#clbi-btn-login', t.login);

    var pageName = normalizePageName(mw.config.get('wgPageName'));
    var specialPage = String(mw.config.get('wgCanonicalSpecialPageName') || '');

$('#clbi-left-news-changelog-main').text(changelogTitle);
$('#clbi-left-news-recent-title').text('RECENT CHANGES');

    $('.clbi-user-btn').removeClass('clbi-user-btn-active');

    if (
        specialPage === 'Contributions' ||
        specialPage === '기여' ||
        pageName.indexOf('특수:기여') === 0 ||
        pageName.indexOf('Special:Contributions') === 0
    ) {
        $('#clbi-btn-contribution').addClass('clbi-user-btn-active');
    }

    if (specialPage === 'Watchlist') {
        $('#clbi-btn-watchlist').addClass('clbi-user-btn-active');
    }

    if (
        specialPage === '설정' ||
        pageName === '특수:설정' ||
        pageName === 'Special:설정'
    ) {
        $('#clbi-btn-preferences').addClass('clbi-user-btn-active');
    }

    $('.toggleBtn').each(function() {
        var btn = $(this);

        if (!$('#' + btn.data('target')).hasClass('folding-open')) {
            btn.text(t.expand);
        } else {
            btn.text(t.collapse);
        }
    });

    updateLeftSidebarNationsImage();
}

function canShowContentTools() {
    // 비로그인 사용자는 편집/역사/공유 버튼을 숨김
    if (!mw.config.get('wgUserName')) {
        return false;
    }

    // MediaWiki가 현재 문서를 편집 가능하지 않다고 판단하면 숨김
    var isEditable = mw.config.get('wgIsProbablyEditable');
    if (isEditable === false) {
        return false;
    }

    var relevantEditable = mw.config.get('wgRelevantPageIsProbablyEditable');
    if (relevantEditable === false) {
        return false;
    }

    return true;
}

function getCatlinkNodes(root) {
    var seen = [];
    var nodes = [];
    var $root = root ? $(root) : $(document);

    $root.find('#catlinks, .catlinks').add($root.filter('#catlinks, .catlinks')).each(function () {
        if (seen.indexOf(this) !== -1) return;
        seen.push(this);
        nodes.push(this);
    });

    return nodes;
}

function getCatlinksTarget(root) {
    var $root = root ? $(root) : $(document);
    var parserOutput = $root.find('.liberty-content-main .mw-parser-output').first();
    var main = $root.find('.liberty-content-main').first();

    if (!parserOutput.length && root && $(root).is('.liberty-content-main')) {
        parserOutput = $(root).find('.mw-parser-output').first();
        main = $(root);
    }

    if (!parserOutput.length && root && $(root).is('.mw-parser-output')) {
        parserOutput = $(root);
    }

    if (parserOutput.length) return parserOutput;
    if (main.length) return main;

    if (!root) {
        parserOutput = $('.liberty-content-main .mw-parser-output').first();
        main = $('.liberty-content-main').first();
        if (parserOutput.length) return parserOutput;
        if (main.length) return main;
    }

    return $();
}

var CLBI_CATLINKS_FETCH_TOKEN = 0;

function getCurrentPageTitleForCatlinks() {
    return String(
        mw.config.get('wgPageName') ||
        mw.config.get('wgRelevantPageName') ||
        ''
    ).trim();
}

function shouldFetchCatlinks() {
    var pageName = getCurrentPageTitleForCatlinks();
    var specialPage = mw.config.get('wgCanonicalSpecialPageName');

    if (!pageName) return false;
    if (specialPage) return false;

    return true;
}

function clearCatlinksInlineHiding(cat) {
    if (!cat || !cat.style) return;

    cat.style.removeProperty('display');
    cat.style.removeProperty('visibility');
    cat.style.removeProperty('height');
    cat.style.removeProperty('max-height');
    cat.style.removeProperty('overflow');

    $(cat).find('.mw-normal-catlinks, #mw-normal-catlinks, .mw-hidden-catlinks, #mw-hidden-catlinks, .mw-hidden-cats-hidden, .mw-hidden-cats-user-shown').each(function () {
        if (!this.style) return;
        this.style.removeProperty('display');
        this.style.removeProperty('visibility');
        this.style.removeProperty('height');
        this.style.removeProperty('max-height');
        this.style.removeProperty('overflow');
    });
}

function exposeHiddenCatlinks(cat) {
    if (!cat) return;

    $(cat).find('.mw-hidden-catlinks, #mw-hidden-catlinks, .mw-hidden-cats-hidden, .mw-hidden-cats-user-shown').each(function () {
        this.classList.remove('mw-hidden-cats-hidden');
        this.classList.add('mw-hidden-cats-user-shown');

        if (this.style) {
            this.style.removeProperty('display');
            this.style.removeProperty('visibility');
            this.style.removeProperty('height');
            this.style.removeProperty('max-height');
            this.style.removeProperty('overflow');
        }
    });
}

function getCatlinkTextContent(cat) {
    var clone;
    var text;

    if (!cat) return '';

    clone = cat.cloneNode(true);
    $(clone).find('script, style').remove();

    text = String(clone.textContent || '')
        .replace(/\s+/g, ' ')
        .replace(/^(분류|숨은 분류|Category|Hidden categories)\s*:\s*/i, '')
        .replace(/^(분류|숨은 분류|Category|Hidden categories)\s*$/i, '')
        .trim();

    return text;
}

function hasRenderedCatlinkItems(cat) {
    var hasLink;
    var hasListText;

    if (!cat) return false;

    hasLink = false;
    $(cat).find('a').each(function () {
        var text = String($(this).text() || '').trim();
        var href = String(this.getAttribute('href') || '').trim();
        if (text || href) hasLink = true;
    });
    if (hasLink) return true;

    hasListText = false;
    $(cat).find('li').each(function () {
        if (String($(this).text() || '').trim()) hasListText = true;
    });
    if (hasListText) return true;

    return !!getCatlinkTextContent(cat);
}

function normalizeCategoryTitle(rawTitle) {
    var title = String(rawTitle == null ? '' : rawTitle).trim();

    if (!title) return '';

    title = title.replace(/_/g, ' ');

    if (/^(Category|분류):/i.test(title)) {
        return title;
    }

    return '분류:' + title;
}

function makeCategoryLinkTitle(rawTitle) {
    return String(rawTitle || '')
        .replace(/^Category:/i, '')
        .replace(/^분류:/, '')
        .replace(/_/g, ' ')
        .trim();
}

function dedupeCatlinkCategories(categories) {
    var seen = {};
    var result = [];

    (categories || []).forEach(function (item) {
        var title = '';
        var hidden = false;

        if (typeof item === 'string') {
            title = normalizeCategoryTitle(item);
        } else if (item && typeof item === 'object') {
            title = normalizeCategoryTitle(item.title || item.name || item.category || '');
            hidden = item.hidden !== undefined || item.isHidden === true;
        }

        if (!title) return;
        if (seen[title]) return;

        seen[title] = true;
        result.push({ title: title, hidden: hidden });
    });

    return result;
}

function getConfigCatlinksCategories() {
    var normal = mw.config.get('wgCategories') || [];
    var hidden = mw.config.get('wgHiddenCategories') || [];
    var categories = [];

    if (!Array.isArray(normal)) normal = [];
    if (!Array.isArray(hidden)) hidden = [];

    normal.forEach(function (name) {
        categories.push({ title: normalizeCategoryTitle(name), hidden: false });
    });

    hidden.forEach(function (name) {
        categories.push({ title: normalizeCategoryTitle(name), hidden: true });
    });

    return dedupeCatlinkCategories(categories);
}

function markCatlinksReady(cat, pageTitle) {
    if (!cat) return;

    cat.classList.add('catlinks');
    cat.classList.add('clbi-catlinks-ready');
    cat.classList.remove('clbi-catlinks-empty');
    cat.classList.remove('clbi-catlinks-pending');
    cat.classList.remove('clbi-catlinks-loading');
    cat.removeAttribute('data-clbi-catlinks-fetching');
    cat.setAttribute('data-clbi-catlinks-page', pageTitle || getCurrentPageTitleForCatlinks());
    clearCatlinksInlineHiding(cat);
    exposeHiddenCatlinks(cat);
}

function markCatlinksEmpty(cat) {
    if (!cat) return;

    cat.classList.add('catlinks');
    cat.classList.add('clbi-catlinks-empty');
    cat.classList.remove('clbi-catlinks-ready');
    cat.classList.remove('clbi-catlinks-pending');
    cat.classList.remove('clbi-catlinks-loading');
    cat.removeAttribute('data-clbi-catlinks-fetching');
    cat.removeAttribute('data-clbi-catlinks-page');
}

function markCatlinksPending(cat, pageTitle) {
    if (!cat) return;

    cat.classList.add('catlinks');
    cat.classList.remove('clbi-catlinks-ready');
    cat.classList.remove('clbi-catlinks-empty');
    cat.classList.add('clbi-catlinks-pending');
    cat.classList.add('clbi-catlinks-loading');
    cat.setAttribute('data-clbi-catlinks-fetching', '1');
    cat.setAttribute('data-clbi-catlinks-page', pageTitle || getCurrentPageTitleForCatlinks());
}

function renderFetchedCatlinks(cat, categories, pageTitle) {
    var container;
    var ul;
    var normalized;

    if (!cat) return false;

    normalized = dedupeCatlinkCategories(categories);

    if (!normalized.length) {
        markCatlinksEmpty(cat);
        return false;
    }

    cat.innerHTML = '';
    cat.classList.add('catlinks');
    cat.classList.add('clbi-catlinks-api-populated');

    container = document.createElement('div');
    container.className = 'mw-normal-catlinks';
    container.appendChild(document.createTextNode('분류: '));

    ul = document.createElement('ul');

    normalized.forEach(function (item) {
        var title = String(item && item.title ? item.title : '').trim();
        var li;
        var a;

        if (!title) return;

        li = document.createElement('li');
        a = document.createElement('a');
        a.href = mw.util.getUrl(title);
        a.title = title;
        a.textContent = makeCategoryLinkTitle(title);

        if (item.hidden) {
            li.className = 'clbi-hidden-category-item';
        }

        li.appendChild(a);
        ul.appendChild(li);
    });

    if (!ul.children.length) {
        markCatlinksEmpty(cat);
        return false;
    }

    container.appendChild(ul);
    cat.appendChild(container);
    markCatlinksReady(cat, pageTitle);
    return true;
}

function fetchCatlinksForPage(pageTitle, callback) {
    var api;

    if (typeof pageTitle === 'function') {
        callback = pageTitle;
        pageTitle = getCurrentPageTitleForCatlinks();
    }

    pageTitle = String(pageTitle || '').trim();

    if (!pageTitle || !shouldFetchCatlinks()) {
        if (typeof callback === 'function') callback([], pageTitle);
        return;
    }

    if (!mw.Api) {
        if (typeof callback === 'function') callback([], pageTitle);
        return;
    }

    api = new mw.Api();
    api.get({
        action: 'query',
        prop: 'categories',
        titles: pageTitle,
        cllimit: 'max',
        clprop: 'hidden',
        formatversion: 2
    }).done(function (data) {
        var pages = data && data.query && data.query.pages ? data.query.pages : [];
        var page = pages && pages.length ? pages[0] : null;
        var categories = page && page.categories ? page.categories : [];

        if (typeof callback === 'function') callback(categories || [], pageTitle);
    }).fail(function () {
        if (typeof callback === 'function') callback([], pageTitle);
    });
}

function finalizeEmptyCatlinks(cat) {
    if (!cat) return;
    if (!cat.isConnected) return;

    clearCatlinksInlineHiding(cat);
    exposeHiddenCatlinks(cat);

    if (hasRenderedCatlinkItems(cat)) {
        markCatlinksReady(cat, getCurrentPageTitleForCatlinks());
        return;
    }

    markCatlinksEmpty(cat);
}

function fetchCatlinksIfNeeded(cat) {
    var configCategories;
    var pageTitle;
    var requestToken;

    if (!cat) return;
    if (!cat.isConnected) return;

    pageTitle = getCurrentPageTitleForCatlinks();

    clearCatlinksInlineHiding(cat);
    exposeHiddenCatlinks(cat);

    if (hasRenderedCatlinkItems(cat)) {
        markCatlinksReady(cat, pageTitle);
        return;
    }

    configCategories = getConfigCatlinksCategories();
    if (configCategories.length) {
        renderFetchedCatlinks(cat, configCategories, pageTitle);
        return;
    }

    if (!shouldFetchCatlinks()) {
        finalizeEmptyCatlinks(cat);
        return;
    }

    if (cat.getAttribute('data-clbi-catlinks-fetching') === '1' && cat.getAttribute('data-clbi-catlinks-page') === pageTitle) return;

    requestToken = ++CLBI_CATLINKS_FETCH_TOKEN;
    markCatlinksPending(cat, pageTitle);

    fetchCatlinksForPage(pageTitle, function (categories, requestedPage) {
        if (requestToken !== CLBI_CATLINKS_FETCH_TOKEN) return;
        if (requestedPage !== getCurrentPageTitleForCatlinks()) return;
        if (!cat || !cat.isConnected) return;
        if (cat.getAttribute('data-clbi-catlinks-page') !== requestedPage) return;

        if (!renderFetchedCatlinks(cat, categories, requestedPage)) {
            finalizeEmptyCatlinks(cat);
        }
    });
}

function normalizeCatlinksPanel(cat) {
    if (!cat) return;

    cat.classList.add('catlinks');
    clearCatlinksInlineHiding(cat);
    exposeHiddenCatlinks(cat);

    if (hasRenderedCatlinkItems(cat)) {
        markCatlinksReady(cat, getCurrentPageTitleForCatlinks());
        return;
    }

    fetchCatlinksIfNeeded(cat);
}

function createCatlinksPanel(target, className) {
    var cat;

    if (!target || !target.length) return null;

    cat = document.createElement('div');
    cat.id = 'catlinks';
    cat.className = className || 'catlinks clbi-catlinks-created clbi-catlinks-pending';
    target.append(cat);
    return cat;
}

function prepareSpaCatlinksBeforeInsert(root) {
    var nodes;
    var target;
    var configCategories;
    var pageTitle;

    if (!root) return;

    pageTitle = getCurrentPageTitleForCatlinks();
    configCategories = getConfigCatlinksCategories();
    nodes = getCatlinkNodes(root);

    nodes.forEach(function (node) {
        node.classList.add('catlinks');
        clearCatlinksInlineHiding(node);
        exposeHiddenCatlinks(node);

        if (hasRenderedCatlinkItems(node)) {
            markCatlinksReady(node, pageTitle);
        } else if (configCategories.length) {
            renderFetchedCatlinks(node, configCategories, pageTitle);
        } else {
            markCatlinksEmpty(node);
        }
    });

    if (nodes.length || !configCategories.length) return;

    target = getCatlinksTarget(root);
    if (!target.length) target = $(root);

    renderFetchedCatlinks(createCatlinksPanel(target, 'catlinks catlinks-allhidden clbi-catlinks-created clbi-catlinks-pending'), configCategories, pageTitle);
}

function moveCatlinksToBottom() {
    var main = $('.liberty-content-main').first();
    var target = getCatlinksTarget();
    var catlinks = getCatlinkNodes();
    var configCategories;
    var pageTitle;
    var requestToken;

    if (!main.length || !target.length) return;

    pageTitle = getCurrentPageTitleForCatlinks();

    catlinks.forEach(function (node) {
        var catNode = $(node);

        if (node.parentNode !== target[0]) {
            catNode.appendTo(target);
        }

        normalizeCatlinksPanel(node);
    });

    if (catlinks.length) return;

    configCategories = getConfigCatlinksCategories();
    if (configCategories.length) {
        renderFetchedCatlinks(createCatlinksPanel(target, 'catlinks catlinks-allhidden clbi-catlinks-created clbi-catlinks-pending'), configCategories, pageTitle);
        return;
    }

    if (!shouldFetchCatlinks()) return;

    requestToken = ++CLBI_CATLINKS_FETCH_TOKEN;

    fetchCatlinksForPage(pageTitle, function (categories, requestedPage) {
        var cat;

        if (requestToken !== CLBI_CATLINKS_FETCH_TOKEN) return;
        if (requestedPage !== getCurrentPageTitleForCatlinks()) return;
        if (getCatlinkNodes().length) return;
        if (!categories || !categories.length) return;

        cat = createCatlinksPanel(target, 'catlinks catlinks-allhidden clbi-catlinks-created clbi-catlinks-pending');
        renderFetchedCatlinks(cat, categories, requestedPage);
    });
}

// 대문 스타일
function initCategoryNavIfAvailable(root) {
    /*
    CategoryNav.js는 대문 카테고리 네비를 SVG로 생성한다.

    Common.js가 SPA로 본문을 갈아끼운 뒤에는 MediaWiki 원래 페이지 로드와 달리
    CategoryNav.js의 초기 DOMContentLoaded만으로는 새 mount를 다시 잡지 못할 수 있다.
    CategoryNav.js 자체도 mw.hook('wikipage.content')를 듣지만, 로드 순서와 SPA 타이밍이
    엇갈릴 수 있으므로 Common.js 쪽에서도 존재 여부를 확인한 뒤 한 번 더 호출한다.

    이 함수는 CategoryNav.js가 아직 로드되지 않았으면 아무 것도 하지 않는다.
    */
    if (window.CategoryNav && typeof window.CategoryNav.init === 'function') {
        window.CategoryNav.init(root || document);
        return;
    }

    if (
        window.CLBI &&
        window.CLBI.categoryNav &&
        typeof window.CLBI.categoryNav.init === 'function'
    ) {
        window.CLBI.categoryNav.init(root || document);
    }
}

function removeLegacyMainPageHero() {
    /*
    기존 대문 전용 레거시 요소 정리
    -----------------------------------------
    이전 대문 구조에서는 Common.js가 본문 바깥에 #clbi-main-logo를 직접 삽입하고,
    본문 안의 #clbi-main-crt-hero를 #clbi-main-crt-hero-wrap으로 감싸서
    .liberty-content-main 위쪽으로 재배치했다.

    새 대문은 본문 내부의 .main-portal이 로고, 알림, 카테고리 네비, 이미지 피드,
    방명록, 상태 패널을 모두 담당한다. 따라서 Common.js가 별도 로고나 CRT 래퍼를
    삽입하면 새 로고/콘텐츠와 중복된다.

    여기서는 JS가 만들던 바깥 로고와 CRT 래퍼를 제거하고, 예전 대문 원본이나
    캐시된 렌더 결과에 남아 있을 수 있는 #clbi-main-crt-hero도 제거한다.
    */
    $('#clbi-main-logo').remove();
    $('#clbi-main-crt-hero-wrap').remove();
    $('#clbi-main-crt-hero').remove();
}


function setNativePageTitleHiddenHard(hidden) {
    var selectors = [
        '.liberty-content-header',
        '.liberty-content-header .title',
        '.liberty-content-header .title h1',
        '.liberty-content-header h1',
        '#firstHeading',
        '.firstHeading',
        '.mw-first-heading',
        '.page-heading',
        '.page-header',
        '.mw-page-title-main',
        '.mw-page-title-namespace',
        '.mw-page-title-separator'
    ];

    document.querySelectorAll(selectors.join(',')).forEach(function(node) {
        if (!node || !node.style) return;

        if (hidden) {
            node.setAttribute('data-clbi-title-hidden', 'true');
            node.style.setProperty('display', 'none', 'important');
            node.style.setProperty('visibility', 'hidden', 'important');
            node.style.setProperty('height', '0', 'important');
            node.style.setProperty('min-height', '0', 'important');
            node.style.setProperty('margin', '0', 'important');
            node.style.setProperty('padding', '0', 'important');
            node.style.setProperty('overflow', 'hidden', 'important');
        } else if (node.getAttribute('data-clbi-title-hidden') === 'true') {
            node.removeAttribute('data-clbi-title-hidden');
            node.style.removeProperty('display');
            node.style.removeProperty('visibility');
            node.style.removeProperty('height');
            node.style.removeProperty('min-height');
            node.style.removeProperty('margin');
            node.style.removeProperty('padding');
            node.style.removeProperty('overflow');
        }
    });
}

function applyDefaultPageTitleVisibility() {
    var hideTitle = true;
    var isSystemAssetPage = false;

    if (window.CLBI_PAGE_SHELL && typeof window.CLBI_PAGE_SHELL.isSystemAssetPage === 'function') {
        isSystemAssetPage = window.CLBI_PAGE_SHELL.isSystemAssetPage();
    }

    if (isSystemAssetPage) {
        hideTitle = true;
    } else if (window.CLBI_PAGE_SHELL && typeof window.CLBI_PAGE_SHELL.isBackendOrSystemPage === 'function') {
        hideTitle = !window.CLBI_PAGE_SHELL.isBackendOrSystemPage();
    }

    $('body')
        .toggleClass('page-title-hidden', hideTitle)
        .toggleClass('page-title-visible', !hideTitle)
        .toggleClass('clbi-system-doc-page', isSystemAssetPage);

    $('.content-tools').css('display', 'none');

    if (isSystemAssetPage && window.CLBI_PAGE_SHELL && typeof window.CLBI_PAGE_SHELL.renderSystemDocIndicator === 'function') {
        window.CLBI_PAGE_SHELL.renderSystemDocIndicator();
    } else if (!isSystemAssetPage && window.CLBI_PAGE_SHELL && typeof window.CLBI_PAGE_SHELL.removeSystemDocIndicator === 'function') {
        window.CLBI_PAGE_SHELL.removeSystemDocIndicator();
    }

    if (hideTitle) {
        $('.liberty-content-header').css('display', 'none');
        $('.mw-page-title-main, .mw-page-title-namespace, .mw-page-title-separator').addClass('clbi-hide');
        $('#firstHeading, .firstHeading, .mw-first-heading, .page-heading, .page-header').css('display', 'none');
        setNativePageTitleHiddenHard(true);
    } else {
        $('.liberty-content-header').css('display', '');
        $('.mw-page-title-main, .mw-page-title-namespace, .mw-page-title-separator').removeClass('clbi-hide');
        $('#firstHeading, .firstHeading, .mw-first-heading, .page-heading, .page-header').css('display', '');
        setNativePageTitleHiddenHard(false);
    }
}

function applyMainPageStyle() {
    var specialPage = mw.config.get('wgCanonicalSpecialPageName');
    if (specialPage === 'Preferences') return;

    var pageName = normalizePageName(mw.config.get('wgPageName'));
    var namespaceNumber = mw.config.get('wgNamespaceNumber');
    var isMainPage = (pageName === '대문');
    var isUserProfilePage = (namespaceNumber === 2);
    var isScreenDoc = ($('.screen-header').length > 0);
    var hideTools = (isMainPage || isUserProfilePage || !canShowContentTools());

    $('body').toggleClass('user-profile-page', isUserProfilePage);
    $('body').toggleClass('clbi-main-page', isMainPage);

    // 모든 문서에서 분류 바를 본문 컨테이너 아래로 이동
    moveCatlinksToBottom();

    if (isMainPage) {
        $('.liberty-content-header').css('display', 'none');
        $('.mw-page-title-main').addClass('clbi-hide');
        setNativePageTitleHiddenHard(true);
        $('.catlinks').css('display', 'none');
        $('.liberty-content-main').css('border-radius', '0');

        // 새 대문은 .main-portal 본문 구조가 로고/히어로를 담당한다.
        // Common.js의 구식 바깥 로고/CRT 재배치 루틴은 사용하지 않는다.
        removeLegacyMainPageHero();
        $('#clbi-tools-box').remove();

        $('.content-tools').css('display', 'none');

        initCategoryNavIfAvailable(document);

    } else if (isUserProfilePage) {
        $('.liberty-content-header').css('display', 'none');
        $('.mw-page-title-main, .mw-page-title-namespace, .mw-page-title-separator').addClass('clbi-hide');
        $('.catlinks').css('display', 'none');
        $('.liberty-content-main').css('border-radius', '0');

        $('#clbi-main-logo').remove();
        $('#clbi-main-crt-hero-wrap').remove();
        $('#clbi-main-crt-hero').remove();
        $('#clbi-tools-box').remove();

        $('.content-tools').css('display', 'none');

    } else if (isScreenDoc) {
        $('.liberty-content-header').css('display', 'none');
        $('.mw-page-title-main').addClass('clbi-hide');
        $('.catlinks').css('display', '');
        $('.liberty-content-main').css('border-radius', '0');

        $('#clbi-main-logo').remove();
        $('#clbi-main-crt-hero-wrap').remove();

        if ($('#clbi-tools-box').length === 0 && canShowContentTools()) {
            var $toolsBox = $('<div id="clbi-tools-box" class="clbi-left-box"></div>');
            var $toolsTitle = $('<div class="clbi-left-title">관리</div>');
            var $toolsContent = $('<div class="clbi-left-content"></div>');

            $toolsContent.append($('.content-tools .btn-group').clone(true));
            $toolsBox.append($toolsTitle).append($toolsContent);
            $('#clbi-left-sidebar').append($toolsBox);
        }

        $('.content-tools').css('display', 'none');

    } else {
        $('.liberty-content-header').css('display', '');
        $('.mw-page-title-main, .mw-page-title-namespace, .mw-page-title-separator').removeClass('clbi-hide');
        $('.catlinks').css('display', '');
        $('.liberty-content-main').css('border-radius', '0');

        $('#clbi-main-logo').remove();
        $('#clbi-main-crt-hero-wrap').remove();
        $('#clbi-tools-box').remove();
    }

    if (!isUserProfilePage) {
        $('.profile-card').remove();
        $('.user-profile-portal').removeClass('user-profile-portal');
    }

    $('.content-tools').css('display', 'none');

    applyDefaultPageTitleVisibility();
    updateSidebar();
}

// 본문 기본 목차 제거
function removeNativeTocFromContent() {
    $('.liberty-content-main #toc, .liberty-content-main .toc').remove();
}

// 왼쪽 목차: MediaWiki 문단 ID 가져오기
function getHeadingId(heading) {
    if (heading.id) {
        return heading.id;
    }

    var headline = heading.querySelector('.mw-headline[id]');
    if (headline && headline.id) {
        return headline.id;
    }

    return '';
}

// 왼쪽 목차: MediaWiki 문단 제목 텍스트 가져오기
function getHeadingText(heading) {
    var headline = heading.querySelector('.mw-headline');
    var source = headline || heading;
    var clone = source.cloneNode(true);

    $(clone).find('.mw-editsection, .mw-editsection-bracket, .mw-editsection-divider').remove();

    return (clone.textContent || '')
        .replace(/\s+/g, ' ')
        .trim();
}

// 왼쪽 목차: 긴 제목에 자동 스크롤 적용
function initTocTitleScroll(root) {
    var $items = root
        ? $(root).find('.toc-scroll-text')
        : $('#side-toc-box .toc-scroll-text');

    $items.each(function () {
        var $text = $(this);
        var $wrap = $text.closest('.toc-scroll-wrap');

        if (!$wrap.length) return;

        var wrapW = Math.floor($wrap.width());
        var textW = Math.ceil(this.scrollWidth);

        // 왼쪽 목차: 레이아웃 계산이 끝나지 않았으면 이번 실행에서는 건드리지 않는다.
        if (!wrapW || !textW) return;

        if (textW <= wrapW + 12) {
            // 왼쪽 목차: 칸을 넘지 않는 제목은 전체 텍스트를 그대로 보여준다.
            $wrap.removeClass('is-scrolling');

            if ($text.data('toc-scroll-enabled')) {
                $text.css({
                    animation: '',
                    'animation-delay': '',
                    '--scroll-dist': ''
                });
                $text.removeData('toc-scroll-enabled');
                $text.removeData('toc-scroll-key');
            }

            return;
        }

        var scrollDist = '-' + (textW - wrapW + 10) + 'px';
        var duration = Math.max(7, textW / 38) * 1.25;
        var scrollKey = scrollDist + '|' + duration;

        // 왼쪽 목차: 긴 제목에는 오른쪽 페이드와 스크롤을 적용한다.
        $wrap.addClass('is-scrolling');

        // 왼쪽 목차: 같은 값으로 이미 적용된 애니메이션은 다시 초기화하지 않는다.
        if ($text.data('toc-scroll-key') === scrollKey) {
            return;
        }

        $text.data('toc-scroll-enabled', true);
        $text.data('toc-scroll-key', scrollKey);

        $text.css({
            // 왼쪽 목차: 페이지 진입 직후에는 잠시 읽을 시간을 준 뒤 흐르게 한다.
            animation: 'toc-scroll-blink-reset ' + duration + 's linear infinite',
            'animation-delay': '1s',
            '--scroll-dist': scrollDist
        });
    });
}

// 목차를 왼쪽 사이드바에 새로 생성
function moveTocToLeftSidebar() {
    removeNativeTocFromContent();
    $('#side-toc-box').remove();
    return;

    // 왼쪽 목차: MediaWiki가 만든 원래 목차는 본문에서 제거한다.
    removeNativeTocFromContent();

    var leftSidebar = document.getElementById('clbi-left-sidebar');
    if (!leftSidebar) return;

    var content =
        document.querySelector('.liberty-content-main .mw-parser-output') ||
        document.querySelector('.liberty-content-main');

    if (!content) return;

    var headings = Array.prototype.slice.call(
        content.querySelectorAll('h2, h3')
    ).filter(function (heading) {
        if (heading.closest('#toc, .toc, #side-toc-box')) return false;

        var id = getHeadingId(heading);
        var text = getHeadingText(heading);

        if (!id || !text) return false;

        return true;
    });

    var tocKey = headings.map(function (heading) {
        return getHeadingId(heading) + '|' + getHeadingText(heading);
    }).join('||');

    var existingBox = document.getElementById('side-toc-box');

    // 왼쪽 목차: 같은 문서에서 같은 목차를 이미 만들었다면 다시 지우고 만들지 않는다.
    if (existingBox && existingBox.getAttribute('data-toc-key') === tocKey) {
        initTocTitleScroll(existingBox);
        return;
    }

    if (existingBox) {
        existingBox.remove();
    }

    if (!headings.length) return;

    var tocBox = document.createElement('div');
    tocBox.className = 'clbi-left-box';
    tocBox.id = 'side-toc-box';
    tocBox.setAttribute('data-toc-key', tocKey);

    var title = document.createElement('div');
    title.className = 'clbi-left-title';

    // 왼쪽 목차: 박스 제목은 Lang.js의 현재 UI 언어를 따른다.
    var currentLang = getCurrentLang();
    var t = (window.LANG && window.LANG[currentLang]) ? window.LANG[currentLang] : window.LANG.ko;
    var tocTitleText = (t && t.toc) ? t.toc : '목차';

    title.textContent = tocTitleText;

    var body = document.createElement('div');
    body.className = 'clbi-left-content toc-sidebar-content';

    var list = document.createElement('ul');
    list.className = 'generated-toc';

    headings.forEach(function (heading) {
        var id = getHeadingId(heading);
        var text = getHeadingText(heading);
        var level = heading.tagName.toLowerCase() === 'h3' ? 3 : 2;

        var item = document.createElement('li');
        item.className = 'toc-level-' + level;

        var link = document.createElement('a');
        link.setAttribute('href', '#' + id);

        // 왼쪽 목차: 긴 제목 스크롤을 위해 텍스트를 별도 span으로 감싼다.
        var textWrap = document.createElement('span');
        textWrap.className = 'toc-scroll-wrap';

        var textSpan = document.createElement('span');
        textSpan.className = 'toc-scroll-text';
        textSpan.textContent = text;

        textWrap.appendChild(textSpan);
        link.appendChild(textWrap);

        item.appendChild(link);
        list.appendChild(item);
    });

    body.appendChild(list);
    tocBox.appendChild(title);
    tocBox.appendChild(body);
    leftSidebar.appendChild(tocBox);

    // 왼쪽 목차: DOM 배치가 끝난 뒤 긴 제목 스크롤 여부를 계산한다.
    requestAnimationFrame(function () {
        initTocTitleScroll(tocBox);

        setTimeout(function () {
            initTocTitleScroll(tocBox);
        }, 120);
    });
}


// 우측 광고판: 이미지/번역 캡션 목록
var RIGHT_BILLBOARD_ITEMS = [
    {
        file: 'Side-visual-001.png',
        alt: 'PROOF TO THE WORLD / YOU ONCE PART OF IT',
        duration: 3000,
        caption: [
            '"당신이 한때 이 세계의',
            '',
            '일부였다는 것을 증명하십시오"'
        ]
    },
    {
        file: 'Side-visual-002.png',
        alt: 'APPLY NOW',
        duration: 1000,
        caption: [
            '"지금 지원하세요!"'
        ]
    },
    {
        file: 'Side-visual-003.png',
        alt: 'APPLY NOW',
        duration: 1000,
        caption: [
            '"지금 지원하세요!"'
        ]
    },
    {
        file: 'Side-visual-002.png',
        alt: 'APPLY NOW',
        duration: 1000,
        caption: [
            '"지금 지원하세요!"'
        ]
    }
];

function getRightBillboardItem(index) {
    var items = RIGHT_BILLBOARD_ITEMS;

    if (!items || !items.length) {
        return {
            file: 'Side-visual-001.png',
            alt: '',
            caption: []
        };
    }

    var normalized = index % items.length;
    if (normalized < 0) normalized += items.length;

    return items[normalized];
}

function getRightBillboardImageUrl(fileName) {
    return '/index.php?title=특수:Redirect/file/' + encodeURIComponent(fileName || 'Side-visual-001.png');
}

function getRightBillboardCaptionHtml(item) {
    var lines = item && item.caption ? item.caption : [];
    var html = '';

    function escapeCaptionText(value) {
        return String(value == null ? '' : value)
            .replace(/&/g, '&amp;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/\"/g, '&quot;')
            .replace(/'/g, '&#039;');
    }

    lines.forEach(function(line) {
        var text = String(line == null ? '' : line);
        var isGap = !text.trim();
        var className = 'right-billboard-caption-line' + (isGap ? ' is-gap' : '');
        html += '<span class="' + className + '">' + (isGap ? '&nbsp;' : escapeCaptionText(text)) + '</span>';
    });

    return html;
}

function setRightBillboardItem(index) {
    var box = document.querySelector('.right-billboard-box');
    if (!box) return;

    var item = getRightBillboardItem(index);
    var src = getRightBillboardImageUrl(item.file);
    var images = box.querySelectorAll('.right-billboard-image');
    var caption = box.querySelector('#right-billboard-caption');
    var emptySub = box.querySelector('.right-billboard-empty-sub');

    box.setAttribute('data-billboard-index', String(index));
    box.classList.remove('is-empty');

    Array.prototype.forEach.call(images, function(img) {
        img.style.display = '';
        img.setAttribute('src', src);
        img.setAttribute('alt', img.classList.contains('right-billboard-image-base') ? (item.alt || '') : '');
    });

    if (caption) {
        caption.innerHTML = getRightBillboardCaptionHtml(item);
    }

    if (emptySub) {
        emptySub.textContent = item.file || 'Side-visual-001.png';
    }
}

function getRightBillboardItemDuration(item) {
    var duration = item && item.duration ? parseInt(item.duration, 10) : 3000;

    if (Number.isNaN(duration) || duration < 500) {
        duration = 3000;
    }

    return duration;
}

function initRightBillboardCarousel() {
    var box = document.querySelector('.right-billboard-box');
    if (!box || box.getAttribute('data-billboard-ready') === '1') return;

    box.setAttribute('data-billboard-ready', '1');
    box.setAttribute('data-billboard-index', '0');

    setRightBillboardItem(0);

    if (!RIGHT_BILLBOARD_ITEMS || RIGHT_BILLBOARD_ITEMS.length <= 1) return;

    function scheduleNext() {
        var current = parseInt(box.getAttribute('data-billboard-index') || '0', 10);
        if (Number.isNaN(current)) current = 0;

        var currentItem = getRightBillboardItem(current);
        var delay = getRightBillboardItemDuration(currentItem);

        window.setTimeout(function() {
            if (!document.body.contains(box)) return;

            if (!document.hidden) {
                setRightBillboardItem(current + 1);
            }

            scheduleNext();
        }, delay);
    }

    scheduleNext();
}


function escapeRightBillboardAttr(value) {
    return String(value == null ? '' : value)
        .replace(/&/g, '&amp;')
        .replace(/</g, '&lt;')
        .replace(/>/g, '&gt;')
        .replace(/"/g, '&quot;')
        .replace(/'/g, '&#039;');
}

function buildRightBillboardBox() {
    var billboardInitial = getRightBillboardItem(0);
    var billboardSrc = getRightBillboardImageUrl(billboardInitial.file);

    return '' +
        '<div class="clbi-left-box right-billboard-box left-billboard-box left-ad-box" data-billboard-index="0">' +
            '<div class="clbi-left-title right-billboard-title left-ad-title left-ad-title-iconless">' +
                '<span id="clbi-title-left-ad" class="left-ad-title-label">Looking for a job?</span>' +
            '</div>' +
            '<div class="clbi-left-content left-ad-content-shell">' +
                '<div class="right-billboard-body">' +
                    '<div class="right-billboard-recess">' +
                        '<div class="right-billboard-screen">' +
                            '<img id="right-billboard-image" class="right-billboard-image right-billboard-image-base" src="' + escapeRightBillboardAttr(billboardSrc) + '" alt="' + escapeRightBillboardAttr(billboardInitial.alt || '') + '" onload="var b=this.closest(\'.right-billboard-box\'); if(b){b.classList.remove(\'is-empty\');}" onerror="this.onerror=null;this.style.display=\'none\';var b=this.closest(\'.right-billboard-box\'); if(b){b.classList.add(\'is-empty\');}">' +
                            '<img class="right-billboard-image right-billboard-image-bloom" src="' + escapeRightBillboardAttr(billboardSrc) + '" alt="" aria-hidden="true" onerror="this.onerror=null;this.style.display=\'none\';">' +
                            '<img class="right-billboard-image right-billboard-slice right-billboard-slice-a" src="' + escapeRightBillboardAttr(billboardSrc) + '" alt="" aria-hidden="true" onerror="this.onerror=null;this.style.display=\'none\';">' +
                            '<img class="right-billboard-image right-billboard-slice right-billboard-slice-b" src="' + escapeRightBillboardAttr(billboardSrc) + '" alt="" aria-hidden="true" onerror="this.onerror=null;this.style.display=\'none\';">' +
                            '<img class="right-billboard-image right-billboard-slice right-billboard-slice-c" src="' + escapeRightBillboardAttr(billboardSrc) + '" alt="" aria-hidden="true" onerror="this.onerror=null;this.style.display=\'none\';">' +
                            '<div class="right-billboard-glitch" aria-hidden="true"></div>' +
                            '<div class="right-billboard-tear" aria-hidden="true"></div>' +
                            '<div class="right-billboard-empty" aria-hidden="true">' +
                                '<span class="right-billboard-empty-main">SIGNAL EMPTY</span>' +
                                '<span class="right-billboard-empty-sub">' + escapeRightBillboardAttr(billboardInitial.file || 'Side-visual-001.png') + '</span>' +
                            '</div>' +
                        '</div>' +
                    '</div>' +
                    '<div id="right-billboard-caption" class="right-billboard-caption" aria-hidden="true">' + getRightBillboardCaptionHtml(billboardInitial) + '</div>' +
                    '<div class="right-billboard-bottom-finish left-ad-bottom-finish" aria-hidden="true"></div>' +
                '</div>' +
            '</div>' +
        '</div>';
}


var GREAT_WALL_DATA_TITLE = '프로젝트:The_Great_Wall/Data.json';
var GREAT_WALL_LIST_LIMIT = 0;
var greatWallState = {
    data: { entries: {} },
    loaded: false,
    loading: false,
    saving: false,
    selectedOwnEntry: false,
    statusText: ''
};

function normalizeGreatWallData(data) {
    var normalized = { entries: {} };
    var entries = data && data.entries && typeof data.entries === 'object' ? data.entries : {};

    Object.keys(entries).forEach(function(key) {
        var item = entries[key];
        var user = item && item.user ? String(item.user) : String(key || '');
        var text = item && item.text ? String(item.text) : '';
        var timestamp = item && item.timestamp ? String(item.timestamp) : '';

        if (!user || !text) return;

        normalized.entries[user] = {
            user: user,
            text: text.slice(0, 140),
            timestamp: timestamp || new Date(0).toISOString()
        };
    });

    return normalized;
}

function parseGreatWallData(text) {
    var parsed;

    try {
        parsed = text ? JSON.parse(text) : {};
    } catch (err) {
        console.error('The Great Wall data parse failed:', err);
        parsed = {};
    }

    return normalizeGreatWallData(parsed);
}

function stringifyGreatWallData(data) {
    return JSON.stringify(normalizeGreatWallData(data), null, 2) + '\n';
}

function getGreatWallRevisionText(page) {
    var rev;
    var slot;

    if (!page || !page.revisions || !page.revisions.length) return '';

    rev = page.revisions[0];

    if (rev.slots && rev.slots.main) {
        slot = rev.slots.main;
        return slot.content || slot['*'] || '';
    }

    return rev.content || rev['*'] || '';
}

function fetchGreatWallData() {
    var api = new mw.Api();

    return api.get({
        action: 'query',
        prop: 'revisions',
        titles: GREAT_WALL_DATA_TITLE,
        rvprop: 'content|timestamp',
        rvslots: 'main',
        formatversion: 2
    }).then(function(data) {
        var pages = data && data.query && data.query.pages ? data.query.pages : [];
        var page = pages[0] || null;

        if (!page || page.missing) {
            return { entries: {} };
        }

        return parseGreatWallData(getGreatWallRevisionText(page));
    }, function(err) {
        console.error('The Great Wall load failed:', err);
        return { entries: {} };
    });
}

function getGreatWallEntries(data) {
    var entries = data && data.entries && typeof data.entries === 'object' ? data.entries : {};

    return Object.keys(entries).map(function(key) {
        return entries[key];
    }).filter(function(item) {
        return item && item.user && item.text;
    }).sort(function(a, b) {
        return String(a.timestamp || '').localeCompare(String(b.timestamp || ''));
    });
}

function getGreatWallMessageTime(timestamp) {
    var date = timestamp ? new Date(timestamp) : null;
    var month;
    var day;
    var hour;
    var minute;

    if (!date || isNaN(date.getTime())) return '—';

    month = String(date.getMonth() + 1).padStart(2, '0');
    day = String(date.getDate()).padStart(2, '0');
    hour = String(date.getHours()).padStart(2, '0');
    minute = String(date.getMinutes()).padStart(2, '0');

    return month + '.' + day + ' ' + hour + ':' + minute;
}

function getGreatWallAvatarSrc(user) {
    return '/index.php?title=특수:Redirect/file/Pfp-' + encodeURIComponent(String(user || '')) + '.png';
}

function buildGreatWallEntryHtml(item, currentUser, selectedOwnEntry) {
    var isOwn = currentUser && item.user === currentUser;
    var tag = isOwn ? 'button' : 'div';
    var attrs = isOwn ? ' type="button" data-great-wall-own-entry="1" aria-label="Edit your wall message"' : '';
    var className = 'great-wall-entry' + (isOwn ? ' is-own' : '') + (isOwn && selectedOwnEntry ? ' is-selected' : '');
    var avatarSrc = getGreatWallAvatarSrc(item.user);
    var messageTime = getGreatWallMessageTime(item.timestamp);
    var isoTime = item.timestamp || '';

    return '' +
        '<' + tag + attrs + ' class="' + className + '">' +
            '<img class="great-wall-avatar" src="' + escapeClbiHtml(avatarSrc) + '" alt="" onerror="this.onerror=null;this.src=&quot;/index.php?title=특수:Redirect/file/Pfp-default.png&quot;;">' +
            '<div class="great-wall-bubble">' +
                '<div class="great-wall-entry-head">' +
                    '<span class="great-wall-user">@' + escapeClbiHtml(item.user) + '</span>' +
                    '<span class="great-wall-time" title="' + escapeClbiHtml(isoTime) + '">' + escapeClbiHtml(messageTime) + '</span>' +
                '</div>' +
                '<div class="great-wall-text">' + escapeClbiHtml(item.text) + '</div>' +
            '</div>' +
        '</' + tag + '>';
}

function renderGreatWallBox() {
    var box = document.getElementById('great-wall-sidebar');
    var list = document.getElementById('great-wall-list');
    var input = document.getElementById('great-wall-input');
    var submit = document.getElementById('great-wall-submit');
    var deleteButton = document.getElementById('great-wall-delete');
    var status = document.getElementById('great-wall-status');
    var currentUser = mw.config.get('wgUserName') || '';
    var entries = getGreatWallEntries(greatWallState.data);
    var ownEntry = currentUser && greatWallState.data.entries ? greatWallState.data.entries[currentUser] : null;
    var visibleEntries = [];
    var seen = {};

    if (!box || !list) return;

    box.classList.toggle('is-guest', !currentUser);
    box.classList.toggle('is-loading', !!greatWallState.loading);
    box.classList.toggle('is-saving', !!greatWallState.saving);
    box.classList.toggle('has-own-entry', !!ownEntry);
    box.classList.toggle('is-own-selected', !!greatWallState.selectedOwnEntry);

    entries.forEach(function(item) {
        if (seen[item.user]) return;
        visibleEntries.push(item);
        seen[item.user] = true;
    });

    if (greatWallState.loading && !greatWallState.loaded) {
        list.innerHTML = '<div class="great-wall-empty">SYNCING WALL</div>';
    } else if (!visibleEntries.length) {
        list.innerHTML = '<div class="great-wall-empty">NO MARKS</div>';
    } else {
        list.innerHTML = visibleEntries.map(function(item) {
            return buildGreatWallEntryHtml(item, currentUser, greatWallState.selectedOwnEntry);
        }).join('');
    }

    if (list && list.scrollHeight > list.clientHeight) {
        list.scrollTop = list.scrollHeight;
    }

    if (status) {
        // Status text is intentionally suppressed in the composer strip; the area is spacing-only UI.
        status.textContent = '';
    }

    if (!input || !submit) return;

    input.disabled = false;
    input.readOnly = false;
    input.removeAttribute('aria-readonly');

    if (!currentUser) {
        input.disabled = true;
        input.readOnly = false;
        input.value = '';
        input.placeholder = '담벼락';
        submit.textContent = 'LOGIN';
        submit.disabled = false;
        if (deleteButton) {
            deleteButton.disabled = true;
            deleteButton.title = 'Login required';
        }
        return;
    }

    if (greatWallState.saving || greatWallState.loading) {
        input.disabled = true;
        input.readOnly = false;
        submit.disabled = true;
        submit.textContent = greatWallState.saving ? 'SAVE' : 'SYNC';
        if (deleteButton) {
            deleteButton.disabled = true;
            deleteButton.title = greatWallState.saving ? 'Saving' : 'Syncing';
        }
        return;
    }

    if (deleteButton) {
        deleteButton.disabled = !ownEntry;
        deleteButton.title = ownEntry ? 'Delete your mark' : 'No mark to delete';
    }

    if (ownEntry && !greatWallState.selectedOwnEntry) {
        input.disabled = false;
        input.readOnly = true;
        input.setAttribute('aria-readonly', 'true');
        input.value = '';
        input.placeholder = '담벼락';
        submit.disabled = true;
        submit.textContent = 'UPDATE';
        return;
    }

    input.disabled = false;
    input.readOnly = false;
    input.removeAttribute('aria-readonly');
    input.placeholder = '담벼락';
    if (ownEntry && greatWallState.selectedOwnEntry && !input.value) {
        input.value = ownEntry.text || '';
    }
    submit.disabled = false;
    submit.textContent = ownEntry ? 'UPDATE' : 'POST';
}

function saveGreatWallEntry() {
    var input = document.getElementById('great-wall-input');
    var currentUser = mw.config.get('wgUserName') || '';
    var ownEntry = currentUser && greatWallState.data.entries ? greatWallState.data.entries[currentUser] : null;
    var text = input ? String(input.value || '').trim() : '';
    var api;

    if (!currentUser) {
        window.location.href = '/index.php?title=특수:로그인&returnto=' + encodeURIComponent(mw.config.get('wgPageName') || '대문');
        return;
    }

    if (ownEntry && !greatWallState.selectedOwnEntry) {
        greatWallState.statusText = '';
        renderGreatWallBox();
        return;
    }

    if (!text) {
        greatWallState.statusText = 'EMPTY MARK';
        renderGreatWallBox();
        return;
    }

    if (text.length > 140) {
        text = text.slice(0, 140);
    }

    greatWallState.saving = true;
    greatWallState.statusText = 'SAVING';
    renderGreatWallBox();

    fetchGreatWallData().then(function(data) {
        data = normalizeGreatWallData(data);
        data.entries[currentUser] = {
            user: currentUser,
            text: text,
            timestamp: new Date().toISOString()
        };

        api = new mw.Api();
        return api.postWithToken('csrf', {
            action: 'edit',
            title: GREAT_WALL_DATA_TITLE,
            text: stringifyGreatWallData(data),
            summary: 'Update The Great Wall entry',
            format: 'json'
        }).then(function() {
            greatWallState.data = data;
            greatWallState.loaded = true;
            greatWallState.selectedOwnEntry = false;
            greatWallState.statusText = 'MARK UPDATED';
            if (input) input.value = '';
        });
    }).then(function() {
        greatWallState.saving = false;
        renderGreatWallBox();
    }, function(err) {
        console.error('The Great Wall save failed:', err);
        greatWallState.saving = false;
        greatWallState.statusText = 'SAVE FAILED';
        renderGreatWallBox();
    });
}


function deleteGreatWallEntry() {
    var input = document.getElementById('great-wall-input');
    var currentUser = mw.config.get('wgUserName') || '';
    var ownEntry = currentUser && greatWallState.data.entries ? greatWallState.data.entries[currentUser] : null;
    var api;

    if (!currentUser) {
        window.location.href = '/index.php?title=특수:로그인&returnto=' + encodeURIComponent(mw.config.get('wgPageName') || '대문');
        return;
    }

    if (!ownEntry) {
        greatWallState.statusText = 'NO MARK TO DELETE';
        renderGreatWallBox();
        return;
    }

    greatWallState.saving = true;
    greatWallState.statusText = 'DELETING';
    renderGreatWallBox();

    fetchGreatWallData().then(function(data) {
        data = normalizeGreatWallData(data);
        if (data.entries && data.entries[currentUser]) {
            delete data.entries[currentUser];
        }

        api = new mw.Api();
        return api.postWithToken('csrf', {
            action: 'edit',
            title: GREAT_WALL_DATA_TITLE,
            text: stringifyGreatWallData(data),
            summary: 'Delete The Great Wall entry',
            format: 'json'
        }).then(function() {
            greatWallState.data = data;
            greatWallState.loaded = true;
            greatWallState.selectedOwnEntry = false;
            greatWallState.statusText = 'MARK DELETED';
            if (input) input.value = '';
        });
    }).then(function() {
        greatWallState.saving = false;
        renderGreatWallBox();
    }, function(err) {
        console.error('The Great Wall delete failed:', err);
        greatWallState.saving = false;
        greatWallState.statusText = 'DELETE FAILED';
        renderGreatWallBox();
    });
}

function initGreatWallBoxWhenReady() {
    if (!document.getElementById('great-wall-sidebar')) return;

    if (mw.Api) {
        initGreatWallBox();
        return;
    }

    if (mw.loader && mw.loader.using) {
        mw.loader.using(['mediawiki.api']).then(function() {
            initGreatWallBox();
        });
    }
}

function initGreatWallBox() {
    var box = document.getElementById('great-wall-sidebar');
    var input = document.getElementById('great-wall-input');
    var submit = document.getElementById('great-wall-submit');
    var deleteButton = document.getElementById('great-wall-delete');

    if (!box || box.getAttribute('data-great-wall-ready') === '1') return;

    if (!mw.Api) {
        initGreatWallBoxWhenReady();
        return;
    }

    box.setAttribute('data-great-wall-ready', '1');

    box.addEventListener('click', function(e) {
        var ownButton = e.target.closest ? e.target.closest('[data-great-wall-own-entry="1"]') : null;
        var currentUser = mw.config.get('wgUserName') || '';
        var ownEntry = currentUser && greatWallState.data.entries ? greatWallState.data.entries[currentUser] : null;

        if (!ownButton || !ownEntry) return;

        greatWallState.selectedOwnEntry = true;
        greatWallState.statusText = '';
        renderGreatWallBox();

        if (input) {
            input.focus();
            input.setSelectionRange(input.value.length, input.value.length);
        }
    });

    document.addEventListener('click', function(e) {
        var target = e.target;
        var keepSelection;

        if (!greatWallState.selectedOwnEntry || !target || !target.closest) return;

        keepSelection = target.closest('[data-great-wall-own-entry="1"], .great-wall-editor, .great-wall-compose-sector');

        if (keepSelection) return;

        greatWallState.selectedOwnEntry = false;
        greatWallState.statusText = '';
        if (input) input.value = '';
        renderGreatWallBox();
    });

    if (submit) {
        submit.addEventListener('click', function(e) {
            e.preventDefault();
            if (!mw.config.get('wgUserName')) {
                window.location.href = '/index.php?title=특수:로그인&returnto=' + encodeURIComponent(mw.config.get('wgPageName') || '대문');
                return;
            }
            saveGreatWallEntry();
        });
    }

    if (deleteButton) {
        deleteButton.addEventListener('click', function(e) {
            e.preventDefault();
            deleteGreatWallEntry();
        });
    }

    if (input) {
        input.addEventListener('keydown', function(e) {
            if (e.key === 'Enter') {
                e.preventDefault();
                saveGreatWallEntry();
            }
        });

        input.addEventListener('input', function() {
            if (input.value.length > 140) {
                input.value = input.value.slice(0, 140);
            }
        });
    }

    greatWallState.loading = true;
    greatWallState.statusText = 'SYNCING WALL';
    renderGreatWallBox();

    fetchGreatWallData().then(function(data) {
        greatWallState.data = normalizeGreatWallData(data);
        greatWallState.loaded = true;
        greatWallState.loading = false;
        greatWallState.selectedOwnEntry = false;
        greatWallState.statusText = '';
        renderGreatWallBox();
    });
}

function buildGreatWallBox() {
    return '' +
        '<div id="great-wall-sidebar" class="clbi-right-box great-wall-sidebar">' +
            '<div class="clbi-right-title great-wall-title">' +
                '<span id="clbi-title-great-wall">The Great Wall</span>' +
            '</div>' +
            '<div class="clbi-right-content great-wall-content">' +
                '<div id="great-wall-list" class="great-wall-list"><div class="great-wall-empty">SYNCING WALL</div></div>' +
            '</div>' +
            '<div class="great-wall-compose-sector" aria-label="The Great Wall editor">' +
                '<div class="great-wall-editor">' +
                    '<input id="great-wall-input" class="great-wall-input" type="text" maxlength="140" autocomplete="off" placeholder="담벼락">' +
                    '<button id="great-wall-submit" class="great-wall-submit" type="button">POST</button>' +
                    '<button id="great-wall-delete" class="great-wall-delete" type="button" disabled>DEL</button>' +
                '</div>' +
                '<div id="great-wall-status" class="great-wall-status">SYNCING WALL</div>' +
            '</div>' +
        '</div>';
}

function removeMainPortalGuestbookPreview() {
    var portal = document.querySelector('.main-portal');
    var guestbook = portal ? portal.querySelector('.guestbook-device') : null;
    var sideScreen;
    var grid;

    if (!portal || !guestbook) return;

    sideScreen = guestbook.closest ? guestbook.closest('.side-screen') : null;
    grid = sideScreen && sideScreen.closest ? sideScreen.closest('.console-grid') : null;

    if (guestbook.parentNode) {
        guestbook.parentNode.removeChild(guestbook);
    }

    if (sideScreen && !(sideScreen.textContent || '').trim() && !sideScreen.querySelector('img,svg,video,canvas,form,input,button,a')) {
        if (sideScreen.parentNode) {
            sideScreen.parentNode.removeChild(sideScreen);
        }

        if (grid) {
            grid.style.gridTemplateColumns = 'minmax(0,1fr)';
        }
    }

    portal.classList.add('is-great-wall-relocated');
}

function buildSiteInformationBox() {
    return '' +
        '<div class="clbi-right-box site-info-sidebar">' +
            '<div class="clbi-right-title site-info-title">' +
                '<span>정보</span>' +
            '</div>' +
            '<div class="clbi-right-content site-info-content">' +
                '<div class="policy-list">' +
                    '<div class="policy-row"><a href="/index.php/개인정보처리방침" class="site-info-policy-button"><span class="site-info-policy-title">개인정보처리방침</span><span class="site-info-policy-arrow" aria-hidden="true">›</span></a></div>' +
                    '<div class="policy-row"><a href="/index.php/면책_조항" class="site-info-policy-button"><span class="site-info-policy-title">면책 조항</span><span class="site-info-policy-arrow" aria-hidden="true">›</span></a></div>' +
                    '<div class="policy-row"><a href="/index.php/라이선스" class="site-info-policy-button"><span class="site-info-policy-title">라이선스</span><span class="site-info-policy-arrow" aria-hidden="true">›</span></a></div>' +
                    '<div class="policy-row"><a href="/index.php/크레딧" class="site-info-policy-button"><span class="site-info-policy-title">크레딧</span><span class="site-info-policy-arrow" aria-hidden="true">›</span></a></div>' +
                '</div>' +
                '<div class="social-strip">' +
                    '<span class="social-icon"><a href="https://discord.gg/ctaeJ9d3Q5" target="_blank" rel="noopener noreferrer">DC</a></span>' +
                    '<span class="social-icon"><a href="https://www.youtube.com/@nxdsxn" target="_blank" rel="noopener noreferrer">YT</a></span>' +
                    '<span class="social-icon"><a href="https://x.com/nxd_sxn" target="_blank" rel="noopener noreferrer">X</a></span>' +
                    '<span class="social-icon"><a href="/index.php/프로젝트:소개">WIP:</a></span>' +
                '</div>' +
            '</div>' +
        '</div>';
}


// 초기화 함수
function initSidebars() {
    var header = $('.liberty-content-header');
    var content = $('.liberty-content');

    if (header.length && content.length) {
        header.prependTo(content);
    }

    if ($('#clbi-right-sidebar').length === 0) {
        var username = mw.config.get('wgUserName');
        var isLoggedIn = username !== null;
        var avatarSrc = isLoggedIn
            ? '/index.php?title=특수:Redirect/file/Pfp-' + username + '.png'
            : '/index.php?title=특수:Redirect/file/Pfp-default.png';

        var userBox;

        if (isLoggedIn) {
            userBox =
                '<div class="clbi-right-box profile-card-box">' +
                    '<div id="clbi-user-avatar-wrap" class="profile-identity-panel">' +
                        '<div class="profile-avatar-stage">' +
                            '<img id="clbi-user-avatar" src="' + avatarSrc + '" onerror="this.onerror=null;this.src=\'/index.php?title=특수:Redirect/file/Pfp-default.png\';">' +
                        '</div>' +
                        '<div id="clbi-user-name-row" class="profile-name-row">' +
                            '<a href="/index.php/사용자:' + username + '" id="clbi-user-name">' + username + '</a>' +
                        '</div>' +
                    '</div>' +
                    '<div class="clbi-right-content profile-action-box">' +
                        '<div class="profile-quick-actions" aria-label="프로필 빠른 메뉴">' +
                            '<button type="button" class="profile-quick-btn" id="profile-quick-inventory" aria-label="인벤토리"><span class="profile-quick-icon" aria-hidden="true">' + CLBI_SVG_PACKAGE + '</span><span class="profile-quick-tip" aria-hidden="true">인벤토리</span></button>' +
                            '<button type="button" class="profile-quick-btn" id="profile-quick-achievements" aria-label="업적"><span class="profile-quick-icon" aria-hidden="true">' + CLBI_SVG_TROPHY + '</span><span class="profile-quick-tip" aria-hidden="true">업적</span></button>' +
                            '<button type="button" class="profile-quick-btn" id="profile-quick-notifications" aria-label="알림"><span id="profile-quick-notification-icon" class="profile-quick-icon" aria-hidden="true">' + CLBI_SVG_BELL + '</span><span class="profile-quick-tip" aria-hidden="true">알림</span></button>' +
                        '</div>' +
                        '<a href="/index.php/특수:기여/' + username + '" class="clbi-user-btn" id="clbi-btn-contribution"><span class="profile-action-icon" aria-hidden="true">' + CLBI_SVG_SCAN_TEXT + '</span><span class="profile-action-label">기여</span><i class="hn hn-angle-right-solid profile-action-arrow" aria-hidden="true"></i></a>' +
                        '<a href="/index.php/특수:주시문서목록" class="clbi-user-btn" id="clbi-btn-watchlist"><span class="profile-action-icon" aria-hidden="true">' + CLBI_SVG_SCAN_EYE + '</span><span class="profile-action-label">주시문서 목록</span><i class="hn hn-angle-right-solid profile-action-arrow" aria-hidden="true"></i></a>' +
                        '<a href="/index.php/특수:설정" class="clbi-user-btn" id="clbi-btn-preferences"><span class="profile-action-icon" aria-hidden="true">' + CLBI_SVG_SETTINGS + '</span><span class="profile-action-label">설정</span><i class="hn hn-angle-right-solid profile-action-arrow" aria-hidden="true"></i></a>' +
                        '<a href="/index.php?title=특수:로그아웃&returnto=대문" class="clbi-user-btn clbi-user-btn-logout" id="clbi-btn-logout"><span class="profile-action-icon" aria-hidden="true">' + CLBI_SVG_POWER + '</span><span class="profile-action-label">로그아웃</span><i class="hn hn-angle-right-solid profile-action-arrow" aria-hidden="true"></i></a>' +
                    '</div>' +
                '</div>';
        } else {
            userBox =
                '<div class="clbi-right-box profile-card-box">' +
                    '<div id="clbi-user-avatar-wrap" class="profile-identity-panel">' +
                        '<div class="profile-avatar-stage">' +
                            '<img id="clbi-user-avatar" src="/index.php?title=특수:Redirect/file/Pfp-default.png">' +
                        '</div>' +
                        '<div id="clbi-user-name-row" class="profile-name-row profile-name-row-guest">' +
                            '<span id="clbi-user-name">Guest</span>' +
                        '</div>' +
                    '</div>' +
                    '<div class="clbi-right-content profile-action-box">' +
                        '<a href="/index.php?title=특수:로그인&returnto=대문" class="clbi-user-btn" id="clbi-btn-login"><span class="profile-action-icon" aria-hidden="true">' + CLBI_SVG_POWER + '</span><span class="profile-action-label">로그인</span><i class="hn hn-angle-right-solid profile-action-arrow" aria-hidden="true"></i></a>' +
                    '</div>' +
                '</div>';
        }
        var greatWallBox = '';
        var siteInformationBox = '';

        try {
            greatWallBox = buildGreatWallBox();
        } catch (err) {
            console.error('The Great Wall build failed:', err);
            greatWallBox = '';
        }

        try {
            siteInformationBox = buildSiteInformationBox();
        } catch (err) {
            console.error('Site information build failed:', err);
            siteInformationBox = '';
        }


        var sidebar = userBox + greatWallBox + siteInformationBox;

        $('.content-wrapper').append('<div id="clbi-right-sidebar">' + sidebar + '</div>');
        initGreatWallBoxWhenReady();
        removeMainPortalGuestbookPreview();
    }

    initGreatWallBoxWhenReady();
    removeMainPortalGuestbookPreview();


    if ($('#clbi-left-sidebar').length === 0) {
var leftBillboardBox = '';

        try {
            leftBillboardBox = buildRightBillboardBox();
        } catch (err) {
            console.error('Left billboard build failed:', err);
            leftBillboardBox = '';
        }

var leftSidebar =
    '<div id="clbi-left-sidebar">' +
        '<div class="clbi-left-box clbi-left-lang-box">' +
            '<div class="clbi-left-title">' +
                '<span id="clbi-title-left-language">언어</span>' +
            '</div>' +
            '<div class="clbi-left-content sidebar-lang-box">' +
                '<div id="clbi-sidebar-lang-selector" class="sidebar-lang-selector sidebar-lang-dial" tabindex="0" role="group" aria-label="언어 선택">' +
                    '<div id="clbi-sidebar-lang-dial-stage" class="sidebar-lang-dial-stage">' +
                        '<div id="clbi-sidebar-lang-fan" class="sidebar-lang-fan" aria-hidden="true"></div>' +
                        '<div id="clbi-sidebar-lang-selected-panel" class="sidebar-lang-status-panel sidebar-lang-status-left" aria-hidden="true">' +
                            '<span id="clbi-sidebar-lang-selected-value" class="sidebar-lang-status-value">한국어</span>' +
                        '</div>' +
                        '<div id="clbi-sidebar-lang-availability-panel" class="sidebar-lang-status-panel sidebar-lang-status-right is-current" aria-hidden="true">' +
                            '<span id="clbi-sidebar-lang-availability-value" class="sidebar-lang-status-value">CURRENT</span>' +
                        '</div>' +
                        '<button type="button" id="clbi-sidebar-lang-apply" class="sidebar-lang-apply" aria-label="언어 적용">' +
                            '<span class="sidebar-lang-apply-mark" aria-hidden="true">✓</span>' +
                        '</button>' +
                    '</div>' +
                '</div>' +
            '</div>' +
        '</div>' +
        '<div class="clbi-left-box clbi-left-news-box">' +
            '<div class="clbi-left-title">' +
                '<span id="clbi-title-left-news">뉴스</span>' +
            '</div>' +
            '<div class="clbi-left-content clbi-news-box">' +

                '<div class="news-feed-title" id="clbi-left-news-changelog-title">CHANGELOG</div>' +
                '<div class="news-left-changelog-feed">' +
                    '<a href="/index.php/체인지로그" class="news-post-item">' +
                        '<div class="news-post-title-wrap">' +
                            '<span class="news-post-title" id="clbi-left-news-changelog-main">체인지로그</span>' +
                        '</div>' +
                        '<span class="news-post-jump" aria-hidden="true">›</span>' +
                    '</a>' +
                '</div>' +

                '<div class="news-divider"></div>' +

                '<div class="news-feed-title" id="clbi-left-news-recent-title">RECENT CHANGES</div>' +
                '<div class="news-left-recent-feed" id="clbi-left-recent-list">불러오는 중...</div>' +

                '<a class="news-fill-image-slot" id="clbi-left-news-fill-image" href="/index.php/특수:최근바뀜" aria-label="최근 바뀜으로 이동">' +
                    '<div class="news-fill-image-frame">' +
                        '<span class="news-fill-image" style="--news-fill-image-url:url(\'/index.php?title=특수:Redirect/file/Side-news-fill-001.png\');" aria-hidden="true"></span><img class="news-fill-image-probe" src="/index.php?title=특수:Redirect/file/Side-news-fill-001.png" alt="" aria-hidden="true" onerror="this.onerror=null;this.closest(\'.news-fill-image-slot\').classList.add(\'is-empty\');this.remove();">' +
                    '</div>' +
                '</a>' +

            '</div>' +
        '</div>' +
        leftBillboardBox +
    '</div>';

        $('.content-wrapper').prepend(leftSidebar);

        renderSidebarLanguageBox();
        loadRecentChangesList('#clbi-left-recent-list', 10);
        scheduleAdaptiveLeftRecentItems();
        scheduleLeftBillboardAdaptive();
        scheduleClbiContentBottomGap();
        updateLeftSidebarNationsImage();
    }

    try {
        initRightBillboardCarousel();
    } catch (err) {
        console.error('Right billboard carousel failed:', err);
    }

    if (typeof window.normalizeClbiShellDomOrder === 'function') window.normalizeClbiShellDomOrder();
    applyMainPageStyle();
    initClbiCustomDocumentScrollbars();
    initCategoryNavIfAvailable(document);

    if (window.ProgressSystemWebUi && typeof window.ProgressSystemWebUi.boot === 'function') {
        window.ProgressSystemWebUi.boot('initSidebars');
    }

    $('#side-toc-box').remove();

    mw.loader.using(['mediawiki.api']).then(function() {
        setTimeout(function() {
            initNotifications();
            initProfile();
            moveTocToLeftSidebar();
        }, 300);

        setTimeout(moveTocToLeftSidebar, 800);
        setTimeout(moveTocToLeftSidebar, 1500);
    });
}

$(function() {
    loadLangScript(function() {
        setTimeout(function() {
            initSidebars();
        }, 100);
    });
});

$(document).on('click.profileQuickPlaceholder', '#profile-quick-inventory, #profile-quick-achievements', function(e) {
    e.preventDefault();
    e.stopPropagation();
});

function extractJsonArrayAfterMwConfigKey(text, key) {
    var needle = '"' + key + '"';
    var keyIndex = String(text || '').indexOf(needle);
    var start;
    var i;
    var depth = 0;
    var inString = false;
    var escaped = false;

    if (keyIndex === -1) return null;

    start = String(text || '').indexOf('[', keyIndex + needle.length);
    if (start === -1) return null;

    for (i = start; i < text.length; i += 1) {
        var ch = text.charAt(i);

        if (inString) {
            if (escaped) {
                escaped = false;
            } else if (ch === '\\') {
                escaped = true;
            } else if (ch === '"') {
                inString = false;
            }
            continue;
        }

        if (ch === '"') {
            inString = true;
            continue;
        }

        if (ch === '[') depth += 1;
        if (ch === ']') {
            depth -= 1;
            if (depth === 0) {
                try {
                    return JSON.parse(text.slice(start, i + 1));
                } catch (err) {
                    return null;
                }
            }
        }
    }

    return null;
}

function extractJsonStringAfterMwConfigKey(text, key) {
    var needle = '"' + key + '"';
    var keyIndex = String(text || '').indexOf(needle);
    var colon;
    var start;
    var i;
    var escaped = false;

    if (keyIndex === -1) return null;

    colon = text.indexOf(':', keyIndex + needle.length);
    if (colon === -1) return null;

    start = text.indexOf('"', colon + 1);
    if (start === -1) return null;

    for (i = start + 1; i < text.length; i += 1) {
        var ch = text.charAt(i);

        if (escaped) {
            escaped = false;
            continue;
        }

        if (ch === '\\') {
            escaped = true;
            continue;
        }

        if (ch === '"') {
            try {
                return JSON.parse(text.slice(start, i + 1));
            } catch (err) {
                return text.slice(start + 1, i);
            }
        }
    }

    return null;
}

function syncCatlinksConfigFromSpaDocument(doc) {
    var scripts = doc ? doc.querySelectorAll('script') : [];
    var categories = null;
    var hiddenCategories = null;
    var relevantPageName = null;
    var pageName = null;
    var i;
    var text;
    var value;

    for (i = 0; i < scripts.length; i += 1) {
        text = scripts[i].textContent || '';

        if (categories === null) {
            value = extractJsonArrayAfterMwConfigKey(text, 'wgCategories');
            if (Array.isArray(value)) categories = value;
        }

        if (hiddenCategories === null) {
            value = extractJsonArrayAfterMwConfigKey(text, 'wgHiddenCategories');
            if (Array.isArray(value)) hiddenCategories = value;
        }

        if (relevantPageName === null) {
            value = extractJsonStringAfterMwConfigKey(text, 'wgRelevantPageName');
            if (value !== null) relevantPageName = value;
        }

        if (pageName === null) {
            value = extractJsonStringAfterMwConfigKey(text, 'wgPageName');
            if (value !== null) pageName = value;
        }
    }

    mw.config.set('wgCategories', Array.isArray(categories) ? categories : []);
    mw.config.set('wgHiddenCategories', Array.isArray(hiddenCategories) ? hiddenCategories : []);

    if (relevantPageName !== null) {
        mw.config.set('wgRelevantPageName', relevantPageName);
    } else if (pageName !== null) {
        mw.config.set('wgRelevantPageName', pageName);
    }

    CLBI_CATLINKS_FETCH_TOKEN += 1;
}

// SPA 네비게이션
function shouldSkip(url) {
    return url.match(/action=edit|action=submit|action=history|action=delete|action=protect|action=purge|특수:로그인|특수:로그아웃|Special:UserLogin|Special:UserLogout|특수:사용자정보|특수:비밀번호바꾸기|uselang=/);
}

$(function() {
    if (window._spaInitialized) return;
    window._spaInitialized = true;

    function isInternal(url) {
        var a = document.createElement('a');
        a.href = url;
        return a.hostname === window.location.hostname;
    }

    function getCachedSpaPageHtml(url) {
        if (!window.EntryStore || typeof window.EntryStore.getTextSync !== 'function') return '';
        return window.EntryStore.getTextSync(url) || window.EntryStore.getTextSync(String(url || '').replace(/^https?:\/\/[^/]+/i, '')) || '';
    }

    function fetchSpaPageHtml(url) {
        var cached = getCachedSpaPageHtml(url);
        if (cached) return Promise.resolve(cached);
        return fetch(url, { credentials: 'same-origin', cache: 'force-cache' }).then(function(res) {
            return res.text();
        });
    }

    function prepareDetachedEntryContent(newContent) {
        /*
        Initial boot prepares entry artifacts; SPA is only allowed to consume them.
        This hook runs while the fetched page is still detached, before the user sees it.
        It must stay synchronous or already-resolved: if a subsystem cannot prepare from
        EntryStore immediately, it should leave the old fallback path in place instead of
        opening BootGate during SPA.
        */
        try {
            if (window.NationsPanel && typeof window.NationsPanel.prepareContentForEntry === 'function') {
                window.NationsPanel.prepareContentForEntry(newContent);
            }
        } catch (err) {
            console.warn('entry content preparation failed:', err);
        }
    }

    function loadPage(url) {
        invalidateProfileRender();

        return fetchSpaPageHtml(url)
            .then(function(html) {
                var parser = new DOMParser();
                var doc = parser.parseFromString(html, 'text/html');

                var scripts = doc.querySelectorAll('script');
                for (var i = 0; i < scripts.length; i++) {
                    var src = scripts[i].textContent;

                    if (src.indexOf('wgNamespaceNumber') !== -1) {
                        var match = src.match(/"wgNamespaceNumber":(-?\d+)/);
                        if (match) mw.config.set('wgNamespaceNumber', parseInt(match[1], 10));

                        var matchTitle = src.match(/"wgTitle":"([^"]+)"/);
                        if (matchTitle) mw.config.set('wgTitle', matchTitle[1]);

                        var matchPage = src.match(/"wgPageName":"([^"]+)"/);
                        if (matchPage) mw.config.set('wgPageName', matchPage[1]);

                        var matchArticle = src.match(/"wgArticleId":(\d+)/);
                        if (matchArticle) {
                            mw.config.set('wgArticleId', parseInt(matchArticle[1], 10));
                        } else {
                            mw.config.set('wgArticleId', 0);
                        }

                        var matchIsMainPage = src.match(/"wgIsMainPage":(true|false)/);
                        if (matchIsMainPage) {
                            mw.config.set('wgIsMainPage', matchIsMainPage[1] === 'true');
                        } else {
                            mw.config.set('wgIsMainPage', false);
                        }

                        var matchSpecial = src.match(/"wgCanonicalSpecialPageName":"([^"]+)"/);
                        if (matchSpecial) {
                            mw.config.set('wgCanonicalSpecialPageName', matchSpecial[1]);
                        } else {
                            mw.config.set('wgCanonicalSpecialPageName', false);
                        }
                        break;
                    }
                }

                syncCatlinksConfigFromSpaDocument(doc);

                var newContent = doc.querySelector('.liberty-content-main');
                var newTitle = doc.querySelector('.mw-page-title-main');
                var newHead = doc.querySelector('title');
                var newHeader = doc.querySelector('.liberty-content-header');

                if (newContent) {
                    prepareDetachedEntryContent(newContent);
                    prepareSpaCatlinksBeforeInsert(newContent);
                    $('#side-toc-box').remove();
                    $('.profile-card').remove();
                    $('.user-profile-portal').removeClass('user-profile-portal');
                    $('.liberty-content-main').html(newContent.innerHTML);
                    $('.profile-card').remove();
                    try {
                        if (window.Decorations && typeof window.Decorations.renderPrepared === 'function') window.Decorations.renderPrepared();
                        else if (window.CLBI_DECORATIONS && typeof window.CLBI_DECORATIONS.renderPrepared === 'function') window.CLBI_DECORATIONS.renderPrepared();
                    } catch (err) {}
                    $('body').removeClass('page-loading');
                }

                if (newTitle) {
                    $('.mw-page-title-main').html(newTitle.innerHTML);
                }

                if (newHead) {
                    document.title = newHead.textContent;
                }

                if (newHeader) {
                    $('.liberty-content-header').html(newHeader.innerHTML);
                }

                if (typeof window.normalizeClbiShellDomOrder === 'function') window.normalizeClbiShellDomOrder();
                window.scrollTo(0, 0);
                mw.hook('wikipage.content').fire($('.liberty-content-main'));
                applyMainPageStyle();
                initClbiCustomDocumentScrollbars();
                initCategoryNavIfAvailable(document);

                if (window.ProgressSystemWebUi && typeof window.ProgressSystemWebUi.handleSpaPageView === 'function') {
                    window.ProgressSystemWebUi.handleSpaPageView();
                } else if (window.ProgressSystemWebUi && typeof window.ProgressSystemWebUi.boot === 'function') {
                    window.ProgressSystemWebUi.boot('spa');
                }

                $('#side-toc-box').remove();
                setTimeout(moveTocToLeftSidebar, 100);
                setTimeout(moveTocToLeftSidebar, 500);
                setTimeout(moveTocToLeftSidebar, 1200);

                mw.loader.using(['mediawiki.api']).then(function() {
                    initProfile();
                    moveTocToLeftSidebar();
                });
            })
            .catch(function (err) {
                console.error('SPA page load failed:', err);
                $('body').removeClass('page-loading');
            });
    }

// 목차 링크는 전용 처리
$(document).on('click', '#side-toc-box a, #toc a, .toc a', function(e) {
    var href = $(this).attr('href');
    if (!href || href.charAt(0) !== '#') return;

    var rawId = href.slice(1);
    if (!rawId) return;

    var decodedId = rawId;

    try {
        decodedId = decodeURIComponent(rawId);
    } catch (err) {
        decodedId = rawId;
    }

    var target = document.getElementById(decodedId);

    if (!target && window.CSS && CSS.escape) {
        target = document.querySelector('#' + CSS.escape(decodedId));
    }

    if (!target) return;

    e.preventDefault();
    e.stopPropagation();

    var scrollTarget = target.closest('h2, h3') || target;

    scrollTarget.scrollIntoView({
        behavior: 'auto',
        block: 'start'
    });

    history.replaceState(null, '', '#' + rawId);
});

    /* 길라잡이는 문서 링크가 아니라 대문 본문 화면 탭이다. */
    $(document).on('click', '.portal-guide-anchor[data-category-key="guide"]', function(e) {
        if (e.which && e.which !== 1) return;
        if (e.button && e.button !== 0) return;
        if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return;

        if (window.BottomGuideNav && typeof window.BottomGuideNav.toggle === 'function') {
            e.preventDefault();
            e.stopImmediatePropagation();
            window.BottomGuideNav.toggle();
        }
    });

    $(document).on('click', 'a', function(e) {
        // 휠 클릭, 새 탭 열기, 보조키 이동은 브라우저 기본 동작을 유지한다.
        if (e.which && e.which !== 1) return;
        if (e.button && e.button !== 0) return;
        if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return;

        /* 길라잡이 화면 탭은 위 전용 처리 외에는 SPA 문서 이동 대상으로 삼지 않는다. */
        if ($(this).is('.portal-guide-anchor[data-category-key="guide"]')) return;

        var href = $(this).attr('href');
        if (!href) return;

        // 목차 링크는 별도 핸들러에서 처리
        if ($(this).closest('#side-toc-box, #toc, .toc').length) return;

        // 단순 해시 링크는 SPA 가로채기 제외
        if (href.startsWith('#')) return;

        var link = document.createElement('a');
        link.href = href;

        var samePath = decodeURIComponent(link.pathname) === decodeURIComponent(window.location.pathname);
        var sameSearch = (link.search || '') === (window.location.search || '');

        if (link.hash && samePath && sameSearch) return;

        var currentBase = window.location.href.split('#')[0];
        var targetBase = link.href.split('#')[0];

        if (link.hash && currentBase === targetBase) return;

        if (!isInternal(href)) return;
        if (shouldSkip(href)) return;

        e.preventDefault();
        playStaticSound();
        /*
        SPA must remain a consumer phase.  If the target page HTML was prepared by
        the first-load boot pack, do not show the legacy page-loading veil.  The
        route will consume cached HTML and detached entry artifacts before insertion.
        */
        if (getCachedSpaPageHtml(href)) {
            $('body').removeClass('page-loading');
        } else {
            $('body').addClass('page-loading');
        }
        history.pushState(null, '', href);
        loadPage(href);
    });

    window.addEventListener('popstate', function() {
        loadPage(window.location.href);
    });
});



/* ========== CLBI Custom Document Scrollbar ========== */
function isGeneralDocumentView() {
    var body = document.body;
    if (!body) return false;

    return body.classList.contains('action-view') &&
        !body.classList.contains('clbi-main-page') &&
        !body.classList.contains('clbi-system-doc-page') &&
        !body.classList.contains('backend-system-page') &&
        !body.classList.contains('user-profile-page') &&
        !body.classList.contains('user-profile-settings-page');
}

function getClbiDocumentScrollTargets() {
    if (!isGeneralDocumentView()) return [];

    return Array.prototype.slice.call(document.querySelectorAll(
        '.liberty-content-main > #mw-content-text .mw-parser-output, ' +
        '.liberty-content-main > .mw-body-content .mw-parser-output'
    )).filter(function (el, index, list) {
        return el && list.indexOf(el) === index;
    });
}

function getClbiOuterWellForScroll(scrollEl) {
    var main = scrollEl ? scrollEl.closest('.liberty-content-main') : null;
    var children;
    var i;
    var child;

    if (!main) return null;

    children = Array.prototype.slice.call(main.children || []);
    for (i = 0; i < children.length; i += 1) {
        child = children[i];
        if (
            child &&
            (child.id === 'mw-content-text' || child.classList.contains('mw-body-content')) &&
            child.contains(scrollEl)
        ) {
            return child;
        }
    }

    return scrollEl.parentElement || null;
}

function buildClbiCustomScrollbar(well, scrollEl) {
    var bar = well.querySelector(':scope > .clbi-custom-scrollbar');
    var up;
    var track;
    var thumb;
    var down;

    if (!bar) {
        bar = document.createElement('div');
        bar.className = 'clbi-custom-scrollbar';
        bar.setAttribute('aria-hidden', 'true');
        bar.innerHTML =
            '<div class="clbi-custom-scroll-arrow clbi-custom-scroll-arrow-up" data-scroll-arrow="up"></div>' +
            '<div class="clbi-custom-scroll-track"><div class="clbi-custom-scroll-thumb"></div></div>' +
            '<div class="clbi-custom-scroll-arrow clbi-custom-scroll-arrow-down" data-scroll-arrow="down"></div>';
        well.appendChild(bar);
    }

    bar.__clbiScrollTarget = scrollEl;
    up = bar.querySelector('.clbi-custom-scroll-arrow-up');
    track = bar.querySelector('.clbi-custom-scroll-track');
    thumb = bar.querySelector('.clbi-custom-scroll-thumb');
    down = bar.querySelector('.clbi-custom-scroll-arrow-down');

    if (up && !up.__clbiBound) {
        up.__clbiBound = true;
        up.addEventListener('mousedown', function (e) {
            e.preventDefault();
            e.stopPropagation();
            if (bar.__clbiScrollTarget) bar.__clbiScrollTarget.scrollTop -= 48;
            updateClbiCustomScrollbar(bar);
        });
    }

    if (down && !down.__clbiBound) {
        down.__clbiBound = true;
        down.addEventListener('mousedown', function (e) {
            e.preventDefault();
            e.stopPropagation();
            if (bar.__clbiScrollTarget) bar.__clbiScrollTarget.scrollTop += 48;
            updateClbiCustomScrollbar(bar);
        });
    }

    if (track && !track.__clbiBound) {
        track.__clbiBound = true;
        track.addEventListener('mousedown', function (e) {
            var rect;
            var thumbRect;
            var target;
            var direction;

            if (e.target === thumb) return;
            e.preventDefault();
            e.stopPropagation();

            target = bar.__clbiScrollTarget;
            if (!target) return;

            rect = track.getBoundingClientRect();
            thumbRect = thumb.getBoundingClientRect();
            direction = e.clientY < thumbRect.top ? -1 : 1;
            target.scrollTop += direction * Math.max(60, Math.floor(target.clientHeight * 0.82));
            updateClbiCustomScrollbar(bar);
        });
    }

    if (thumb && !thumb.__clbiBound) {
        thumb.__clbiBound = true;
        thumb.addEventListener('mousedown', function (e) {
            var target = bar.__clbiScrollTarget;
            var startY;
            var startScroll;
            var maxScroll;
            var maxThumbTop;
            var trackHeight;
            var thumbHeight;

            if (!target) return;

            e.preventDefault();
            e.stopPropagation();

            startY = e.clientY;
            startScroll = target.scrollTop;
            maxScroll = Math.max(1, target.scrollHeight - target.clientHeight);
            trackHeight = track ? track.clientHeight : 0;
            thumbHeight = thumb.offsetHeight || 0;
            maxThumbTop = Math.max(1, trackHeight - thumbHeight);

            bar.classList.add('is-dragging');

            function onMove(moveEvent) {
                var dy = moveEvent.clientY - startY;
                target.scrollTop = startScroll + (dy / maxThumbTop) * maxScroll;
                updateClbiCustomScrollbar(bar);
                moveEvent.preventDefault();
            }

            function onUp() {
                bar.classList.remove('is-dragging');
                document.removeEventListener('mousemove', onMove);
                document.removeEventListener('mouseup', onUp);
            }

            document.addEventListener('mousemove', onMove);
            document.addEventListener('mouseup', onUp);
        });
    }

    if (!scrollEl.__clbiCustomScrollbarBound) {
        scrollEl.__clbiCustomScrollbarBound = true;
        scrollEl.addEventListener('scroll', function () {
            if (scrollEl.__clbiCustomScrollbar) {
                updateClbiCustomScrollbar(scrollEl.__clbiCustomScrollbar);
            }
        }, { passive: true });
    }

    scrollEl.__clbiCustomScrollbar = bar;
    updateClbiCustomScrollbar(bar);

    return bar;
}

function updateClbiCustomScrollbar(bar) {
    var scrollEl = bar && bar.__clbiScrollTarget;
    var track = bar ? bar.querySelector('.clbi-custom-scroll-track') : null;
    var thumb = bar ? bar.querySelector('.clbi-custom-scroll-thumb') : null;
    var maxScroll;
    var trackHeight;
    var thumbHeight;
    var maxTop;
    var top;

    if (!bar || !scrollEl || !track || !thumb) return;

    maxScroll = scrollEl.scrollHeight - scrollEl.clientHeight;
    if (maxScroll <= 1) {
        bar.classList.add('is-hidden');
        return;
    }

    bar.classList.remove('is-hidden');

    trackHeight = Math.max(1, track.clientHeight || 1);
    thumbHeight = Math.max(12, Math.floor((scrollEl.clientHeight / Math.max(scrollEl.scrollHeight, 1)) * trackHeight));
    thumbHeight = Math.min(trackHeight, thumbHeight);
    maxTop = Math.max(0, trackHeight - thumbHeight);
    top = maxScroll > 0 ? Math.round((scrollEl.scrollTop / maxScroll) * maxTop) : 0;

    thumb.style.height = thumbHeight + 'px';
    thumb.style.transform = 'translateY(' + top + 'px)';
}

function initClbiCustomDocumentScrollbars() {
    var existing = Array.prototype.slice.call(document.querySelectorAll('.clbi-custom-scrollbar'));
    var targets = getClbiDocumentScrollTargets();
    var liveBars = [];

    if (!targets.length) {
        existing.forEach(function (bar) { bar.remove(); });
        return;
    }

    targets.forEach(function (scrollEl) {
        var well = getClbiOuterWellForScroll(scrollEl);
        var bar;

        if (!well) return;
        bar = buildClbiCustomScrollbar(well, scrollEl);
        liveBars.push(bar);
    });

    existing.forEach(function (bar) {
        if (liveBars.indexOf(bar) === -1) bar.remove();
    });

    window.requestAnimationFrame(function () {
        liveBars.forEach(updateClbiCustomScrollbar);
    });

    setTimeout(function () {
        liveBars.forEach(updateClbiCustomScrollbar);
    }, 120);
}

if (!window.__clbiCustomScrollbarResizeBound) {
    window.__clbiCustomScrollbarResizeBound = true;
    window.addEventListener('resize', function () {
        setTimeout(initClbiCustomDocumentScrollbars, 60);
    });
}


// 시간 계산 함수
function timeAgo(timestamp) {
    var now = new Date();
    var date = new Date(timestamp);
    var diff = Math.floor((now - date) / 1000);

    if (diff < 60) return diff + '초 전';
    if (diff < 3600) return Math.floor(diff / 60) + '분 전';
    if (diff < 86400) return Math.floor(diff / 3600) + '시간 전';
    return Math.floor(diff / 86400) + '일 전';
}

// 펼접 토글
// 펼접 토글
function getFoldTexts() {
    var lang = getCurrentLang();
    return (window.LANG && window.LANG[lang])
        ? window.LANG[lang]
        : (window.LANG ? window.LANG.ko : { expand: '펼치기', collapse: '접기' });
}

function refreshOpenAncestors($start) {
    $start.parents('[id^="collapsible"]').each(function () {
        var $parent = $(this);
        if (!$parent.hasClass('folding-open')) return;

        // 이미 fully open 상태면 굳이 다시 잠그지 않음
        if ($parent.data('fold-state') === 'open') {
            return;
        }

        $parent.css('max-height', this.scrollHeight + 'px');
    });
}

function bindInnerResizeUpdates($target) {
    // 이미지 늦게 로드될 때 높이 갱신
    $target.find('img').off('.foldimg').on('load.foldimg', function () {
        if ($target.hasClass('folding-open')) {
            if ($target.data('fold-state') !== 'open') {
                $target.css('max-height', $target[0].scrollHeight + 'px');
            }
            refreshOpenAncestors($target);
        }
    });
}

function openFold($target, $btn) {
    var t = getFoldTexts();

    $target.data('fold-state', 'opening');
    $target.addClass('folding-open');

    // 열린 뒤 자연 확장 가능하게 만들기 위해 먼저 px로 열기
    $target.css('max-height', '0px');
    $target[0].offsetHeight;
    $target.css('max-height', $target[0].scrollHeight + 'px');

    $btn.text(t.collapse);

    bindInnerResizeUpdates($target);

    // 바깥 펼접 즉시 갱신
    refreshOpenAncestors($target);

    // 전환 끝나면 none으로 풀어서 중첩 펼접/동적 내용 증가를 자연스럽게 허용
    $target.off('transitionend.foldopen').on('transitionend.foldopen', function (e) {
        if (e.target !== this) return;
        if (!$target.hasClass('folding-open')) return;

        $target.css('max-height', 'none');
        $target.data('fold-state', 'open');

        refreshOpenAncestors($target);
    });

    // 늦게 렌더되는 콘텐츠 대응
    requestAnimationFrame(function () {
        if ($target.hasClass('folding-open') && $target.data('fold-state') !== 'open') {
            $target.css('max-height', $target[0].scrollHeight + 'px');
            refreshOpenAncestors($target);
        }
    });

    setTimeout(function () {
        if ($target.hasClass('folding-open') && $target.data('fold-state') !== 'open') {
            $target.css('max-height', $target[0].scrollHeight + 'px');
            refreshOpenAncestors($target);
        }
    }, 80);

    setTimeout(function () {
        if ($target.hasClass('folding-open') && $target.data('fold-state') !== 'open') {
            $target.css('max-height', $target[0].scrollHeight + 'px');
            refreshOpenAncestors($target);
        }
    }, 220);
}

function closeFold($target, $btn) {
    var t = getFoldTexts();

    // none 상태에서 닫으면 transition이 안 되므로 실제 높이로 고정
    if ($target.css('max-height') === 'none' || $target.data('fold-state') === 'open') {
        $target.css('max-height', $target[0].scrollHeight + 'px');
    } else {
        $target.css('max-height', $target[0].scrollHeight + 'px');
    }

    $target.data('fold-state', 'closing');
    $target[0].offsetHeight;
    $target.css('max-height', '0px');
    $target.removeClass('folding-open');

    $btn.text(t.expand);

    refreshOpenAncestors($target);

    setTimeout(function () {
        refreshOpenAncestors($target);
        $target.data('fold-state', 'closed');
    }, 250);
}

$(function () {
    $(document)
        .off('click.clbiToggle')
        .on('click.clbiToggle', '.toggleBtn', function () {
            var $btn = $(this);
            var targetId = $btn.data('target');
            var $target = $('#' + targetId);
            if (!$target.length) return;

            var scrollY = window.scrollY;

            if ($target.hasClass('folding-open')) {
                closeFold($target, $btn);
            } else {
                openFold($target, $btn);
            }

            window.scrollTo(0, scrollY);
        });
});

// ========== 프로필 시스템 ==========
function initProfile() {
    $('.profile-card').remove();
    $('.user-profile-portal').removeClass('user-profile-portal');

    var token = ++PROFILE_RENDER_TOKEN;
    var ns = mw.config.get('wgNamespaceNumber');
    var title = mw.config.get('wgTitle');
    var specialPage = mw.config.get('wgCanonicalSpecialPageName');
    var isProfileSettings = specialPage === '사용자정보';

    $('body').toggleClass('user-profile-page', ns === 2);
    $('body').toggleClass('user-profile-settings-page', isProfileSettings);

    if (ns === 2) {
        var profileUser = title.split('/')[0];
        renderProfile(profileUser, token);
    }

    if (isProfileSettings) {
        initUserProfilePage();
    }
}

function renderProfile(username, token) {
    var api = new mw.Api();
    api.get({
        action: 'query',
        list: 'users',
        ususers: username,
        usprop: 'editcount'
    }).then(function(data) {
        if (token !== PROFILE_RENDER_TOKEN) return;
        if (mw.config.get('wgNamespaceNumber') !== 2) return;

        var currentTitle = String(mw.config.get('wgTitle') || '').split('/')[0];
        if (currentTitle !== username) return;

        var user = data.query.users[0];
        var contentEl = document.getElementById('mw-content-text');
        if (!contentEl) return;

        var pageContent = contentEl.querySelector('.mw-parser-output') || contentEl;
        injectProfileCard(username, user, pageContent);
    });
}

function injectProfileCard(username, userData, container) {
    var isOwnPage = mw.config.get('wgUserName') === username;
    var editCount = (userData && userData.editcount) ? userData.editcount : 0;

    function escapeHtml(value) {
        return String(value == null ? '' : value)
            .replace(/&/g, '&amp;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/"/g, '&quot;')
            .replace(/'/g, '&#039;');
    }

    container.classList.add('user-profile-portal');

    var safeUsername = escapeHtml(username);
    var avatarSrc = '/index.php?title=특수:Redirect/file/Pfp-' + encodeURIComponent(username) + '.png&width=220';
    var fallbackSrc = '/index.php?title=특수:Redirect/file/Pfp-default.png&width=220';
    var editBtn = isOwnPage
        ? '<a href="/index.php/특수:사용자정보" class="profile-edit-btn"><span class="profile-edit-label">프로필 수정</span><span class="profile-edit-arrow">›</span></a>'
        : '';

    var progressHtml = isOwnPage
        ? '<div class="profile-page-progress is-syncing" data-profile-progress>' +
            '<div class="profile-section-title">LEVEL RECORD</div>' +
            '<div class="profile-page-progress-body">' +
                '<div class="profile-page-progress-row">' +
                    '<span class="profile-page-level">SYNC</span>' +
                    '<span class="profile-page-total-xp">— XP</span>' +
                '</div>' +
                '<div class="profile-page-xp-bar" aria-hidden="true"><div class="profile-page-xp-fill"></div></div>' +
                '<div class="profile-page-progress-sub">SYNCING</div>' +
                '<div class="profile-page-progress-meta">TODAY — · DISCOVERED —</div>' +
            '</div>' +
        '</div>'
        : '';

    var card = document.createElement('div');
    card.className = 'profile-card profile-page-console';
    card.innerHTML =
        '<div class="profile-card-titlebar">' +
            '<span>USER PROFILE</span>' +
            '<span>OFFICIAL ARCHIVE</span>' +
        '</div>' +
        '<div class="profile-card-body">' +
            '<div class="profile-identity-row">' +
                '<div class="profile-avatar-bay">' +
                    '<img src="' + avatarSrc + '" onerror="this.onerror=null;this.src=\'' + fallbackSrc + '\';" alt="' + safeUsername + '">' +
                '</div>' +
                '<div class="profile-info-panel">' +
                    '<div class="profile-nameplate">' +
                        '<h2 class="profile-username">' + safeUsername + '</h2>' +
                        editBtn +
                    '</div>' +
                    '<div class="profile-name" data-field="name"></div>' +
                    '<div class="profile-role" data-field="role"></div>' +
                    '<div class="profile-discord" data-field="discord"></div>' +
                '</div>' +
            '</div>' +
            '<div class="profile-lower-grid">' +
                '<div class="profile-bio-panel">' +
                    '<div class="profile-section-title">BIOGRAPHY</div>' +
                    '<div class="profile-bio" data-field="bio"></div>' +
                '</div>' +
                '<div class="profile-stats-panel">' +
                    '<div class="profile-section-title">RECORD</div>' +
                    '<div class="profile-stats">' +
                        progressHtml +
                        '<div class="profile-stat-grid">' +
                            '<div class="profile-stat">' +
                                '<span class="clbi-stat-value">' + editCount + '</span>' +
                                '<span class="clbi-stat-label">수정 횟수</span>' +
                            '</div>' +
                            '<div class="profile-stat" data-contrib-pages-stat>' +
                                '<span class="clbi-stat-value" data-contrib-pages-value>SYNC</span>' +
                                '<span class="clbi-stat-label">기여 문서</span>' +
                            '</div>' +
                        '</div>' +
                        '<div class="profile-info-grid">' +
                            '<div class="profile-info-stat">' +
                                '<span class="profile-info-label">TIME</span>' +
                                '<span class="profile-info-value" data-profile-time>UTC --:--</span>' +
                            '</div>' +
                            '<div class="profile-info-stat">' +
                                '<span class="profile-info-label">LANGUAGE</span>' +
                                '<span class="profile-info-value" data-profile-language>—</span>' +
                            '</div>' +
                        '</div>' +
                    '</div>' +
                '</div>' +
            '</div>' +
        '</div>';

    $('.profile-card').remove();
    container.insertBefore(card, container.firstChild);
    loadProfileFields(username, card);
    loadProfileContributionPages(username, card);
    updateProfilePageEnvironment(card, null);

    if (isOwnPage) {
        loadProfileProgressForUserPage(card);
    }
}

function getProfileLanguageLabel() {
    var lang = getCurrentLang();
    return SIDEBAR_LANGUAGE_LABELS[lang] || (lang ? lang.toUpperCase() : '—');
}

function updateProfilePageEnvironment(card, summary) {
    if (!card) return;

    var timezone = summary && summary.timezone ? summary.timezone : 'UTC';
    var timeEl = card.querySelector('[data-profile-time]');
    var langEl = card.querySelector('[data-profile-language]');

    if (timeEl) {
        try {
            timeEl.textContent = timezone + ' ' + new Intl.DateTimeFormat('ko-KR', {
                hour: '2-digit',
                minute: '2-digit',
                hour12: false,
                timeZone: timezone
            }).format(new Date());
        } catch (err) {
            timeEl.textContent = 'UTC ' + new Intl.DateTimeFormat('ko-KR', {
                hour: '2-digit',
                minute: '2-digit',
                hour12: false,
                timeZone: 'UTC'
            }).format(new Date());
        }
    }

    if (langEl) {
        langEl.textContent = getProfileLanguageLabel();
    }
}

function loadProfileContributionPages(username, card) {
    if (!username || !card) return;
    if (!mw.loader || typeof mw.loader.using !== 'function') return;

    var valueEl = card.querySelector('[data-contrib-pages-value]');
    if (valueEl) valueEl.textContent = 'SYNC';

    mw.loader.using(['mediawiki.api']).then(function () {
        var api = new mw.Api();
        var pages = Object.create(null);
        var cont = {};
        var guard = 0;

        function requestNext() {
            guard++;

            var params = Object.assign({
                action: 'query',
                list: 'usercontribs',
                ucuser: username,
                ucnamespace: 0,
                ucprop: 'title',
                uclimit: 'max',
                format: 'json',
                formatversion: 2
            }, cont);

            return api.get(params).then(function (data) {
                var rows = data && data.query && data.query.usercontribs ? data.query.usercontribs : [];

                rows.forEach(function (row) {
                    if (row && row.title) pages[row.title] = true;
                });

                if (data && data.continue && data.continue.uccontinue && guard < 40) {
                    cont = data.continue;
                    return requestNext();
                }

                if (valueEl) valueEl.textContent = Object.keys(pages).length;
            });
        }

        requestNext().fail(function () {
            if (valueEl) valueEl.textContent = '—';
        });
    });
}

function loadProfileProgressForUserPage(card) {
    if (!mw.config.get('wgUserName')) return;
    if (!mw.loader || typeof mw.loader.using !== 'function') return;

    mw.loader.using(['mediawiki.api']).then(function () {
        var api = new mw.Api();
        api.get({
            action: 'progress_summary',
            format: 'json',
            formatversion: 2
        }).then(function (data) {
            var payload = data && data.progress_summary;
            if (!payload || !payload.available || !payload.summary) return;
            updateUserPageProgress(card, payload.summary);
            updateProfilePageEnvironment(card, payload.summary);
        });
    });
}

function updateUserPageProgress(card, summary) {
    var panel = card.querySelector('[data-profile-progress]');
    if (!panel || !summary) return;

    var level = summary.level || 1;
    var totalXp = summary.totalXp || 0;
    var xpIntoLevel = summary.xpIntoLevel || 0;
    var xpForNext = summary.xpForNextLevel || 1;
    var percent = Math.max(0, Math.min(100, summary.progressPercent || 0));
    var isMaxLevel = !!summary.isMaxLevel;
    var dailyXp = summary.dailyXp || 0;
    var discoveries = summary.discoveryCount || 0;

    panel.classList.remove('is-syncing');
    panel.classList.toggle('is-max-level', isMaxLevel);

    var levelEl = panel.querySelector('.profile-page-level');
    var totalEl = panel.querySelector('.profile-page-total-xp');
    var fillEl = panel.querySelector('.profile-page-xp-fill');
    var subEl = panel.querySelector('.profile-page-progress-sub');
    var metaEl = panel.querySelector('.profile-page-progress-meta');

    if (levelEl) levelEl.textContent = (isMaxLevel ? 'MAX ' : 'LVL ') + level;
    if (totalEl) totalEl.textContent = totalXp + ' XP';
    if (fillEl) fillEl.style.width = percent + '%';
    if (subEl) subEl.textContent = isMaxLevel ? 'MAX LEVEL' : (xpIntoLevel + ' / ' + xpForNext + ' TO NEXT');
    if (metaEl) metaEl.textContent = 'TODAY ' + dailyXp + ' XP · DISCOVERED ' + discoveries;
}

function loadProfileFields(username, card) {
    var api = new mw.Api();
    api.get({
        action: 'userprofile',
        user: username
    }).then(function(data) {
        var profile = data.userprofile;
        updateProfileFields(card, {
            name: profile.name || '',
            discord: profile.discord || '',
            role: profile.role || '',
            bio: profile.bio || ''
        });
    }).fail(function() {
        updateProfileFields(card, {
            name: '',
            discord: '',
            role: '',
            bio: ''
        });
    });
}

function updateProfileFields(card, data) {
    var nameEl = card.querySelector('[data-field="name"]');
    var roleEl = card.querySelector('[data-field="role"]');
    var discordEl = card.querySelector('[data-field="discord"]');
    var bioEl = card.querySelector('[data-field="bio"]');
    if (nameEl) nameEl.textContent = data.name || '';
    if (roleEl) roleEl.textContent = data.role || '';
    if (discordEl) discordEl.textContent = data.discord ? ('디스코드: ' + data.discord) : '';
    if (bioEl) bioEl.textContent = data.bio || '';
}
// ========== 프로필 시스템 끝 ==========

// ========== 알림 시스템 ==========
function ensureNotificationPopup() {
    if (document.getElementById('clbi-notification-popup')) return;

    var popup = document.createElement('div');
    popup.id = 'clbi-notification-popup';
    popup.style.cssText =
        'display:none;position:fixed;z-index:99999;width:320px;max-height:420px;' +
        'background:#0a0909;border:2px solid #854369;border-radius:5px;' +
        'box-shadow:0 0 0 1px #1a1a1a, 0 8px 24px rgba(0,0,0,0.55);overflow:hidden;';

    popup.innerHTML =
        '<div style="padding:10px 12px;border-bottom:2px solid #854369;background:linear-gradient(to bottom, #171114 0%, #0a0909 100%);color:#E2E2E2;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:8px;">' +
            '<span>알림</span>' +
            '<button type="button" id="clbi-notification-readall" style="background:#171717;border:1px solid #854369;border-radius:6px;color:#E2E2E2;font-size:11px;font-weight:700;padding:4px 8px;cursor:pointer;">전체 읽음</button>' +
        '</div>' +
        '<div id="clbi-notification-list" style="max-height:320px;overflow-y:auto;padding:8px 0;color:#E2E2E2;font-size:12px;">불러오는 중...</div>' +
        '<div style="padding:8px;border-top:1px solid #2a2a2a;background:#111;">' +
            '<a href="/index.php?title=Special:Notifications" id="clbi-notification-more" style="display:block;width:100%;text-align:center;padding:8px 10px;border-radius:6px;background:#171717;border:1px solid #854369;color:#E2E2E2 !important;text-decoration:none !important;font-size:12px;font-weight:700;">더보기</a>' +
        '</div>';

    document.body.appendChild(popup);
}

function positionNotificationPopup() {
    var btn = document.getElementById('profile-quick-notifications');
    var popup = document.getElementById('clbi-notification-popup');
    if (!btn || !popup) return;

    var rect = btn.getBoundingClientRect();
    var top = rect.bottom + 6;
    var left = rect.left + (rect.width / 2) - (popup.offsetWidth / 2);

    if (left < 8) left = 8;
    if (left + popup.offsetWidth > window.innerWidth - 8) {
        left = window.innerWidth - popup.offsetWidth - 8;
    }
    if (top + popup.offsetHeight > window.innerHeight - 8) {
        top = Math.max(8, rect.top - popup.offsetHeight - 6);
    }

    popup.style.top = top + 'px';
    popup.style.left = left + 'px';
}

function parseNotificationItemsFromHtml(html) {
    var parser = new DOMParser();
    var doc = parser.parseFromString(html, 'text/html');

    var selectors = [
        '.mw-echo-ui-notificationItemWidget',
        '.mw-echo-ui-notificationsInboxWidgetRow',
        '.echo-ui-notificationItemWidget',
        'li[data-notification-id]',
        '.mw-echo-notifications-list li'
    ];

    var items = [];
    for (var i = 0; i < selectors.length; i++) {
        items = Array.prototype.slice.call(doc.querySelectorAll(selectors[i]));
        if (items.length) break;
    }

    return items.slice(0, 5).map(function(item) {
        var link = item.querySelector('a[href]');
        var href = link ? link.getAttribute('href') : '/index.php?title=Special:Notifications';
        var text = (item.textContent || '').replace(/\s+/g, ' ').trim();

        var notificationId =
            item.getAttribute('data-notification-id') ||
            item.getAttribute('data-id') ||
            item.getAttribute('data-notification') ||
            '';

        if (!notificationId) {
            var anyWithId = item.querySelector('[data-notification-id], [data-id], [data-notification]');
            if (anyWithId) {
                notificationId =
                    anyWithId.getAttribute('data-notification-id') ||
                    anyWithId.getAttribute('data-id') ||
                    anyWithId.getAttribute('data-notification') ||
                    '';
            }
        }

        if (href && href.indexOf('http') !== 0) {
            href = href.charAt(0) === '/'
                ? href
                : '/index.php' + (href.charAt(0) === '?' ? href : '/' + href);
        }

        return {
            id: notificationId,
            href: href,
            text: text || '알림'
        };
    });
}

function setNotificationIcon(hasItems) {
    var quickIcon = document.getElementById('profile-quick-notification-icon');
    var svg = hasItems ? CLBI_SVG_BELL_DOT : CLBI_SVG_BELL;

    if (quickIcon) {
        quickIcon.innerHTML = svg;
        quickIcon.classList.toggle('has-notifications', !!hasItems);
    }
}

function renderNotificationPopup(items) {
    var list = document.getElementById('clbi-notification-list');
    var badge = document.getElementById('clbi-notification-badge');
    if (!list) return;

    if (!items || !items.length) {
        list.innerHTML = '<div style="padding:14px 12px;color:#999;">표시할 알림이 없습니다.</div>';
        if (badge) badge.style.display = 'none';
        setNotificationIcon(false);
        return;
    }

    var html = '';
    for (var i = 0; i < items.length; i++) {
        html +=
            '<a href="' + items[i].href + '" class="clbi-notification-item" data-notification-id="' + (items[i].id || '') + '" style="display:block;padding:10px 12px;color:#E2E2E2 !important;text-decoration:none !important;border-bottom:1px solid #1f1f1f;line-height:1.5;">' +
                items[i].text +
            '</a>';
    }
    list.innerHTML = html;

    if (badge) {
        badge.textContent = items.length;
        badge.style.display = 'block';
    }
    setNotificationIcon(true);
}

function loadNotificationsIntoPopup() {
    var list = document.getElementById('clbi-notification-list');
    if (list) {
        list.innerHTML = '<div style="padding:14px 12px;color:#999;">불러오는 중...</div>';
    }

    fetch('/index.php?title=Special:Notifications', { credentials: 'same-origin' })
        .then(function(res) {
            return res.text();
        })
        .then(function(html) {
            var items = parseNotificationItemsFromHtml(html);
            renderNotificationPopup(items);
        })
        .catch(function(err) {
            console.error(err);
            if (list) {
                list.innerHTML = '<div style="padding:14px 12px;color:#999;">알림을 불러오지 못했습니다.</div>';
            }
        });
}

function markAllNotificationsRead() {
    return new mw.Api().postWithToken('csrf', {
        action: 'echomarkread',
        list: 'all'
    });
}

function markNotificationReadById(notificationId) {
    if (!notificationId) {
        return $.Deferred().resolve().promise();
    }

    return new mw.Api().postWithToken('csrf', {
        action: 'echomarkread',
        list: notificationId
    });
}

function initNotifications() {
    var quickBtn = document.getElementById('profile-quick-notifications');

    if (!quickBtn) return;

    ensureNotificationPopup();
    loadNotificationsIntoPopup();

    $(document)
        .off('click.clbiNotificationToggle')
        .on('click.clbiNotificationToggle', '#profile-quick-notifications', function(e) {
            e.preventDefault();
            e.stopPropagation();

            var popup = document.getElementById('clbi-notification-popup');
            if (!popup) return;

            if (popup.style.display === 'none' || popup.style.display === '') {
                popup.style.display = 'block';
                positionNotificationPopup();
                loadNotificationsIntoPopup();
            } else {
                popup.style.display = 'none';
            }
        });

    $(document)
        .off('click.clbiNotificationOutside')
        .on('click.clbiNotificationOutside', function(e) {
            var popup = document.getElementById('clbi-notification-popup');
            var quickToggle = document.getElementById('profile-quick-notifications');
            if (!popup) return;

            if (!popup.contains(e.target) && (!quickToggle || !quickToggle.contains(e.target))) {
                popup.style.display = 'none';
            }
        });

    $(document)
        .off('click.clbiNotificationReadAll')
        .on('click.clbiNotificationReadAll', '#clbi-notification-readall', function(e) {
            e.preventDefault();
            e.stopPropagation();

            var button = this;
            button.disabled = true;
            button.textContent = '처리 중...';

            markAllNotificationsRead()
                .then(function() {
                    loadNotificationsIntoPopup();
                })
                .always(function() {
                    button.disabled = false;
                    button.textContent = '전체 읽음';
                });
        });

    $(document)
        .off('click.clbiNotificationItem')
        .on('click.clbiNotificationItem', '.clbi-notification-item', function(e) {
            e.preventDefault();
            e.stopPropagation();

            var href = this.getAttribute('href');
            var notificationId = this.getAttribute('data-notification-id') || '';

            markNotificationReadById(notificationId).always(function() {
                loadNotificationsIntoPopup();
                if (href) {
                    window.location.href = href;
                }
            });
        });

    $(window)
        .off('resize.clbiNotification')
        .on('resize.clbiNotification', function() {
            var popup = document.getElementById('clbi-notification-popup');
            if (popup && popup.style.display === 'block') {
                positionNotificationPopup();
            }
        });
}
// ========== 알림 시스템 끝 ==========

function initUserProfilePage() {
    $('body').addClass('user-profile-settings-page');

    var saveBtn = document.getElementById('pref-save');
    if (!saveBtn) return;

    function getPrefRow(id) {
        var el = document.getElementById(id);
        if (!el) return null;
        return el.closest('.clbi-pref-row') || el.parentNode;
    }

    function removePrefRow(id) {
        var row = getPrefRow(id);
        if (row && row.parentNode) {
            row.parentNode.removeChild(row);
        }
    }

    function createPrefSection(className, titleText) {
        var section = document.createElement('div');
        section.className = 'clbi-pref-section ' + className;

        var title = document.createElement('div');
        title.className = 'clbi-pref-section-title';
        title.textContent = titleText;

        var body = document.createElement('div');
        body.className = 'clbi-pref-section-body';

        section.appendChild(title);
        section.appendChild(body);

        return {
            section: section,
            body: body
        };
    }

    function moveRowToSection(id, targetBody, className) {
        var row = getPrefRow(id);
        if (!row || !targetBody) return false;

        row.classList.add('clbi-pref-row-key-' + className);
        targetBody.appendChild(row);
        return true;
    }

    function rebuildProfileSettingsLayout() {
        var root = document.querySelector('.clbi-prefs-profile');
        if (!root || root.dataset.profileSettingsReworked === '1') return;

        root.dataset.profileSettingsReworked = '1';
        root.classList.add('profile-settings-console');

        removePrefRow('pref-badges');

        var originalRows = Array.prototype.slice.call(root.querySelectorAll('.clbi-pref-row'));
        var actionNodes = [];

        if (saveBtn.parentNode === root || saveBtn.closest('.clbi-prefs-profile') === root) {
            actionNodes.push(saveBtn);
        }

        var statusNode = document.getElementById('pref-status');
        if (statusNode && statusNode.closest('.clbi-prefs-profile') === root) {
            actionNodes.push(statusNode);
        }

        var main = document.createElement('div');
        main.className = 'clbi-pref-main-grid';

        var media = createPrefSection('clbi-pref-section-media', 'PROFILE IMAGE');
        var identity = createPrefSection('clbi-pref-section-identity', 'IDENTITY RECORD');
        var bio = createPrefSection('clbi-pref-section-bio', 'BIOGRAPHY');
        var account = createPrefSection('clbi-pref-section-account', 'ACCOUNT CONTACT');
        var misc = createPrefSection('clbi-pref-section-misc', 'OTHER OPTIONS');

        main.appendChild(media.section);
        main.appendChild(identity.section);
        main.appendChild(bio.section);
        main.appendChild(account.section);
        main.appendChild(misc.section);

        root.innerHTML = '';
        root.appendChild(main);

        moveRowToSection('pref-pfp-preview', media.body, 'pfp');
        moveRowToSection('pref-pfp-btn', media.body, 'pfp');
        moveRowToSection('pref-pfp-input', media.body, 'pfp');

        moveRowToSection('pref-name', identity.body, 'name');
        moveRowToSection('pref-role', identity.body, 'role');
        moveRowToSection('pref-discord', identity.body, 'discord');

        moveRowToSection('pref-bio', bio.body, 'bio');

        moveRowToSection('pref-new-email', account.body, 'email');
        moveRowToSection('pref-email-password', account.body, 'email');
        moveRowToSection('pref-email-save', account.body, 'email');

        originalRows.forEach(function (row) {
            if (!row.parentNode && !row.className.match(/clbi-pref-row-key-/)) {
                misc.body.appendChild(row);
            }
        });

        if (!misc.body.children.length) {
            misc.section.parentNode.removeChild(misc.section);
        }

        var actions = document.createElement('div');
        actions.className = 'clbi-pref-actions';

        if (saveBtn) actions.appendChild(saveBtn);
        if (statusNode) actions.appendChild(statusNode);

        root.appendChild(actions);
    }

    rebuildProfileSettingsLayout();

    var api = new mw.Api();
    var selectedFile = null;
    var cropper = null;

    if (!document.getElementById('clbi-gallery-modal')) {
        var gModal = document.createElement('div');
        gModal.id = 'clbi-gallery-modal';
        gModal.style.cssText =
            'display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:99999;align-items:center;justify-content:center;';

        gModal.innerHTML =
            '<div style="background:#1e1e1e;border:2px solid #854369;border-radius:12px;padding:24px;max-width:480px;width:90%;display:flex;flex-direction:column;gap:16px;">' +
                '<div style="display:flex;justify-content:space-between;align-items:center;">' +
                    '<span style="font-size:14px;font-weight:700;color:#e2e2e2;">프로필 사진 선택</span>' +
                    '<button type="button" id="clbi-gallery-close" style="background:none;border:none;color:#aaa;font-size:18px;cursor:pointer;">✕</button>' +
                '</div>' +
                '<button type="button" id="clbi-gallery-upload-btn" style="background:#2a2a2a;border:2px dashed #854369;border-radius:8px;padding:32px;color:#e2e2e2;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;width:100%;">' +
                    '<span style="font-size:32px;">🖼️</span>새 사진 업로드' +
                '</button>' +
                '<div id="clbi-gallery-history-section" style="display:none;">' +
                    '<div style="font-size:11px;color:#888;margin-bottom:8px;">이전 사진 — 클릭하면 바로 적용</div>' +
                    '<div id="clbi-gallery-history" style="display:flex;gap:8px;flex-wrap:wrap;"></div>' +
                '</div>' +
            '</div>';

        document.body.appendChild(gModal);
    }

    if (!document.getElementById('clbi-crop-modal')) {
        var cModal = document.createElement('div');
        cModal.id = 'clbi-crop-modal';
        cModal.style.cssText =
            'display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:99999;align-items:center;justify-content:center;';

        cModal.innerHTML =
            '<div style="background:#1e1e1e;border:2px solid #854369;border-radius:12px;padding:24px;max-width:500px;width:90%;display:flex;flex-direction:column;gap:16px;">' +
                '<div style="font-size:14px;font-weight:700;color:#e2e2e2;">사진 조정</div>' +
                '<div style="width:100%;max-height:380px;overflow:hidden;border-radius:8px;">' +
                    '<img id="clbi-crop-image" style="max-width:100%;">' +
                '</div>' +
                '<div style="display:flex;gap:8px;justify-content:flex-end;">' +
                    '<button type="button" id="clbi-crop-cancel" style="background:#2a2a2a;color:#e2e2e2;border:1px solid #444;padding:8px 16px;border-radius:6px;cursor:pointer;">취소</button>' +
                    '<button type="button" id="clbi-crop-confirm" style="background:#854369;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;">확정</button>' +
                '</div>' +
            '</div>';

        document.body.appendChild(cModal);
    }

    var gModal = document.getElementById('clbi-gallery-modal');
    var cModal = document.getElementById('clbi-crop-modal');
    var cropImage = document.getElementById('clbi-crop-image');
    var pfpInput = document.getElementById('pref-pfp-input');

    function openGallery() {
        gModal.style.display = 'flex';

        var username = mw.config.get('wgUserName');
        api.get({
            action: 'query',
            titles: '파일:Pfp-' + username + '.png',
            prop: 'imageinfo',
            iiprop: 'url|timestamp',
            iilimit: 6
        }).then(function(data) {
            var pages = data.query.pages;
            var page = pages[Object.keys(pages)[0]];
            if (!page.imageinfo || page.imageinfo.length === 0) return;

            var historyEl = document.getElementById('clbi-gallery-history');
            var sectionEl = document.getElementById('clbi-gallery-history-section');
            historyEl.innerHTML = '';

            page.imageinfo.forEach(function(info, idx) {
                var wrap = document.createElement('div');
                wrap.style.cssText = 'position:relative;cursor:pointer;';

                var img = document.createElement('img');
                img.src = info.url;
                img.style.cssText =
                    'width:72px;height:72px;object-fit:cover;border-radius:8px;border:2px solid #444;flex-shrink:0;';

                if (idx === 0) {
                    img.style.borderColor = '#854369';
                    var badge = document.createElement('div');
                    badge.textContent = '현재';
                    badge.style.cssText =
                        'position:absolute;bottom:4px;left:50%;transform:translateX(-50%);background:#854369;color:#fff;font-size:9px;padding:1px 6px;border-radius:10px;';
                    wrap.appendChild(badge);
                }

                img.addEventListener('mouseenter', function() {
                    if (idx !== 0) img.style.borderColor = '#854369';
                });

                img.addEventListener('mouseleave', function() {
                    if (idx !== 0) img.style.borderColor = '#444';
                });

                img.addEventListener('click', function() {
                    fetch(info.url)
                        .then(function(r) {
                            return r.blob();
                        })
                        .then(function(blob) {
                            selectedFile = new File([blob], 'profile.png', { type: 'image/png' });
                            document.getElementById('pref-pfp-preview').src = URL.createObjectURL(blob);
                            gModal.style.display = 'none';
                            document.getElementById('pref-pfp-btn').textContent = '✓ 사진 선택됨';
                        });
                });

                wrap.appendChild(img);
                historyEl.appendChild(wrap);
            });

            sectionEl.style.display = 'block';
        });
    }

    function openCrop(src) {
        cropImage.src = src;
        cModal.style.display = 'flex';

        if (cropper) {
            cropper.destroy();
            cropper = null;
        }

        setTimeout(function() {
            cropper = new Cropper(cropImage, {
                aspectRatio: 1,
                viewMode: 1,
                dragMode: 'move',
                autoCropArea: 0.8,
                cropBoxResizable: true,
                cropBoxMovable: true
            });
        }, 150);
    }

    document.getElementById('pref-pfp-btn').addEventListener('click', function() {
        openGallery();
    });

    document.getElementById('clbi-gallery-upload-btn').addEventListener('click', function() {
        pfpInput.click();
    });

    document.getElementById('clbi-gallery-close').addEventListener('click', function() {
        gModal.style.display = 'none';
    });

    pfpInput.addEventListener('change', function() {
        var file = this.files[0];
        if (!file) return;

        gModal.style.display = 'none';

        var reader = new FileReader();
        reader.onload = function(e) {
            openCrop(e.target.result);
        };
        reader.readAsDataURL(file);
    });

    document.getElementById('clbi-crop-cancel').addEventListener('click', function() {
        cModal.style.display = 'none';
        if (cropper) {
            cropper.destroy();
            cropper = null;
        }
        pfpInput.value = '';
    });

    document.getElementById('clbi-crop-confirm').addEventListener('click', function() {
        if (!cropper) return;

        var canvas = cropper.getCroppedCanvas({ width: 256, height: 256 });
        if (!canvas) return;

        canvas.toBlob(function(blob) {
            selectedFile = new File([blob], 'profile.png', { type: 'image/png' });
            document.getElementById('pref-pfp-preview').src = URL.createObjectURL(blob);
            cModal.style.display = 'none';
            cropper.destroy();
            cropper = null;
            document.getElementById('pref-pfp-btn').textContent = '✓ 사진 선택됨';
        }, 'image/png');
    });

    var emailSaveBtn = document.getElementById('pref-email-save');
    if (emailSaveBtn) {
        emailSaveBtn.addEventListener('click', function() {
            var statusEl = document.getElementById('pref-email-status');
            var newEmail = document.getElementById('pref-new-email').value;
            var password = document.getElementById('pref-email-password').value;

            if (!newEmail || !password) {
                statusEl.textContent = '이메일과 비밀번호를 입력해주세요.';
                return;
            }

            statusEl.textContent = '변경 중...';

            api.postWithToken('csrf', {
                action: 'changeemail',
                email: newEmail,
                password: password
            }).then(function() {
                statusEl.textContent = '✓ 이메일 변경됨';
                document.getElementById('pref-new-email').value = '';
                document.getElementById('pref-email-password').value = '';

                setTimeout(function() {
                    statusEl.textContent = '';
                }, 3000);
            }).fail(function(code, data) {
                var msg = data && data.error && data.error.info ? data.error.info : '변경 실패';
                statusEl.textContent = msg;
            });
        });
    }

    saveBtn.addEventListener('click', function() {
        var statusEl = document.getElementById('pref-status');
        statusEl.textContent = '저장 중...';

        var promises = [];

        if (selectedFile) {
            var username = mw.config.get('wgUserName');
            promises.push(
                api.postWithToken('csrf', {
                    action: 'upload',
                    filename: 'Pfp-' + username + '.png',
                    ignorewarnings: true,
                    file: selectedFile,
                    format: 'json'
                }, {
                    contentType: 'multipart/form-data'
                })
            );
        }

        var fields = ['name', 'discord', 'role', 'bio'];

        for (var i = 0; i < fields.length; i++) {
            var el = document.getElementById('pref-' + fields[i]);
            if (!el) continue;

            promises.push(
                api.postWithToken('csrf', {
                    action: 'options',
                    optionname: 'profile-' + fields[i],
                    optionvalue: el.value
                })
            );
        }

        $.when.apply($, promises)
            .then(function() {
                statusEl.textContent = '✓ 저장됨';
                selectedFile = null;
                document.getElementById('pref-pfp-btn').textContent = '사진 선택';

                setTimeout(function() {
                    statusEl.textContent = '';
                }, 2000);
            })
            .fail(function() {
                statusEl.textContent = '저장 실패';
            });
    });
}

/* =========================================
   Banner / CRT Page Monitor thumbnail slices
   - base 이미지는 틀에 들어간 파일 문법 그대로 사용
   - slice 레이어에는 300px MediaWiki 썸네일만 삽입
   ========================================= */

(function ($, mw) {
    var thumbCache = {};

    function parseSliceWidth(value) {
        var parsed = parseInt(value, 10);

        if (!isFinite(parsed) || parsed < 120) {
            return 300;
        }

        return parsed;
    }

    function getImageSrc(img) {
        return img ? (img.currentSrc || img.getAttribute('src') || img.src || '') : '';
    }

    function getFileNameFromSrc(src) {
        var a;
        var parts;
        var fileName;

        if (!src) return '';

        a = document.createElement('a');
        a.href = src;

        parts = (a.pathname || '').split('/').filter(function (part) {
            return !!part;
        });

        if (!parts.length) return '';

        fileName = parts.pop();

        /*
         * MediaWiki thumb URL 예시:
         * /images/thumb/a/ab/File.png/1000px-File.png
         * /images/thumb/a/ab/File.svg/1000px-File.svg.png
         *
         * 이 경우 실제 파일명은 마지막 조각이 아니라 그 앞 조각이다.
         */
        if (/^\d+px-/.test(fileName) && parts.length) {
            fileName = parts.pop();
        }

        fileName = fileName.replace(/^\d+px-/, '');

        try {
            fileName = decodeURIComponent(fileName);
        } catch (e) {}

        return fileName;
    }

    function resolveThumbUrl(img, width, callback) {
        var src = getImageSrc(img);
        var fileName = getFileNameFromSrc(src);
        var cacheKey;
        var entry;

        if (!src) return;

        if (!fileName || !mw || !mw.loader) {
            callback(src);
            return;
        }

        cacheKey = fileName + '|' + width;
        entry = thumbCache[cacheKey];

        if (entry) {
            if (entry.resolved) {
                callback(entry.url || src);
            } else {
                entry.callbacks.push(callback);
            }
            return;
        }

        entry = {
            resolved: false,
            url: '',
            callbacks: [callback]
        };

        thumbCache[cacheKey] = entry;

        function finish(url) {
            var callbacks = entry.callbacks.slice();
            var i;

            entry.resolved = true;
            entry.url = url || src;
            entry.callbacks = [];

            for (i = 0; i < callbacks.length; i++) {
                callbacks[i](entry.url);
            }
        }

        mw.loader.using('mediawiki.api').done(function () {
            var api = new mw.Api();

            api.get({
                action: 'query',
                titles: 'File:' + fileName,
                prop: 'imageinfo',
                iiprop: 'url',
                iiurlwidth: width,
                formatversion: 2
            }).done(function (data) {
                var page;
                var info;

                if (
                    data &&
                    data.query &&
                    data.query.pages &&
                    data.query.pages.length
                ) {
                    page = data.query.pages[0];

                    if (
                        page &&
                        page.imageinfo &&
                        page.imageinfo.length
                    ) {
                        info = page.imageinfo[0];
                    }
                }

                finish((info && (info.thumburl || info.url)) || src);
            }).fail(function () {
                finish(src);
            });
        }).fail(function () {
            finish(src);
        });
    }

    function applySliceImages(frame, thumbUrl) {
        var slices;
        var i;
        var img;

        if (!frame || !thumbUrl) return;

        slices = frame.querySelectorAll('.crt-page-monitor-slice');

        for (i = 0; i < slices.length; i++) {
            slices[i].innerHTML = '';

            img = document.createElement('img');
            img.className = 'crt-page-monitor-slice-img';
            img.src = thumbUrl;
            img.alt = '';
            img.decoding = 'async';
            img.loading = 'eager';
            img.setAttribute('aria-hidden', 'true');

            slices[i].appendChild(img);
        }

        frame.setAttribute('data-crt-slices-ready', '1');
    }

    function initBannerFrame(frame) {
        var baseImg;
        var width;

        if (!frame) return;
        if (frame.getAttribute('data-crt-slices-ready') === '1') return;

        baseImg = frame.querySelector('.crt-page-monitor-image-base img');

        if (!baseImg) return;

        width = parseSliceWidth(frame.getAttribute('data-crt-slice-width'));

        resolveThumbUrl(baseImg, width, function (thumbUrl) {
            if (!frame || !frame.parentNode) return;
            applySliceImages(frame, thumbUrl);
        });
    }

    function initBannerFrames(root) {
        var scope = root && root.querySelectorAll ? root : document;
        var frames = scope.querySelectorAll('.crt-page-monitor-frame');
        var i;

        for (i = 0; i < frames.length; i++) {
            initBannerFrame(frames[i]);
        }
    }

    $(function () {
        initBannerFrames(document);
    });

    if (mw && mw.hook) {
        mw.hook('wikipage.content').add(function ($content) {
            initBannerFrames($content && $content[0] ? $content[0] : document);
        });
    }
})(jQuery, window.mw);

/* =========================================
   Doc Tab System — tab switching UI
   글리치 플리커 + RGB split + 방향 슬라이드
   ========================================= */

(function () {
    'use strict';

    function initDocTabs() {
        var tabBars = document.querySelectorAll('.doc-tab-bar');
        if (!tabBars.length) return;

        tabBars.forEach(function (bar) {
            if (bar.getAttribute('data-tabs-init')) return;
            bar.setAttribute('data-tabs-init', '1');

            var tabs = Array.from(bar.querySelectorAll('.doc-tab'));
            if (!tabs.length) return;

            var panel = bar.closest('.doc-panel');
            var display = panel ? panel.querySelector('.doc-display') : null;
            if (!display) display = document.getElementById('doc-main-display');
            if (!display) return;

            tabs.forEach(function (tab, i) {
                tab.addEventListener('click', function () {
                    var currentIdx = tabs.findIndex(function (t) {
                        return t.classList.contains('active');
                    });
                    if (currentIdx === i) return;
                    switchTab(tabs, display, i, i > currentIdx ? 1 : -1);
                });
            });

            var initIdx = tabs.findIndex(function (t) { return t.classList.contains('active'); });
            if (initIdx !== -1) {
                var initRef = tabs[initIdx].dataset.ref;
                var initEl = initRef ? document.getElementById(initRef) : null;
                display.innerHTML = initEl ? initEl.innerHTML : (tabs[initIdx].dataset.content || '');
            }
        });

    }

    var isAnimating = false;

    function switchTab(tabs, display, nextIdx, dir) {
        if (isAnimating) return;
        isAnimating = true;

        tabs.forEach(function (t) { t.classList.remove('active'); });
        tabs[nextIdx].classList.add('active');

        var ref = tabs[nextIdx].dataset.ref;
        var nextContent;
        if (ref) {
            var refEl = document.getElementById(ref);
            nextContent = refEl ? refEl.innerHTML : '';
        } else {
            nextContent = tabs[nextIdx].dataset.content || '';
        }

        glitchOut(display, dir, function () {
            display.innerHTML = nextContent;
            glitchIn(display, dir, function () {
                isAnimating = false;
            });
        });
    }

    function glitchOut(el, dir, cb) {
        var duration = 160;
        var start = null;
        var slideX = dir * 16;

        function step(ts) {
            if (!start) start = ts;
            var p = Math.min((ts - start) / duration, 1);
            var ease = p * p;

            var tx = slideX * ease;
            var skew = dir * ease * 1.0;
            var opacity = 1 - ease;
            var rgb = ease * 5;

            el.style.transform = 'translateX(' + tx + 'px) skewX(' + skew + 'deg)';
            el.style.opacity = opacity;
            el.style.filter =
                'drop-shadow(' + (-rgb) + 'px 0 0 rgba(80,160,255,0.75)) ' +
                'drop-shadow(' + rgb + 'px 0 0 rgba(255,55,90,0.65)) ' +
                'brightness(' + (1 + ease * 0.25) + ')';

            if (p < 1) {
                requestAnimationFrame(step);
            } else {
                el.style.opacity = '0';
                cb();
            }
        }
        requestAnimationFrame(step);
    }

    function glitchIn(el, dir, cb) {
        var duration = 200;
        var start = null;
        var startX = -dir * 16;

        el.style.transform = 'translateX(' + startX + 'px) skewX(' + (-dir * 1.0) + 'deg)';
        el.style.opacity = '0';

        function step(ts) {
            if (!start) start = ts;
            var p = Math.min((ts - start) / duration, 1);
            var ease = 1 - Math.pow(1 - p, 3);

            var tx = startX * (1 - ease);
            var skew = -dir * 1.0 * (1 - ease);
            var opacity = ease;
            var rgb = (1 - ease) * 3;
            var brightness = 1 + (1 - ease) * 0.35;

            el.style.transform = 'translateX(' + tx + 'px) skewX(' + skew + 'deg)';
            el.style.opacity = opacity;
            el.style.filter =
                'drop-shadow(' + (-rgb) + 'px 0 0 rgba(80,160,255,0.65)) ' +
                'drop-shadow(' + rgb + 'px 0 0 rgba(255,55,90,0.55)) ' +
                'brightness(' + brightness + ')';

            if (p < 1) {
                requestAnimationFrame(step);
            } else {
                el.style.transform = '';
                el.style.opacity = '';
                el.style.filter = '';
                cb();
            }
        }
        requestAnimationFrame(step);
    }

if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initDocTabs);
} else {
    initDocTabs();
}

if (typeof mw !== 'undefined' && mw.hook) {
    mw.hook('wikipage.content').add(function () {
        initDocTabs();
    });
}

})();

/* =========================================
   Doc Section Switch — 좌측 섹션 전환
   ========================================= */

$(document).on('click', '.doc-nav-item[data-section]', function () {
    var name = $(this).attr('data-section');
    var display = document.getElementById('doc-main-display');
    var titleEl = document.getElementById('doc-center-title');
    var tabBar = document.getElementById('doc-tab-bar-text');

    if (!display) return;

    $('.doc-nav-item[data-section]').removeClass('active');
    $('.doc-nav-item[data-section="' + name + '"]').addClass('active');

    if (name === 'text') {
        if (titleEl) titleEl.textContent = '개요';
        if (tabBar) $(tabBar).show();
        var activeTab = tabBar ? tabBar.querySelector('.doc-tab.active') : null;
        if (!activeTab && tabBar) activeTab = tabBar.querySelector('.doc-tab');
        if (activeTab) {
            var ref = activeTab.dataset.ref;
            var refEl = ref ? document.getElementById(ref) : null;
            display.innerHTML = refEl ? refEl.innerHTML : (activeTab.dataset.content || '');
        }
    } else {
        if (titleEl) titleEl.textContent = name === 'factions' ? '세력' : name === 'people' ? '인물' : name;
        if (tabBar) $(tabBar).hide();
        var refEl = document.getElementById('doc-content-' + name);
        display.innerHTML = refEl ? refEl.innerHTML : '';
    }
});

/* =========================================
   CRT WebGL Renderer — cool-retro-term IBM DOS style
   ========================================= */
(function () {
    'use strict';

    function createNoiseTexture(gl) {
        var size = 512;
        var data = new Uint8Array(size * size * 4);
        var s = 12345;
        function rand() {
            s = (s * 1664525 + 1013904223) & 0xffffffff;
            return (s >>> 0) / 0xffffffff;
        }
        for (var i = 0; i < data.length; i++) {
            data[i] = (rand() * 255) | 0;
        }
        var tex = gl.createTexture();
        gl.bindTexture(gl.TEXTURE_2D, tex);
        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, size, size, 0, gl.RGBA, gl.UNSIGNED_BYTE, data);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
        return tex;
    }

    var VERT = [
        'attribute vec2 a_pos;',
        'varying vec2 v_uv;',
        'void main() {',
        '  v_uv = vec2(a_pos.x * 0.5 + 0.5, 0.5 - a_pos.y * 0.5);',
        '  gl_Position = vec4(a_pos, 0.0, 1.0);',
        '}'
    ].join('\n');

    var FRAG = [
        'precision mediump float;',
        'uniform sampler2D u_tex;',
        'uniform sampler2D u_noise;',
        'uniform vec2 u_res;',
        'uniform vec2 u_imgSize;',
        'uniform float u_time;',
        'uniform vec2 u_noiseScale;',
        'varying vec2 v_uv;',

        'float sum2(vec2 v) { return v.x + v.y; }',
        'float min2(vec2 v) { return min(v.x, v.y); }',
        'float rgb2grey(vec3 v) { return dot(v, vec3(0.21, 0.72, 0.04)); }',

        'vec2 coverUV(vec2 uv) {',
        '  float imgAR = u_imgSize.x / u_imgSize.y;',
        '  float scrAR = u_res.x / u_res.y;',
        '  float scale = imgAR / scrAR;',
        '  float offsetY = (1.0 - scale) * 0.5;',
        '  return vec2(uv.x, uv.y * scale + offsetY);',
        '}',

        'vec2 barrel(vec2 v, vec2 cc, float k) {',
        '  float ar = u_res.x / u_res.y;',
        '  vec2 c2 = cc;',
        '  if (ar > 1.0) c2.x /= ar; else c2.y *= ar;',
        '  float dist = dot(c2, c2) * k;',
        '  return v - cc * (1.0 + dist) * dist;',
        '}',

        'vec4 sampleInitialNoise(float t) {',
        '  return texture2D(u_noise, vec2(fract(t/2048.0), fract(t/1048576.0)));',
        '}',

        'vec4 sampleScreenNoise(vec2 uv) {',
        '  return texture2D(u_noise, u_noiseScale * uv);',
        '}',

        'vec3 applyRgbShift(vec2 texUV, float shift) {',
        '  vec2 d = vec2(shift, 0.0);',
        '  vec3 r = texture2D(u_tex, clamp(texUV + d, 0.0, 1.0)).rgb;',
        '  vec3 c = texture2D(u_tex, texUV).rgb;',
        '  vec3 l = texture2D(u_tex, clamp(texUV - d, 0.0, 1.0)).rgb;',
        '  return vec3(',
        '    l.r*0.10 + r.r*0.30 + c.r*0.60,',
        '    l.g*0.20 + r.g*0.20 + c.g*0.60,',
        '    l.b*0.30 + r.b*0.10 + c.b*0.60',
        '  );',
        '}',

        'vec3 applyBloom(vec2 texUV, float strength) {',
        '  vec2 px = 2.0 / u_res;',
        '  vec3 acc = vec3(0.0);',
        '  acc += texture2D(u_tex, clamp(texUV + vec2( px.x,  0.0), 0.0, 1.0)).rgb;',
        '  acc += texture2D(u_tex, clamp(texUV + vec2(-px.x,  0.0), 0.0, 1.0)).rgb;',
        '  acc += texture2D(u_tex, clamp(texUV + vec2( 0.0,  px.y), 0.0, 1.0)).rgb;',
        '  acc += texture2D(u_tex, clamp(texUV + vec2( 0.0, -px.y), 0.0, 1.0)).rgb;',
        '  acc += texture2D(u_tex, clamp(texUV + vec2( px.x,  px.y), 0.0, 1.0)).rgb * 0.5;',
        '  acc += texture2D(u_tex, clamp(texUV + vec2(-px.x,  px.y), 0.0, 1.0)).rgb * 0.5;',
        '  acc += texture2D(u_tex, clamp(texUV + vec2( px.x, -px.y), 0.0, 1.0)).rgb * 0.5;',
        '  acc += texture2D(u_tex, clamp(texUV + vec2(-px.x, -px.y), 0.0, 1.0)).rgb * 0.5;',
        '  return acc / 6.0 * strength;',
        '}',

        'vec3 applyScanlines(vec2 uv, vec3 col) {',
        '  float line = mod(uv.y * u_res.y, 2.0);',
        '  vec3 hi = ((1.0 + 0.30) - 0.2 * col) * col;',
        '  vec3 lo = ((1.0 - 0.30) + 0.1 * col) * col;',
        '  return line < 1.0 ? lo : hi;',
        '}',

'vec3 applyRasterization(vec2 uv, vec3 col) {',
'  float t = u_time;',
'  vec2 noiseUV = uv + vec2(fract(t * 0.030), fract(t * 0.060));',
'  float wobbleX = (texture2D(u_noise, noiseUV * 0.8).r - 0.5) * 0.0018;',
'  float wobbleY = (texture2D(u_noise, noiseUV * 0.8 + 0.5).r - 0.5) * 0.0008;',
'  vec2 wobbledUV = clamp(uv + vec2(wobbleX, wobbleY), 0.0, 1.0);',
'  vec3 wobbled = texture2D(u_tex, wobbledUV).rgb;',
'  return mix(col, wobbled, 0.35);',
'}',

        'float glowingLine(vec2 uv, float t) {',
'  float pos = fract(t * 0.2);',
'  float lineY = pos * (u_res.y + 330.0) - 120.0;',
        '  float y = uv.y * u_res.y;',
        '  return fract(smoothstep(-300.0, 0.0, y - lineY));',
        '}',

        'vec2 applyHSync(vec2 uv, vec4 noise, float strength) {',
        '  float randval = strength - noise.r;',
        '  float scale = step(0.0, randval) * randval * strength;',
        '  float freq = mix(4.0, 40.0, noise.g);',
        '  uv.x += sin((uv.y + u_time * 0.001) * freq) * scale;',
        '  return uv;',
        '}',

        'void main() {',
        '  vec2 cc = vec2(0.5) - v_uv;',

        '  float curvature = 0.18;',
        '  vec2 uv = barrel(v_uv, cc, curvature);',

        '  float inScreen = min2(step(vec2(0.0), uv) - step(vec2(1.0), uv));',
        '  if (inScreen < 0.5) { gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0); return; }',

        '  vec2 texUV = clamp(coverUV(uv), 0.0, 1.0);',

        '  vec4 initNoise = sampleInitialNoise(u_time);',
        '  vec4 screenNoise = sampleScreenNoise(uv);',

        '  texUV = applyHSync(texUV, initNoise, 0.006);',
        '  texUV = clamp(texUV, 0.0, 1.0);',

        '  texUV += (vec2(screenNoise.b, screenNoise.a) - 0.5) * 0.0006;',
        '  texUV = clamp(texUV, 0.0, 1.0);',

        '  vec3 col = applyRgbShift(texUV, 0.003);',
        '  col += applyBloom(texUV, 0.22);',

        '  vec2 bpx = 1.5 / u_res;',
        '  vec3 blurCol = vec3(0.0);',
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2(-bpx.x, -bpx.y), 0.0, 1.0)).rgb;',
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2( 0.0,   -bpx.y), 0.0, 1.0)).rgb;',
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2( bpx.x, -bpx.y), 0.0, 1.0)).rgb;',
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2(-bpx.x,  0.0  ), 0.0, 1.0)).rgb;',
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2( bpx.x,  0.0  ), 0.0, 1.0)).rgb;',
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2(-bpx.x,  bpx.y), 0.0, 1.0)).rgb;',
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2( 0.0,    bpx.y), 0.0, 1.0)).rgb;',
        '  blurCol += texture2D(u_tex, clamp(texUV + vec2( bpx.x,  bpx.y), 0.0, 1.0)).rgb;',
        '  col = mix(col, blurCol / 8.0, 0.40);',

        '  col = applyScanlines(uv, col);',
        '  col = applyRasterization(texUV, col);',

        '  float glow = glowingLine(uv, u_time);',
'  col += glow * 0.08 * vec3(0.85, 0.95, 1.0);',

        '  float dist = length(cc);',
        '  col += screenNoise.a * 0.07 * (1.0 - dist * 1.3);',

        '  float grey = rgb2grey(col);',
        '  vec3 phosphor = vec3(0.75, 0.88, 1.0);',
        '  col = mix(col, grey * phosphor, 0.35);',

        '  vec2 vig = v_uv * (1.0 - v_uv);',
        '  col *= pow(vig.x * vig.y * 15.0, 0.25);',

        '  col *= 1.0 + (initNoise.g - 0.5) * 0.06;',

        '  col += vec3(0.012) * (1.0 - dist) * (1.0 - dist);',

        '  col = pow(clamp(col, 0.0, 1.0), vec3(0.90));',

        '  gl_FragColor = vec4(col, 1.0);',
        '}'
    ].join('\n');

    function initCRTCanvas(screen, imgEl) {
        var existing = screen.querySelector('.crt-webgl-canvas');
        if (existing) existing.remove();

        var canvas = document.createElement('canvas');
        canvas.className = 'crt-webgl-canvas';
        canvas.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;z-index:19;pointer-events:none;display:block;';
        screen.appendChild(canvas);

        var gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
        if (!gl) return;

        function compile(type, src) {
            var s = gl.createShader(type);
            gl.shaderSource(s, src);
            gl.compileShader(s);
            if (!gl.getShaderParameter(s, gl.COMPILE_STATUS)) {
                console.error('[CRT shader]', gl.getShaderInfoLog(s));
            }
            return s;
        }

        var prog = gl.createProgram();
        gl.attachShader(prog, compile(gl.VERTEX_SHADER, VERT));
        gl.attachShader(prog, compile(gl.FRAGMENT_SHADER, FRAG));
        gl.linkProgram(prog);
        gl.useProgram(prog);

        var buf = gl.createBuffer();
        gl.bindBuffer(gl.ARRAY_BUFFER, buf);
        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1,-1, 1,-1, -1,1, 1,1]), gl.STATIC_DRAW);
        var aPos = gl.getAttribLocation(prog, 'a_pos');
        gl.enableVertexAttribArray(aPos);
        gl.vertexAttribPointer(aPos, 2, gl.FLOAT, false, 0, 0);

        var uTex     = gl.getUniformLocation(prog, 'u_tex');
        var uNoise   = gl.getUniformLocation(prog, 'u_noise');
        var uRes     = gl.getUniformLocation(prog, 'u_res');
        var uImgSize = gl.getUniformLocation(prog, 'u_imgSize');
        var uTime    = gl.getUniformLocation(prog, 'u_time');
        var uNoiseSc = gl.getUniformLocation(prog, 'u_noiseScale');

        var imgTex = gl.createTexture();
        gl.activeTexture(gl.TEXTURE0);
        gl.bindTexture(gl.TEXTURE_2D, imgTex);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);

        gl.activeTexture(gl.TEXTURE1);
        createNoiseTexture(gl);

        var texReady = false;
        function uploadImg() {
            if (!imgEl || !imgEl.complete || !imgEl.naturalWidth) return;
            try {
                gl.activeTexture(gl.TEXTURE0);
                gl.bindTexture(gl.TEXTURE_2D, imgTex);
                gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, imgEl);
                texReady = true;
            } catch(e) { console.error('[CRT] tex:', e); }
        }

        var lastW = 0, lastH = 0;
        function resize() {
            var w = screen.offsetWidth, h = screen.offsetHeight;
            if (w === lastW && h === lastH) return;
            lastW = w; lastH = h;
            canvas.width = w; canvas.height = h;
            gl.viewport(0, 0, w, h);
        }

        var raf;
        var visualTime = 0;
        var lastVisualNow = 0;

        function render(now) {
            var delta;
            raf = requestAnimationFrame(render);

            if (!lastVisualNow) lastVisualNow = now;
            delta = Math.max(0, Math.min(100, now - lastVisualNow));
            lastVisualNow = now;

            if (document.hidden || isClbiCompositorBusy()) return;
            if (!texReady) { uploadImg(); return; }

            visualTime += delta;
            resize();
            var t = visualTime / 1000;
            gl.uniform1i(uTex, 0);
            gl.uniform1i(uNoise, 1);
            gl.uniform2f(uRes, canvas.width, canvas.height);
            gl.uniform2f(uImgSize, imgEl.naturalWidth, imgEl.naturalHeight);
            gl.uniform1f(uTime, t);
            gl.uniform2f(uNoiseSc, canvas.width / 512.0, canvas.height / 512.0);
            gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
        }

        if (imgEl.complete && imgEl.naturalWidth) { uploadImg(); }
        else { imgEl.addEventListener('load', uploadImg); }

        render();
        screen._crtCleanup = function () { cancelAnimationFrame(raf); };
    }

    function initAllCRTScreens(root) {
        var scope = root && root.querySelectorAll ? root : document;
        scope.querySelectorAll('.crt-page-monitor-screen').forEach(function (screen) {
            if (screen.getAttribute('data-crt-webgl') === '1') return;
            screen.setAttribute('data-crt-webgl', '1');
            var frame = screen.closest('.crt-page-monitor-frame');
            if (!frame) return;
            var imgEl = frame.querySelector('.crt-page-monitor-slice-img, .crt-page-monitor-image-base img');
            if (imgEl && imgEl.complete && imgEl.naturalWidth) {
                initCRTCanvas(screen, imgEl);
            } else if (imgEl) {
                imgEl.addEventListener('load', function () { initCRTCanvas(screen, imgEl); });
            } else {
                var obs = new MutationObserver(function () {
                    var img = frame.querySelector('.crt-page-monitor-slice-img');
                    if (!img) return;
                    obs.disconnect();
                    if (img.complete && img.naturalWidth) {
                        initCRTCanvas(screen, img);
                    } else {
                        img.addEventListener('load', function () { initCRTCanvas(screen, img); });
                    }
                });
                obs.observe(frame, { childList: true, subtree: true });
            }
        });
    }

    $(function () { initAllCRTScreens(document); });

    if (typeof mw !== 'undefined' && mw.hook) {
        mw.hook('wikipage.content').add(function ($c) {
            document.querySelectorAll('.crt-page-monitor-screen').forEach(function (s) {
                if (s._crtCleanup) s._crtCleanup();
                s.removeAttribute('data-crt-webgl');
            });
            initAllCRTScreens($c && $c[0] ? $c[0] : document);
        });
    }
})();

/* =========================================
Progress System UI
MediaWiki:Common.js controlled frontend
========================================= */
(function (mw, $) {
    'use strict';

    if (window.ProgressSystemWebUiInitialized) return;
    window.ProgressSystemWebUiInitialized = true;

    var api = null;

    function withApi(done, fail) {
        if (api) {
            done(api);
            return;
        }

        if (!mw.loader || typeof mw.loader.using !== 'function') {
            if (typeof fail === 'function') fail();
            return;
        }

        mw.loader.using(['mediawiki.api']).then(function () {
            api = new mw.Api();
            done(api);
        }, function () {
            if (typeof fail === 'function') fail();
        });
    }

    var inFlightPageIds = new Set();
    var handledPageIds = new Set();
    var notificationQueue = [];
    var notificationActive = false;
    var summaryRequested = false;
    var currentSummary = null;
    var pendingSummary = null;
    var pendingOptions = null;
    var visibilityBound = false;
    var barTimerA = null;
    var barTimerB = null;
    var barTimerC = null;
    var summaryRetryTimer = null;
    var summaryRetryAttempts = 0;

    function isLoggedIn() {
        return !!mw.config.get('wgUserName');
    }

    function getPageId() {
        var id = parseInt(mw.config.get('wgArticleId') || 0, 10);
        return Number.isFinite(id) ? id : 0;
    }

    function isRewardableClientSide() {
        if (!isLoggedIn()) return false;
        if (parseInt(mw.config.get('wgNamespaceNumber'), 10) !== 0) return false;
        if (mw.config.get('wgIsMainPage')) return false;
        if (getPageId() <= 0) return false;
        return true;
    }

    function getPanelHtml() {
        return '' +
            '<div id="progress-panel" class="profile-progress-block is-syncing" aria-live="polite" data-progress-state="syncing">' +
                '<div class="progress-title-row" hidden></div>' +
                '<div class="progress-level-row">' +
                    '<span class="progress-level-label">SYNC</span>' +
                    '<span class="progress-total-xp">— XP</span>' +
                '</div>' +
                '<div class="progress-xp-bar" aria-hidden="true">' +
                    '<div class="progress-xp-gain"></div>' +
                    '<div class="progress-xp-fill"></div>' +
                '</div>' +
                '<div class="progress-sub-row">' +
                    '<span class="progress-xp-next">SYNCING</span>' +
                    '<span class="progress-daily-xp">TODAY —</span>' +
                '</div>' +
                '<div class="progress-discovery-row">DISCOVERED —</div>' +
            '</div>';
    }

    function getDividerHtml() {
        /* 프로필 패널 최신 규칙: 레벨 패널과 버튼 영역 사이에 별도 나눔선은 만들지 않는다. */
        return '';
    }

    function setPanelSync($panel) {
        if (!$panel || !$panel.length) return;

        $panel.addClass('is-syncing').removeClass('is-max-level').attr('data-progress-state', 'syncing');
        $panel.find('.progress-title-row').text('').prop('hidden', true);
        $panel.find('.progress-level-label').text('SYNC');
        $panel.find('.progress-total-xp').text('— XP');
        $panel.find('.progress-xp-next').text('SYNCING');
        $panel.find('.progress-daily-xp').text('TODAY —');
        $panel.find('.progress-discovery-row').text('DISCOVERED —');
        $panel.find('.progress-xp-fill').css({ transition: 'none', width: '0%' });
        $panel.find('.progress-xp-gain').css({ transition: 'none', width: '0%', opacity: 0 });
    }

    function placePanel($panel) {
        var $right = $('#clbi-right-sidebar');
        if (!$right.length) return false;

        var $userBox = $right.children('.clbi-right-box').first();
        if (!$userBox.length) return false;

        var $buttonArea = $userBox.children('.clbi-right-content').first();
        var $oldFallback = $panel.closest('.progress-panel-fallback');

        if ($buttonArea.length) {
            var $divider = $('#profile-progress-divider');

            $panel.insertBefore($buttonArea);

            if (!$divider.length) {
                $divider = $(getDividerHtml());
            }

            $divider.insertAfter($panel);
        } else {
            $('#profile-progress-divider').remove();
            $userBox.append($panel);
        }

        if ($oldFallback.length && !$oldFallback.find('#progress-panel').length) {
            $oldFallback.remove();
        }

        return true;
    }

    function ensurePanel() {
        if (!isLoggedIn()) return $();

        var $right = $('#clbi-right-sidebar');
        if (!$right.length) return $();

        var $panel = $('#progress-panel');

        if (!$panel.length) {
            $panel = $(getPanelHtml());
            if (!placePanel($panel)) return $();
            setPanelSync($panel);
        } else {
            $panel.addClass('profile-progress-block');
            placePanel($panel);

            if (!currentSummary && $panel.attr('data-progress-state') !== 'syncing') {
                setPanelSync($panel);
            }
        }

        return $('#progress-panel');
    }

    function clampPercent(value) {
        return Math.max(0, Math.min(100, value || 0));
    }

    function hasXpNotification(items) {
        if (!items || !items.length) return false;
        return items.some(function (item) {
            return item && item.type === 'xp' && parseInt(item.amount || 0, 10) > 0;
        });
    }

    function clearBarTimers() {
        [barTimerA, barTimerB, barTimerC].forEach(function (timer) {
            if (timer) clearTimeout(timer);
        });
        barTimerA = null;
        barTimerB = null;
        barTimerC = null;
    }

    function setBarInstant($fill, $gain, percent) {
        clearBarTimers();
        percent = clampPercent(percent);
        $fill.css({ transition: 'none', width: percent + '%' });
        $gain.css({ transition: 'none', left: '0%', width: '0%', opacity: 0 });
        if ($fill[0]) $fill[0].offsetHeight;
        $fill.css({ transition: '' });
        $gain.css({ transition: '' });
    }

    function animateGain($fill, $gain, fromPercent, toPercent, levelChanged) {
        clearBarTimers();

        fromPercent = clampPercent(fromPercent);
        toPercent = clampPercent(toPercent);

        $fill.css({ transition: 'none', width: fromPercent + '%' });

        if (levelChanged) {
            var firstDelta = Math.max(0, 100 - fromPercent);

            $gain.css({
                transition: 'none',
                opacity: firstDelta > 0 ? 1 : 0,
                left: fromPercent + '%',
                width: firstDelta + '%'
            });

            if ($fill[0]) $fill[0].offsetHeight;

            barTimerA = setTimeout(function () {
                $fill.css({
                    transition: 'width 540ms cubic-bezier(0.22, 0.7, 0.18, 1)',
                    width: '100%'
                });
            }, 260);

            barTimerB = setTimeout(function () {
                $fill.css({ transition: 'none', width: '0%' });
                $gain.css({ transition: 'none', opacity: toPercent > 0 ? 1 : 0, left: '0%', width: toPercent + '%' });

                if ($fill[0]) $fill[0].offsetHeight;

                $fill.css({
                    transition: 'width 460ms cubic-bezier(0.22, 0.7, 0.18, 1)',
                    width: toPercent + '%'
                });
            }, 860);

            barTimerC = setTimeout(function () {
                $gain.css({ transition: 'opacity 180ms ease', opacity: 0 });
            }, 1380);

            return;
        }

        var delta = Math.max(0, toPercent - fromPercent);

        if (delta <= 0.15) {
            setBarInstant($fill, $gain, toPercent);
            return;
        }

        $gain.css({
            transition: 'none',
            opacity: 1,
            left: fromPercent + '%',
            width: delta + '%'
        });

        if ($fill[0]) $fill[0].offsetHeight;

        barTimerA = setTimeout(function () {
            $fill.css({
                transition: 'width 560ms cubic-bezier(0.22, 0.7, 0.18, 1)',
                width: toPercent + '%'
            });
        }, 260);

        barTimerB = setTimeout(function () {
            $gain.css({ transition: 'opacity 180ms ease', opacity: 0 });
        }, 940);
    }

    function updatePanel(summary, options) {
        if (!summary) return;

        options = options || {};

        var $panel = ensurePanel();
        if (!$panel.length) {
            pendingSummary = $.extend({}, summary);
            pendingOptions = $.extend({}, options);
            return;
        }

        var level = summary.level || 1;
        var totalXp = summary.totalXp || 0;
        var xpIntoLevel = summary.xpIntoLevel || 0;
        var xpForNext = summary.xpForNextLevel || 1;
        var percent = clampPercent(summary.progressPercent);
        var isMaxLevel = !!summary.isMaxLevel;
        var dailyXp = summary.dailyXp || 0;
        var discoveries = summary.discoveryCount || 0;
        var title = summary.equippedTitle || summary.title || '';

        $panel.removeClass('is-syncing').toggleClass('is-max-level', isMaxLevel).attr('data-progress-state', 'ready');
        $panel.find('.progress-level-label').text((isMaxLevel ? 'MAX ' : 'LVL ') + level);
        $panel.find('.progress-total-xp').text(totalXp + ' XP');
        $panel.find('.progress-xp-next').text(isMaxLevel ? 'MAX LEVEL' : (xpIntoLevel + ' / ' + xpForNext + ' TO NEXT'));
        $panel.find('.progress-daily-xp').text('TODAY ' + dailyXp + ' XP');
        $panel.find('.progress-discovery-row').text('DISCOVERED ' + discoveries);

        var $title = $panel.find('.progress-title-row');
        if (title) {
            $title.text(title).prop('hidden', false);
        } else {
            $title.text('').prop('hidden', true);
        }

        var $fill = $panel.find('.progress-xp-fill');
        var $gain = $panel.find('.progress-xp-gain');
        var animate = !!options.animateGain && currentSummary && totalXp > (currentSummary.totalXp || 0);

        if (animate) {
            animateGain(
                $fill,
                $gain,
                clampPercent(currentSummary.progressPercent),
                percent,
                level !== (currentSummary.level || 1)
            );
        } else {
            setBarInstant($fill, $gain, percent);
        }

        currentSummary = $.extend({}, summary);
        pendingSummary = null;
        pendingOptions = null;
        if (summaryRetryTimer) {
            clearTimeout(summaryRetryTimer);
            summaryRetryTimer = null;
        }
        summaryRetryAttempts = 0;
    }

    function clearSummaryRetry() {
        if (summaryRetryTimer) clearTimeout(summaryRetryTimer);
        summaryRetryTimer = null;
        summaryRetryAttempts = 0;
    }

    function scheduleSummaryRetry(delay) {
        if (!isLoggedIn()) return;
        if (summaryRetryTimer) return;
        if (summaryRetryAttempts >= 12) return;

        summaryRetryAttempts += 1;
        summaryRetryTimer = setTimeout(function () {
            summaryRetryTimer = null;
            requestSummary();
        }, delay || 1800);
    }

    function requestSummary() {
        if (!isLoggedIn()) return;
        if (summaryRequested) return;

        summaryRequested = true;

        withApi(function (api) {
            api.get({
                action: 'progress_summary',
                format: 'json',
                formatversion: 2
            }).then(function (data) {
                var payload = data && data.progress_summary;
                if (payload && payload.available && payload.summary) {
                    clearSummaryRetry();
                    updatePanel(payload.summary, { animateGain: false });
                } else {
                    scheduleSummaryRetry(2200);
                }
            }).catch(function () {
                scheduleSummaryRetry(2200);
            }).always(function () {
                summaryRequested = false;
            });
        }, function () {
            summaryRequested = false;
            scheduleSummaryRetry(2200);
        });
    }

    function queueNotifications(items) {
        if (!items || !items.length) return;

        items.forEach(function (item) {
            if (!item) return;
            notificationQueue.push(item);
        });

        showNextNotification();
    }

    function notificationText(item) {
        if (item.type === 'xp') {
            return '+' + (item.amount || 0) + ' XP · ' + (item.label || '문서 열람');
        }

        if (item.type === 'achievement') {
            var xp = item.amount ? ' · +' + item.amount + ' XP' : '';
            return '업적 달성 · ' + (item.label || '새 업적') + xp;
        }

        if (item.type === 'level') {
            return item.label || '레벨 상승';
        }

        return item.label || '보상 획득';
    }

    function showNextNotification() {
        if (notificationActive) return;
        if (!notificationQueue.length) return;

        notificationActive = true;
        var item = notificationQueue.shift();
        var $root = $('#progress-toast-root');

        if (!$root.length) {
            $('body').append('<div id="progress-toast-root"></div>');
            $root = $('#progress-toast-root');
        }

        var $toast = $('<div class="progress-toast"></div>');
        $toast.text(notificationText(item));
        $root.append($toast);

        requestAnimationFrame(function () {
            $toast.addClass('is-visible');
        });

        setTimeout(function () {
            $toast.removeClass('is-visible');
            setTimeout(function () {
                $toast.remove();
                notificationActive = false;
                showNextNotification();
            }, 220);
        }, 2600);
    }

    function applyPendingSummaryIfPossible() {
        if (!pendingSummary) return;
        updatePanel(pendingSummary, pendingOptions || { animateGain: false });
    }

    function handlePageView() {
        ensurePanel();
        applyPendingSummaryIfPossible();

        if (!isRewardableClientSide()) {
            requestSummary();
            return;
        }

        var pageId = getPageId();
        if (handledPageIds.has(pageId)) {
            requestSummary();
            return;
        }

        if (inFlightPageIds.has(pageId)) {
            requestSummary();
            return;
        }

        inFlightPageIds.add(pageId);

        withApi(function (api) {
            api.postWithToken('csrf', {
                action: 'progress_view',
                format: 'json',
                formatversion: 2,
                errorformat: 'plaintext',
                pageid: pageId
            }).then(function (data) {
                var payload = data && data.progress_view;
                if (!payload) return;

                handledPageIds.add(pageId);

                var animate = hasXpNotification(payload.notifications);

                if (payload.summary) {
                    updatePanel(payload.summary, { animateGain: animate });
                }

                if (payload.notifications && payload.notifications.length) {
                    queueNotifications(payload.notifications);
                }
            }).catch(function () {
                requestSummary();
            }).always(function () {
                inFlightPageIds.delete(pageId);
            });
        }, function () {
            inFlightPageIds.delete(pageId);
            requestSummary();
        });
    }

    function bindVisibilitySync() {
        if (visibilityBound) return;
        visibilityBound = true;

        document.addEventListener('visibilitychange', function () {
            if (document.visibilityState === 'visible') {
                requestSummary();
            }
        });
    }

    function bootProgressSystem(reason) {
        ensurePanel();
        applyPendingSummaryIfPossible();

        if (isRewardableClientSide()) {
            handlePageView();
        } else {
            requestSummary();
        }

        setTimeout(function () {
            ensurePanel();
            applyPendingSummaryIfPossible();
            requestSummary();
        }, 350);

        setTimeout(function () {
            ensurePanel();
            applyPendingSummaryIfPossible();
            requestSummary();
        }, 1500);
    }

    function handleSpaPageView() {
        ensurePanel();
        applyPendingSummaryIfPossible();

        requestAnimationFrame(function () {
            setTimeout(function () {
                handlePageView();
            }, 80);
        });
    }

    function applySummary(summary, options) {
        updatePanel(summary, options || { animateGain: false });
    }

    window.ProgressSystemWebUi = {
        boot: bootProgressSystem,
        requestSummary: requestSummary,
        applySummary: applySummary,
        handlePageView: handlePageView,
        handleSpaPageView: handleSpaPageView,
        ensurePanel: ensurePanel
    };

    $(function () {
        bindVisibilitySync();
        bootProgressSystem('documentReady');
    });

    mw.hook('wikipage.content').add(function () {
        ensurePanel();
        applyPendingSummaryIfPossible();
        setTimeout(function () {
            ensurePanel();
            applyPendingSummaryIfPossible();
            requestSummary();
        }, 120);
    });
})(mediaWiki, jQuery);


/* CLBI Nations / Historical Events year tabs
 * Mirrors the country information panel model:
 * active tab uses .is-active/aria-selected and inactive pages use hidden.
 */
(function (mw, $) {
    'use strict';

    function activateClbiNationsHistoryYear(panel, targetYear) {
        var tabs;
        var pages;

        if (!panel || !targetYear) return false;

        tabs = Array.prototype.slice.call(panel.querySelectorAll('.clbi-nations-history-year-button[data-year]'));
        pages = Array.prototype.slice.call(panel.querySelectorAll('.clbi-nations-history-page[data-year-panel]'));

        if (!tabs.length || !pages.length) return false;

        tabs.forEach(function (tab) {
            var active = tab.getAttribute('data-year') === targetYear;
            tab.classList.toggle('is-active', active);
            tab.setAttribute('aria-selected', active ? 'true' : 'false');
            tab.setAttribute('tabindex', active ? '0' : '-1');
        });

        pages.forEach(function (page) {
            var active = page.getAttribute('data-year-panel') === targetYear;
            page.classList.toggle('is-active', active);

            if (active) {
                page.removeAttribute('hidden');
            } else {
                page.setAttribute('hidden', 'hidden');
            }
        });

        return true;
    }

    function moveClbiNationsHistoryYear(panel, direction) {
        var tabs;
        var activeIndex;
        var nextIndex;
        var target;

        if (!panel) return false;

        tabs = Array.prototype.slice.call(panel.querySelectorAll('.clbi-nations-history-year-button[data-year]'));
        if (!tabs.length) return false;

        activeIndex = tabs.findIndex(function (tab) {
            return tab.classList.contains('is-active') || tab.getAttribute('aria-selected') === 'true';
        });

        if (activeIndex < 0) activeIndex = 0;

        nextIndex = (activeIndex + direction + tabs.length) % tabs.length;
        target = tabs[nextIndex].getAttribute('data-year');

        if (activateClbiNationsHistoryYear(panel, target)) {
            tabs[nextIndex].focus();
            return true;
        }

        return false;
    }

    function initClbiNationsHistoryYearTabs(root) {
        var scope = root && root.querySelectorAll ? root : document;
        var panels = scope.querySelectorAll('.clbi-nations-history-panel');

        Array.prototype.forEach.call(panels, function (panel) {
            if (panel.getAttribute('data-clbi-history-tabs-ready') === '1') return;

            panel.setAttribute('data-clbi-history-tabs-ready', '1');

            panel.addEventListener('click', function (event) {
                var tab = event.target.closest ? event.target.closest('.clbi-nations-history-year-button[data-year]') : null;

                if (!tab || !panel.contains(tab)) return;

                if (activateClbiNationsHistoryYear(panel, tab.getAttribute('data-year'))) {
                    event.preventDefault();
                }
            });

            panel.addEventListener('keydown', function (event) {
                var tab = event.target.closest ? event.target.closest('.clbi-nations-history-year-button[data-year]') : null;
                var handled = false;

                if (!tab || !panel.contains(tab)) return;

                if (event.key === 'ArrowLeft') handled = moveClbiNationsHistoryYear(panel, -1);
                else if (event.key === 'ArrowRight') handled = moveClbiNationsHistoryYear(panel, 1);
                else if (event.key === 'Home') handled = activateClbiNationsHistoryYear(panel, (panel.querySelector('.clbi-nations-history-year-button[data-year]') || {}).getAttribute && panel.querySelector('.clbi-nations-history-year-button[data-year]').getAttribute('data-year'));
                else if (event.key === 'End') {
                    var tabs = panel.querySelectorAll('.clbi-nations-history-year-button[data-year]');
                    var last = tabs[tabs.length - 1];
                    handled = last ? activateClbiNationsHistoryYear(panel, last.getAttribute('data-year')) : false;
                    if (handled) last.focus();
                }

                if (handled) {
                    event.preventDefault();
                    event.stopPropagation();
                }
            });
        });
    }

    window.initClbiNationsHistoryYearTabs = initClbiNationsHistoryYearTabs;

    $(function () {
        initClbiNationsHistoryYearTabs(document);
    });

    if (mw && mw.hook) {
        mw.hook('wikipage.content').add(function ($content) {
            initClbiNationsHistoryYearTabs($content && $content[0] ? $content[0] : document);
        });
    }
})(mediaWiki, jQuery);


/* =========================================
   Decoration runtime renderer
   ========================================= */
(function (mw) {
    'use strict';

    var REGISTRY_TITLE = 'MediaWiki:Decorations.json';
    var RENDERED_ATTR = 'data-wiki-decoration-rendered';
    var HOST_ATTR = 'data-wiki-decoration-host';
    var MAIN_PAGE_PLACEMENT = 'main-body-well';
    var MAIN_PAGE_TARGET = '.main-portal .main-body-well';
    var runtimeToken = 0;
    var lastRegistry = null;
    var lastRenderedPageKey = '';
    var scheduledRender = 0;
    var nationsPlacementObserver = null;
    var observedNationsStack = null;
    var mainPagePlacementObserver = null;
    var mainPagePlacementMutationObserver = null;
    var observedMainPagePortal = null;
    var scheduledMainPageRebase = 0;
    var pixelAssetCache = {};
    var pixelCanvasCache = {};

    function normalizePageName(value) {
        return String(value || '')
            .split('?')[0]
            .replace(/^\/index\.php\//, '')
            .replace(/_/g, ' ')
            .trim();
    }

    function currentPageKey() {
        var raw = mw && mw.config ? String(mw.config.get('wgPageName') || '') : '';
        return normalizePageName(raw) || raw || '대문';
    }

    function ensureMainPageBodyWell() {
        var portal;
        var topMount;
        var panel;
        var well;
        var manifesto;

        if (currentPageKey() !== '대문') return null;

        portal = document.querySelector('.main-portal');
        if (!portal) return null;

        topMount = portal.querySelector('[data-component="category-nav"]');
        panel = portal.querySelector('.main-body-panel');
        well = portal.querySelector('.main-body-well');
        manifesto = portal.querySelector('.main-manifesto');

        if (!panel) {
            panel = document.createElement('div');
            panel.className = 'main-body-panel';
            panel.setAttribute('data-main-body-panel-generated', '1');

            if (topMount && topMount.parentNode) {
                if (topMount.nextSibling) {
                    topMount.parentNode.insertBefore(panel, topMount.nextSibling);
                } else {
                    topMount.parentNode.appendChild(panel);
                }
            } else {
                portal.appendChild(panel);
            }
        }

        if (!well) {
            well = document.createElement('div');
            well.className = 'main-body-well';
            well.setAttribute('data-main-body-well-generated', '1');
            panel.appendChild(well);
        } else if (well.parentNode !== panel) {
            panel.appendChild(well);
        }

        if (manifesto && manifesto.parentNode !== well) {
            well.insertBefore(manifesto, well.firstChild);
        }

        return well;
    }


    function cssAttrEscape(value) {
        return String(value || '').replace(/\\/g, '\\\\').replace(/"/g, '\\"');
    }

    function getActiveNationsEra() {
        var content = document.querySelector('.clbi-nations-era-content.is-active[data-era-content]:not([hidden])');
        var title;
        var globe;

        if (content) return content.getAttribute('data-era-content') || '';

        title = document.querySelector('.clbi-nations-era-title-plate.is-active[data-era]');
        if (title) return title.getAttribute('data-era') || '';

        globe = document.querySelector('.clbi-nations-globe-window[data-nations-globe]');
        if (globe) {
            return globe.getAttribute('data-current-era') || globe.getAttribute('data-nations-current-era') || globe.getAttribute('data-era-year') || '';
        }

        return '';
    }

    function getActiveNationsEraPanel() {
        var era = getActiveNationsEra();
        var selector;
        if (!era) return document.querySelector('.clbi-nations-era-content.is-active[data-era-content]:not([hidden])');
        selector = '.clbi-nations-era-content[data-era-content="' + cssAttrEscape(era) + '"]';
        return document.querySelector(selector) || document.querySelector('.clbi-nations-era-content.is-active[data-era-content]:not([hidden])');
    }

    function getActiveNationsContinent() {
        var eraPanel = getActiveNationsEraPanel();
        var root = eraPanel || document;
        var tab = root.querySelector('.clbi-nations-tabpanel-tab.is-active[data-continent], .clbi-nations-tabpanel-tab[aria-selected="true"][data-continent]');
        var panel;

        if (tab) return tab.getAttribute('data-continent') || '';

        panel = root.querySelector('.clbi-nations-tabpanel-continent.is-active[data-continent-panel]');
        if (panel) return panel.getAttribute('data-continent-panel') || '';

        return '';
    }

    function getDecorationNationsBodySelector(era) {
        if (era) {
            return '.clbi-nations-era-content[data-era-content="' + cssAttrEscape(era) + '"] .clbi-nations-tabpanel-body';
        }
        return '.clbi-nations-era-content.is-active[data-era-content]:not([hidden]) .clbi-nations-tabpanel-body, .clbi-nations-tabpanel-body';
    }

    /*
    Decoration semantic placement resolver
    -----------------------------------------
    장식 저장 데이터의 placement 값은 "사용자가 고른 의미상 위치"를 나타낸다.
    resolver는 그 의미값을 실제 DOM 부착 위치와 표시 조건으로 번역한다.

    예: 시대 문서에서 사용자가 1950년 / 아메리카를 지정하면 의미상 scope는
    그 조합이지만, 이미지를 붙일 기준면은 대륙 패널 자체가 아니라
    .clbi-nations-tabpanel-body이다. 따라서 placement=nations-continent-body는
    .clbi-nations-tabpanel-body에 이미지를 붙이고, 현재 활성 연도와 대륙이 저장값과
    일치할 때만 렌더링한다.

    유지보수 규칙:
    - 새 조합형 문서가 생기면 entry.target을 매번 특수하게 저장하지 말고 placement를 추가한다.
    - DevTools.js 에디터 미리보기와 Common.js 런타임 렌더러의 resolver는 같은 의미를 가져야 한다.
    - target은 물리적 기준면, era/continent 같은 필드는 표시 조건으로 다룬다.
    */
    function shouldUseNationsBodyPlacement(entry) {
        var placement = String(entry && entry.placement || '').trim();
        var target = String(entry && entry.target || '').trim();
        var era = String(entry && entry.era || '').trim();
        var continent = String(entry && entry.continent || '').trim();

        if (!document.querySelector('.clbi-nations-panel-stack')) return false;
        if (placement === 'nations-continent-body') return true;
        if (era || continent) return true;
        if (target.indexOf('clbi-nations-tabpanel-continent') !== -1) return true;
        return false;
    }

    function resolveDecorationPlacement(entry) {
        var placement = String(entry && entry.placement || '').trim();
        var selector = String(entry && entry.target || '').trim() || '.liberty-content-main';
        var era = String(entry && entry.era || '').trim();
        var continent = String(entry && entry.continent || '').trim();
        var target;

        if (!placement && shouldUseNationsBodyPlacement(entry)) {
            placement = 'nations-continent-body';
        }

        if (placement === 'boot-gate' || placement === 'loading-screen') {
            selector = '#boot-gate-screen .boot-gate-decoration-layer, #boot-gate-screen';
            target = document.querySelector(selector);
            return {
                placement: placement,
                target: target,
                targetSelector: selector,
                visible: !!document.getElementById('boot-gate-screen')
            };
        }

        if (placement === 'nations-continent-body') {
            selector = getDecorationNationsBodySelector(era);
            target = document.querySelector(selector) || document.querySelector('.clbi-nations-tabpanel-body') || document.querySelector(String(entry && entry.target || '').trim());
            return {
                placement: placement,
                target: target,
                targetSelector: selector,
                visible: (!era || era === getActiveNationsEra()) && (!continent || continent === getActiveNationsContinent())
            };
        }

        /*
        대문의 일반 장식은 저장된 target과 관계없이 본문 우물 안에서 렌더링한다.
        우물이 overflow:hidden이므로 #1d1d1d 프레임 밖으로 나갈 수 없다.
        boot/loading 및 국가 패널 전용 placement는 위 분기에서 기존 동작을 유지한다.
        */
        var mainPageWell = ensureMainPageBodyWell();
        if (mainPageWell) {
            return {
                placement: MAIN_PAGE_PLACEMENT,
                target: mainPageWell,
                targetSelector: MAIN_PAGE_TARGET,
                visible: true
            };
        }

        return {
            placement: placement,
            target: document.querySelector(selector),
            targetSelector: selector,
            visible: true
        };
    }

    function normalizeNumber(value, fallback) {
        var n = parseFloat(value);
        return Number.isFinite(n) ? n : fallback;
    }

    function normalizeBool(value, fallback) {
        if (value === true || value === 'true' || value === '1' || value === 1) return true;
        if (value === false || value === 'false' || value === '0' || value === 0) return false;
        return fallback;
    }

    function normalizeSrc(src) {
        src = String(src || '').trim();
        if (!src) return '';
        if (/^(?:https?:)?\/\//i.test(src) || src.charAt(0) === '/' || src.indexOf('data:') === 0 || src.indexOf('blob:') === 0) return src;
        return '/index.php/Special:Redirect/file/' + encodeURIComponent(src);
    }


    function normalizeAssetType(entry) {
        var type = String(entry && entry.assetType || '').trim().toLowerCase();
        var ref = String(entry && (entry.asset || entry.src) || '').trim();

        if (type === 'clbi-pixel-json' || type === 'pixel-rle' || type === 'pixel-json') return 'pixel-json';
        if (!type && /\.json(?:[?#].*)?$/i.test(ref)) return 'pixel-json';
        return type || 'image';
    }

    function isPixelJsonDecoration(entry) {
        return normalizeAssetType(entry) === 'pixel-json';
    }

    function getPixelJsonRef(entry) {
        return String(entry && (entry.asset || entry.src) || '').trim();
    }

    function normalizePixelJsonUrl(ref) {
        ref = String(ref || '').trim();
        if (!ref) return '';
        if (/^(?:https?:)?\/\//i.test(ref) || ref.charAt(0) === '/' || ref.indexOf('data:') === 0 || ref.indexOf('blob:') === 0) return ref;
        if (/^(?:file|파일):/i.test(ref)) return '/index.php/Special:Redirect/file/' + encodeURIComponent(ref.replace(/^(?:file|파일):/i, ''));
        if (mw && mw.util && typeof mw.util.getUrl === 'function') {
            if (ref.indexOf(':') !== -1) {
                return mw.util.getUrl(ref, { action: 'raw', ctype: 'application/json' });
            }
            return mw.util.getUrl('MediaWiki:' + ref, { action: 'raw', ctype: 'application/json' });
        }
        return ref;
    }

    function parsePixelColor(value) {
        var text;
        var m;
        if (Array.isArray(value)) {
            return [
                Math.max(0, Math.min(255, Number(value[0]) || 0)),
                Math.max(0, Math.min(255, Number(value[1]) || 0)),
                Math.max(0, Math.min(255, Number(value[2]) || 0)),
                value.length > 3 ? Math.max(0, Math.min(255, Number(value[3]) || 0)) : 255
            ];
        }
        text = String(value || '').trim();
        m = text.match(/^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i);
        if (!m) return [0, 0, 0, 0];
        text = m[1];
        if (text.length === 3 || text.length === 4) {
            return [
                parseInt(text.charAt(0) + text.charAt(0), 16),
                parseInt(text.charAt(1) + text.charAt(1), 16),
                parseInt(text.charAt(2) + text.charAt(2), 16),
                text.length === 4 ? parseInt(text.charAt(3) + text.charAt(3), 16) : 255
            ];
        }
        return [
            parseInt(text.slice(0, 2), 16),
            parseInt(text.slice(2, 4), 16),
            parseInt(text.slice(4, 6), 16),
            text.length === 8 ? parseInt(text.slice(6, 8), 16) : 255
        ];
    }


    function decodePixelRle36(value) {
        var text = String(value || '').trim();
        var parts;
        var runs = [];
        var i;
        var x;
        var y;
        var len;
        var colorIndex;

        if (!text) return runs;
        parts = text.split(',');
        for (i = 0; i + 3 < parts.length; i += 4) {
            x = parseInt(parts[i], 36);
            y = parseInt(parts[i + 1], 36);
            len = parseInt(parts[i + 2], 36);
            colorIndex = parseInt(parts[i + 3], 36);
            if (!Number.isFinite(x) || !Number.isFinite(y) || !Number.isFinite(len) || !Number.isFinite(colorIndex)) continue;
            runs.push([x, y, len, colorIndex]);
        }
        return runs;
    }

    function normalizePixelAsset(doc) {
        var encoding = String(doc && (doc.encoding || doc.e) || '').trim().toLowerCase();
        var width = Math.round(Number(doc && (doc.width || doc.w)) || 0);
        var height = Math.round(Number(doc && (doc.height || doc.h)) || 0);
        var paletteSource = Array.isArray(doc && doc.palette) ? doc.palette : (Array.isArray(doc && doc.p) ? doc.p : []);
        var palette = paletteSource.map(parsePixelColor);
        var runs;

        /*
        CLBI Pixel Forge v0.2.3 compact format:
        - MediaWiki 단일 문서 크기 제한을 피하기 위해 사람이 읽기 쉬운 [[x,y,len,c], ...] 배열 대신
          base36 토큰 문자열을 쓴다.
        - 형식은 x,y,len,colorIndex를 4개 토큰 단위로 반복한 rle36이다.
        - 복원 후 좌표계는 기존 runs 배열과 완전히 같으며, 최종 CSS px에 1:1로 찍는다.
        */
        if ((encoding === 'rle36' || encoding === 'clbi-rle36') && typeof (doc && doc.r) === 'string') {
            runs = decodePixelRle36(doc.r);
        } else {
            runs = Array.isArray(doc && doc.runs) ? doc.runs : [];
        }

        if (!width || !height || width < 1 || height < 1) throw new Error('invalid pixel decoration size');
        if (width > 8192 || height > 8192) throw new Error('pixel decoration too large');
        return {
            type: String(doc && (doc.type || doc.t) || 'clbi-pixel-decoration'),
            version: Number(doc && (doc.version || doc.v)) || 1,
            encoding: encoding || 'runs',
            width: width,
            height: height,
            palette: palette,
            runs: runs
        };
    }

    function fetchPixelAsset(ref) {
        var url = normalizePixelJsonUrl(ref);
        var cached;
        if (!url) return Promise.reject(new Error('pixel json ref is empty'));
        cached = pixelAssetCache[url];
        if (cached) return cached.promise;
        cached = {
            promise: fetch(url, { credentials: 'same-origin', cache: 'force-cache' })
                .then(function (response) {
                    if (!response.ok) throw new Error('HTTP ' + response.status);
                    return response.json();
                })
                .then(normalizePixelAsset)
        };
        pixelAssetCache[url] = cached;
        return cached.promise;
    }

    function drawPixelAssetToCanvas(canvas, asset) {
        var ctx;
        var image;
        var data;
        var i;
        var run;
        var x;
        var y;
        var len;
        var color;
        var colorIndex;
        var p;
        var k;

        canvas.width = asset.width;
        canvas.height = asset.height;
        ctx = canvas.getContext('2d');
        ctx.imageSmoothingEnabled = false;
        image = ctx.createImageData(asset.width, asset.height);
        data = image.data;

        for (i = 0; i < asset.runs.length; i += 1) {
            run = asset.runs[i];
            if (!Array.isArray(run) || run.length < 4) continue;
            x = Math.round(Number(run[0]) || 0);
            y = Math.round(Number(run[1]) || 0);
            len = Math.round(Number(run[2]) || 0);
            colorIndex = Math.round(Number(run[3]) || 0);
            color = asset.palette[colorIndex];
            if (!color || len <= 0 || y < 0 || y >= asset.height || x >= asset.width) continue;
            if (x < 0) {
                len += x;
                x = 0;
            }
            len = Math.min(len, asset.width - x);
            for (k = 0; k < len; k += 1) {
                p = ((y * asset.width) + x + k) * 4;
                data[p] = color[0];
                data[p + 1] = color[1];
                data[p + 2] = color[2];
                data[p + 3] = color[3];
            }
        }

        ctx.putImageData(image, 0, 0);
    }

    function preparePixelCanvas(ref) {
        var url = normalizePixelJsonUrl(ref);
        var cached;
        if (!url) return Promise.reject(new Error('pixel json ref is empty'));
        cached = pixelCanvasCache[url];
        if (cached) return cached.promise;
        cached = {};
        cached.promise = fetchPixelAsset(ref).then(function (asset) {
            var canvas = document.createElement('canvas');
            drawPixelAssetToCanvas(canvas, asset);
            canvas.style.imageRendering = 'pixelated';
            canvas.setAttribute('data-decoration-asset-size', asset.width + 'x' + asset.height);
            cached.canvas = canvas;
            cached.width = asset.width;
            cached.height = asset.height;
            return canvas;
        });
        pixelCanvasCache[url] = cached;
        return cached.promise;
    }

    function getPreparedPixelCanvasSync(ref) {
        var url = normalizePixelJsonUrl(ref);
        var cached = url ? pixelCanvasCache[url] : null;
        return cached && cached.canvas ? cached.canvas : null;
    }

    function queryDecorationTarget(selector) {
        selector = String(selector || '').trim();
        if (!selector) return null;
        try {
            return document.querySelector(selector);
        } catch (err) {
            return null;
        }
    }

    function usesCanonicalMainPageCoordinates(entry, actualTarget) {
        var placement = String(entry && entry.placement || '').trim();
        var selector = String(entry && entry.target || '').trim();
        var declaredTarget;

        if (placement === MAIN_PAGE_PLACEMENT) return true;
        if (!actualTarget || !selector) return false;

        declaredTarget = queryDecorationTarget(selector);
        return declaredTarget === actualTarget;
    }

    function getDecorationLocalPosition(entry, actualTarget) {
        var x = normalizeNumber(entry && entry.x, 0);
        var y = normalizeNumber(entry && entry.y, 0);
        var sourceX = x;
        var sourceY = y;
        var sourceSelector;
        var sourceTarget;
        var sourceRect;
        var actualRect;
        var sourceOriginX;
        var sourceOriginY;
        var actualOriginX;
        var actualOriginY;

        /*
        대문 데코 좌표 보존
        -----------------------------------------
        저장된 x/y는 기존 entry.target 좌표계를 기준으로 만들어졌다.
        데코를 main-body-well 안으로 옮길 때 x/y를 그대로 적용하면
        더 아래에서 시작하는 새 좌표계 때문에 장식이 바닥으로 밀린다.

        실제 화면상의 위치는 유지하고 부모만 우물로 바꾼다.
        기존 기준면의 padding-box 원점과 새 우물의 padding-box 원점 차이를
        정수 px로 더해 새 로컬 좌표를 만든다.
        */
        if (
            currentPageKey() === '대문' &&
            actualTarget &&
            actualTarget.classList &&
            actualTarget.classList.contains('main-body-well') &&
            !usesCanonicalMainPageCoordinates(entry, actualTarget)
        ) {
            sourceSelector = String(entry && entry.target || '').trim() ||
                '.liberty-content-main';
            sourceTarget = queryDecorationTarget(sourceSelector) ||
                document.querySelector('.liberty-content-main') ||
                document.querySelector('.main-portal');

            if (sourceTarget && sourceTarget !== actualTarget) {
                sourceRect = sourceTarget.getBoundingClientRect();
                actualRect = actualTarget.getBoundingClientRect();

                sourceOriginX = sourceRect.left + normalizeNumber(sourceTarget.clientLeft, 0);
                sourceOriginY = sourceRect.top + normalizeNumber(sourceTarget.clientTop, 0);
                actualOriginX = actualRect.left + normalizeNumber(actualTarget.clientLeft, 0);
                actualOriginY = actualRect.top + normalizeNumber(actualTarget.clientTop, 0);

                x += Math.round(sourceOriginX - actualOriginX);
                y += Math.round(sourceOriginY - actualOriginY);
            }
        }

        return {
            x: Math.round(x),
            y: Math.round(y),
            sourceX: Math.round(sourceX),
            sourceY: Math.round(sourceY),
            sourceSelector: sourceSelector || ''
        };
    }

    function applyDecorationBaseStyle(node, entry, actualTarget) {
        var position = getDecorationLocalPosition(entry, actualTarget);

        node.style.left = position.x + 'px';
        node.style.top = position.y + 'px';
        node.style.opacity = String(normalizeNumber(entry.opacity, 1));
        node.style.zIndex = String(Math.round(normalizeNumber(entry.zIndex, 0)));
        node.style.pointerEvents = String(entry.pointerEvents || 'none');

        if (position.sourceSelector) {
            node.setAttribute('data-decoration-coordinate-source', position.sourceSelector);
            node.setAttribute('data-decoration-source-x', String(position.sourceX));
            node.setAttribute('data-decoration-source-y', String(position.sourceY));
            node.setAttribute('data-decoration-local-x', String(position.x));
            node.setAttribute('data-decoration-local-y', String(position.y));
        }

        if (entry.blendMode) node.style.mixBlendMode = String(entry.blendMode);
        if (entry.filter) node.style.filter = String(entry.filter);
        if (entry.transform) node.style.transform = String(entry.transform);
    }

    function isDecorationNodeActiveForNationsState(node) {
        var era = node ? String(node.getAttribute('data-decoration-era') || '').trim() : '';
        var continent = node ? String(node.getAttribute('data-decoration-continent') || '').trim() : '';
        if (era && era !== getActiveNationsEra()) return false;
        if (continent && continent !== getActiveNationsContinent()) return false;
        return true;
    }

    function setDecorationNodeVisibility(node, visible) {
        if (!node) return;
        visible = visible !== false;
        /* aria-hidden stays true because wiki decorations are purely visual. */
        if (node.hidden !== !visible) node.hidden = !visible;
        if (node.style.display !== (visible ? '' : 'none')) node.style.display = visible ? '' : 'none';
        node.setAttribute('data-decoration-visible', visible ? '1' : '0');
    }

    function updateDecorationVisibility(root) {
        var scope = root && root.querySelectorAll ? root : document;
        var count = 0;
        Array.prototype.forEach.call(scope.querySelectorAll('[' + RENDERED_ATTR + '="1"]'), function (node) {
            setDecorationNodeVisibility(node, isDecorationNodeActiveForNationsState(node));
            count += 1;
        });
        return count;
    }

    function hasRenderedDecorations(root) {
        var scope = root && root.querySelector ? root : document;
        return !!(scope && scope.querySelector && scope.querySelector('[' + RENDERED_ATTR + '="1"]'));
    }

    function applyPixelJsonDecoration(entry, target, visible) {
        var ref = getPixelJsonRef(entry);
        var template;
        var canvas;
        var ctx;
        if (!ref) return false;

        function makeCanvasFromTemplate(source) {
            var out = document.createElement('canvas');
            var outCtx;
            out.className = 'wiki-decoration wiki-decoration-pixel-json';
            out.setAttribute(RENDERED_ATTR, '1');
            out.setAttribute('aria-hidden', 'true');
            out.setAttribute('data-decoration-id', String(entry.id || ''));
            out.setAttribute('data-decoration-asset-type', 'pixel-json');
            if (entry.placement) out.setAttribute('data-decoration-placement', String(entry.placement));
            if (entry.era) out.setAttribute('data-decoration-era', String(entry.era));
            if (entry.continent) out.setAttribute('data-decoration-continent', String(entry.continent));
            out.width = source.width;
            out.height = source.height;
            out.style.imageRendering = 'pixelated';
            out.style.width = source.width + 'px';
            out.style.height = source.height + 'px';
            out.setAttribute('data-decoration-asset-size', source.width + 'x' + source.height);
            outCtx = out.getContext('2d');
            outCtx.imageSmoothingEnabled = false;
            outCtx.drawImage(source, 0, 0);
            applyDecorationBaseStyle(out, entry, target);
            setDecorationNodeVisibility(out, visible);
            return out;
        }

        template = getPreparedPixelCanvasSync(ref);
        if (template) {
            target.appendChild(makeCanvasFromTemplate(template));
            return true;
        }

        /* Fallback path only.  A full entry pack should prepare the template before the
           normal UI is released, so users should not see a blank decoration canvas. */
        preparePixelCanvas(ref).then(function (source) {
            if (!target || !target.parentNode || !source) return;
            target.appendChild(makeCanvasFromTemplate(source));
        }).catch(function () {});

        return true;
    }

    function preloadPixelAssetsForRegistry(registry) {
        var promises = [];
        decorationList(registry).forEach(function (entry) {
            var ref;
            if (!entry || !matchesPage(entry) || !isPixelJsonDecoration(entry)) return;
            ref = getPixelJsonRef(entry);
            if (!ref) return;
            promises.push(preparePixelCanvas(ref).catch(function () { return null; }));
        });
        return Promise.all(promises);
    }

    function decorationList(registry) {
        if (!registry || typeof registry !== 'object') return [];
        if (Array.isArray(registry)) return registry;
        if (Array.isArray(registry.decorations)) return registry.decorations;
        return [];
    }

    function matchesPage(entry) {
        var page = currentPageKey();
        var underscored = page.replace(/ /g, '_');
        var pages = entry && entry.pages;
        var target = entry && entry.page;
        var i;

        if (normalizeBool(entry && entry.global, false)) return true;
        if (String(entry && entry.placement || '').trim() === 'boot-gate' || String(entry && entry.placement || '').trim() === 'loading-screen') {
            return true;
        }
        if (normalizePageName(target).toLowerCase() === '__boot__' || normalizePageName(target).toLowerCase() === 'loading-screen') return true;
        if (!target && !pages) return true;

        if (Array.isArray(pages)) {
            for (i = 0; i < pages.length; i += 1) {
                if (normalizePageName(pages[i]) === page || String(pages[i] || '') === underscored) return true;
            }
        }

        target = normalizePageName(target);
        return target === page || target === underscored;
    }

    function clearRendered(root) {
        var scope = root && root.querySelectorAll ? root : document;
        Array.prototype.forEach.call(scope.querySelectorAll('[' + RENDERED_ATTR + '="1"]'), function (node) {
            if (node.parentNode) node.parentNode.removeChild(node);
        });
    }

    function ensureHost(target) {
        var style;
        if (!target) return;
        target.setAttribute(HOST_ATTR, '1');
        style = window.getComputedStyle ? window.getComputedStyle(target) : null;
        if (style && style.position === 'static') target.style.position = 'relative';
    }

    function applyDecoration(entry) {
        var resolved;
        var target;
        var src;
        var img;
        var width;
        var height;

        if (!entry || typeof entry !== 'object' || normalizeBool(entry.enabled, true) === false) return false;
        resolved = resolveDecorationPlacement(entry);
        if (!resolved) return false;
        target = resolved.target;
        if (!target) return false;

        ensureHost(target);

        if (isPixelJsonDecoration(entry)) {
            return applyPixelJsonDecoration(entry, target, resolved.visible !== false);
        }

        src = normalizeSrc(entry.src);
        if (!src) return false;

        img = document.createElement('img');
        img.className = 'wiki-decoration';
        img.setAttribute(RENDERED_ATTR, '1');
        img.setAttribute('aria-hidden', 'true');
        img.setAttribute('alt', '');
        img.setAttribute('decoding', 'async');
        img.setAttribute('loading', 'eager');
        img.setAttribute('data-decoration-id', String(entry.id || ''));
        if (entry.placement) img.setAttribute('data-decoration-placement', String(entry.placement));
        if (entry.era) img.setAttribute('data-decoration-era', String(entry.era));
        if (entry.continent) img.setAttribute('data-decoration-continent', String(entry.continent));
        img.src = src;

        applyDecorationBaseStyle(img, entry, target);
        width = normalizeNumber(entry.width, NaN);
        height = normalizeNumber(entry.height, NaN);
        if (Number.isFinite(width) && width > 0) img.style.width = width + 'px';
        if (Number.isFinite(height) && height > 0) img.style.height = height + 'px';
        if (entry.objectFit) img.style.objectFit = String(entry.objectFit);
        setDecorationNodeVisibility(img, resolved.visible !== false);

        target.appendChild(img);
        return true;
    }

    function mainPageLayoutSignature() {
        var source = document.querySelector('.liberty-content-main');
        var well = ensureMainPageBodyWell();
        var sourceRect;
        var wellRect;

        if (!source || !well) return '';
        sourceRect = source.getBoundingClientRect();
        wellRect = well.getBoundingClientRect();

        return [
            Math.round((wellRect.left + normalizeNumber(well.clientLeft, 0)) - (sourceRect.left + normalizeNumber(source.clientLeft, 0))),
            Math.round((wellRect.top + normalizeNumber(well.clientTop, 0)) - (sourceRect.top + normalizeNumber(source.clientTop, 0))),
            Math.round(wellRect.width),
            Math.round(wellRect.height)
        ].join('|');
    }

    function isMainPageDecorationLayoutReady() {
        var portal = document.querySelector('.main-portal');
        var panel = portal && portal.querySelector('.main-body-panel');
        var topMount = portal && portal.querySelector('[data-component="category-nav"]');

        if (!portal || !panel || !ensureMainPageBodyWell()) return false;
        if (!document.body || !document.body.classList.contains('clbi-main-page')) return false;
        if (topMount && !topMount.querySelector('.portal-category-nav')) return false;
        return true;
    }

    function waitForMainPageDecorationLayout() {
        var started;
        var previous = '';
        var stableFrames = 0;

        if (currentPageKey() !== '대문') return Promise.resolve(true);
        started = Date.now();

        return new Promise(function (resolve) {
            function check() {
                var signature = mainPageLayoutSignature();

                if (signature && signature === previous) stableFrames += 1;
                else stableFrames = 0;
                previous = signature;

                if ((isMainPageDecorationLayoutReady() && stableFrames >= 2) || Date.now() - started >= 1200) {
                    resolve(true);
                    return;
                }

                if (window.requestAnimationFrame) window.requestAnimationFrame(check);
                else window.setTimeout(check, 16);
            }

            check();
        });
    }

    function rebaseLegacyMainPageDecorations() {
        var well;

        if (currentPageKey() !== '대문') return;
        well = ensureMainPageBodyWell();
        if (!well) return;

        document.querySelectorAll('[' + RENDERED_ATTR + '="1"][data-decoration-coordinate-source]').forEach(function (node) {
            var position = getDecorationLocalPosition({
                target: node.getAttribute('data-decoration-coordinate-source') || '.liberty-content-main',
                x: normalizeNumber(node.getAttribute('data-decoration-source-x'), 0),
                y: normalizeNumber(node.getAttribute('data-decoration-source-y'), 0)
            }, well);

            node.style.left = position.x + 'px';
            node.style.top = position.y + 'px';
            node.setAttribute('data-decoration-local-x', String(position.x));
            node.setAttribute('data-decoration-local-y', String(position.y));
        });
    }

    function scheduleMainPageDecorationRebase() {
        if (scheduledMainPageRebase) return;
        scheduledMainPageRebase = window.requestAnimationFrame ? window.requestAnimationFrame(function () {
            scheduledMainPageRebase = 0;
            rebaseLegacyMainPageDecorations();
        }) : window.setTimeout(function () {
            scheduledMainPageRebase = 0;
            rebaseLegacyMainPageDecorations();
        }, 0);
    }

    function bindMainPagePlacementRefresh() {
        var portal = document.querySelector('.main-portal');
        var nodes;

        if (currentPageKey() !== '대문' || !portal) {
            if (mainPagePlacementObserver) mainPagePlacementObserver.disconnect();
            if (mainPagePlacementMutationObserver) mainPagePlacementMutationObserver.disconnect();
            observedMainPagePortal = null;
            return;
        }

        if (observedMainPagePortal !== portal) {
            if (mainPagePlacementObserver) mainPagePlacementObserver.disconnect();
            if (mainPagePlacementMutationObserver) mainPagePlacementMutationObserver.disconnect();
            observedMainPagePortal = portal;

            if (typeof ResizeObserver === 'function') {
                mainPagePlacementObserver = new ResizeObserver(scheduleMainPageDecorationRebase);
                nodes = [
                    document.querySelector('.liberty-content-main'),
                    portal,
                    portal.querySelector('[data-component="category-nav"]'),
                    portal.querySelector('.main-body-panel'),
                    portal.querySelector('.main-body-well')
                ];
                nodes.forEach(function (node) {
                    if (node) mainPagePlacementObserver.observe(node);
                });
            }

            /*
            장식 좌표는 크기 변화에만 의존한다. portal subtree DOM 변경을 감시하면
            프레임 SVG와 선언문 애니메이션이 장식 재배치를 반복 호출한다.
            ResizeObserver와 명시적 렌더 시점만 사용한다.
            */
            mainPagePlacementMutationObserver = null;
        }

        scheduleMainPageDecorationRebase();
    }

    function renderForCurrentLayout(registry, token) {
        if (currentPageKey() !== '대문') {
            if (token === runtimeToken) render(registry);
            return Promise.resolve(registry);
        }

        return waitForMainPageDecorationLayout().then(function () {
            if (token === runtimeToken) render(registry);
            return registry;
        });
    }

    function render(registry) {
        var token = runtimeToken;
        lastRegistry = registry || { decorations: [] };
        lastRenderedPageKey = currentPageKey();
        bindNationsPlacementRefresh();
        clearRendered(document);
        decorationList(lastRegistry).forEach(function (entry) {
            if (token === runtimeToken && matchesPage(entry)) applyDecoration(entry);
        });
        bindMainPagePlacementRefresh();
    }

    function renderPrepared() {
        var registry = getPreparedRegistrySync() || lastRegistry;
        var token = runtimeToken;
        if (!registry) return false;
        renderForCurrentLayout(registry, token);
        return true;
    }

    function syncDecorationState() {
        if (lastRenderedPageKey === currentPageKey() && hasRenderedDecorations(document)) {
            updateDecorationVisibility(document);
            return true;
        }
        if (lastRegistry) {
            renderForCurrentLayout(lastRegistry, runtimeToken);
            return true;
        }
        return renderPrepared();
    }

    function scheduleRenderFromCache() {
        if (scheduledRender) return;
        scheduledRender = window.requestAnimationFrame ? window.requestAnimationFrame(function () {
            scheduledRender = 0;
            if (!syncDecorationState()) reload();
        }) : window.setTimeout(function () {
            scheduledRender = 0;
            if (!syncDecorationState()) reload();
        }, 0);
    }

    function scheduleDecorationVisibilityUpdate() {
        if (scheduledRender) return;
        scheduledRender = window.requestAnimationFrame ? window.requestAnimationFrame(function () {
            scheduledRender = 0;
            if (lastRenderedPageKey !== currentPageKey() || !hasRenderedDecorations(document)) {
                if (!syncDecorationState()) reload();
                return;
            }
            updateDecorationVisibility(document);
        }) : window.setTimeout(function () {
            scheduledRender = 0;
            if (lastRenderedPageKey !== currentPageKey() || !hasRenderedDecorations(document)) {
                if (!syncDecorationState()) reload();
                return;
            }
            updateDecorationVisibility(document);
        }, 0);
    }

    function bindNationsPlacementRefresh() {
        var stack = document.querySelector('.clbi-nations-panel-stack');

        if (!stack || observedNationsStack === stack) return;
        observedNationsStack = stack;

        if (nationsPlacementObserver) {
            nationsPlacementObserver.disconnect();
        }

        if (typeof MutationObserver === 'function') {
            nationsPlacementObserver = new MutationObserver(scheduleDecorationVisibilityUpdate);
            nationsPlacementObserver.observe(stack, {
                subtree: true,
                attributes: true,
                attributeFilter: ['class', 'hidden', 'aria-selected', 'data-current-era', 'data-nations-current-era', 'data-era-year']
            });
        }
    }

    function getPreparedRegistrySync() {
        var registry = null;
        var url;
        try {
            if (window.EntryStore && typeof window.EntryStore.getJsonSync === 'function') {
                registry = window.EntryStore.getJsonSync(REGISTRY_TITLE);
                if (!registry && mw && mw.util && typeof mw.util.getUrl === 'function') {
                    url = mw.util.getUrl(REGISTRY_TITLE, { action: 'raw', ctype: 'application/json' });
                    registry = window.EntryStore.getJsonSync(url);
                }
            }
        } catch (err) {}
        return registry && typeof registry === 'object' ? registry : null;
    }

    function fetchRegistry() {
        var url;
        var prepared = getPreparedRegistrySync();
        if (prepared) return Promise.resolve(prepared);
        if (!mw || !mw.util || typeof fetch !== 'function') return Promise.resolve({ decorations: [] });
        url = mw.util.getUrl(REGISTRY_TITLE, {
            action: 'raw',
            ctype: 'application/json'
        });
        return fetch(url, { credentials: 'same-origin', cache: 'force-cache' })
            .then(function (response) {
                if (!response.ok) throw new Error('HTTP ' + response.status);
                return response.text();
            })
            .then(function (text) {
                if (!text || !text.trim()) return { decorations: [] };
                return JSON.parse(text);
            })
            .catch(function () {
                return { decorations: [] };
            });
    }

    function reload() {
        var token;
        runtimeToken += 1;
        token = runtimeToken;
        return fetchRegistry().then(function (registry) {
            return preloadPixelAssetsForRegistry(registry).then(function () {
                return renderForCurrentLayout(registry, token);
            });
        });
    }

    document.addEventListener('click', function (event) {
        var target = event.target && event.target.closest ? event.target.closest('.clbi-nations-tabpanel-tab[data-continent], [data-nations-era-move]') : null;
        if (target) window.setTimeout(scheduleDecorationVisibilityUpdate, 0);
    }, true);

    function decorationDiagnostics() {
        return {
            build: '20260713-main-body-well-coordinate-003',
            hasRegistry: !!lastRegistry,
            entries: decorationList(lastRegistry).length,
            rendered: document.querySelectorAll('[' + RENDERED_ATTR + '="1"]').length,
            preparedRegistry: !!getPreparedRegistrySync(),
            pixelAssets: Object.keys(pixelAssetCache || {}).length,
            pixelCanvases: Object.keys(pixelCanvasCache || {}).length,
            visibilityOnlySync: true,
            mainPageCoordinateSurface: MAIN_PAGE_TARGET,
            mainPagePlacementObserved: !!observedMainPagePortal,
            lastRenderedPage: lastRenderedPageKey,
            visibleRendered: document.querySelectorAll('[' + RENDERED_ATTR + '="1"][data-decoration-visible="1"]').length,
            scheduled: !!scheduledRender
        };
    }

    window.Decorations = window.Decorations || {};
    window.Decorations.reload = reload;
    window.Decorations.render = render;
    window.Decorations.renderPrepared = renderPrepared;
    window.Decorations.sync = syncDecorationState;
    window.Decorations.updateVisibility = updateDecorationVisibility;
    window.Decorations.diagnostics = decorationDiagnostics;
    window.Decorations.clear = clearRendered;
    window.Decorations.apply = applyDecoration;
    window.Decorations.pageKey = currentPageKey;
    window.Decorations.loadPixelAsset = fetchPixelAsset;
    window.Decorations.preparePixelCanvas = preparePixelCanvas;
    window.Decorations.getPreparedPixelCanvasSync = getPreparedPixelCanvasSync;
    window.Decorations.drawPixelAssetToCanvas = drawPixelAssetToCanvas;

    window.CLBI_DECORATIONS = window.CLBI_DECORATIONS || {};
    window.CLBI_DECORATIONS.reload = reload;
    window.CLBI_DECORATIONS.render = render;
    window.CLBI_DECORATIONS.renderPrepared = renderPrepared;
    window.CLBI_DECORATIONS.sync = syncDecorationState;
    window.CLBI_DECORATIONS.updateVisibility = updateDecorationVisibility;
    window.CLBI_DECORATIONS.diagnostics = decorationDiagnostics;
    window.CLBI_DECORATIONS.clear = clearRendered;
    window.CLBI_DECORATIONS.apply = applyDecoration;
    window.CLBI_DECORATIONS.pageKey = currentPageKey;
    window.CLBI_DECORATIONS.loadPixelAsset = fetchPixelAsset;
    window.CLBI_DECORATIONS.preparePixelCanvas = preparePixelCanvas;
    window.CLBI_DECORATIONS.getPreparedPixelCanvasSync = getPreparedPixelCanvasSync;
    window.CLBI_DECORATIONS.drawPixelAssetToCanvas = drawPixelAssetToCanvas;

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', reload);
    } else {
        reload();
    }

    if (mw && mw.hook) {
        mw.hook('wikipage.content').add(function () {
            reload();
        });
    }
})(mediaWiki);

/* =========================================
   Unified Shortcuts loader
   ========================================= */
(function () {
    'use strict';

    if (!window.mw || !mw.loader) return;
    loadClbiRawScript('MediaWiki:Nation_List_Manager.js');
    loadClbiRawScript('MediaWiki:History_Event_Manager.js');
    loadClbiRawScript('MediaWiki:Shortcuts.js');
})();

/* =========================================
   Main page manifesto bitmap renderer
   Integrated build: no extra raw-script page, no image/data-URL decoding.
   New shared systems do not use the legacy CLBI prefix.
   ========================================= */
(function (window, document, mw) {
    'use strict';

    /*
    Retired compatibility block
    -----------------------------------------
    선언문은 실제 HTML과 ManifestoIntro의 실선 요소만 사용한다.
    이 구식 렌더러는 제목·본문과 완성형 구분선을 canvas에 한 번에 그려
    새 애니메이션의 선 뒤에 트랙이 나타날 수 있었다.

    기존 Common.js를 장기 캐시한 뒤 새 파일로 넘어오는 경우를 위해
    남아 있는 canvas와 상태만 제거하고 즉시 종료한다. 새 공개 이름에는
    프로젝트 접두사를 사용하지 않는 규칙을 유지한다.
    */
    function removeRetiredBitmap() {
        Array.prototype.forEach.call(
            document.querySelectorAll('.main-portal .main-manifesto-bitmap'),
            function (canvas) {
                if (canvas.parentNode) canvas.parentNode.removeChild(canvas);
            }
        );

        Array.prototype.forEach.call(
            document.querySelectorAll('.main-portal .main-manifesto-inner'),
            function (inner) {
                inner.classList.remove('is-bitmap-ready');
                [
                    'data-bitmap-width',
                    'data-bitmap-optical-shift-x',
                    'data-bitmap-state',
                    'data-bitmap-error'
                ].forEach(function (name) {
                    inner.removeAttribute(name);
                });
            }
        );
    }

    removeRetiredBitmap();

    try {
        if (mw && mw.hook) {
            mw.hook('wikipage.content').add(removeRetiredBitmap);
        }
    } catch (ignoreRetiredBitmapHook) {}

    window.MainPageBitmap = {
        version:'retired-20260713-divider-no-track-001',
        recalculate:removeRetiredBitmap,
        status:function () {
            return {
                integrated:false,
                state:'retired',
                canvas:!!document.querySelector('.main-portal .main-manifesto-bitmap')
            };
        }
    };

    return;

    var VERSION = '20260712-bitmap18-inline-002';
    var SELECTOR = '.main-portal .main-manifesto-inner';
    var CELL_W = 24;
    var CELL_H = 24;
    var GLYPHS = {"진":[19,0,0,0,0,0,12288,24576,24576,25472,25584,25056,25072,25568,26160,26136,24576,9088,8960,768,256,32512,15872,0,0],"창":[19,0,0,0,0,0,6144,12512,12480,12800,13280,78328,258272,12768,14128,13848,4360,3840,7040,12672,4480,8064,3840,0,0],"바":[19,0,0,0,0,0,6144,12288,12288,12672,12672,14080,13056,13064,258456,127472,12784,12504,12408,12312,12288,12288,4096,0,0],"다":[19,0,0,0,0,0,6144,12288,12288,12288,13056,12792,12400,12320,258096,128528,14328,13048,12304,12288,12288,12288,4096,0,0],"는":[19,0,0,0,0,0,0,96,192,192,14528,16064,960,0,130048,118780,56,448,448,128,128,16256,7936,0,0],"왕":[19,0,0,0,0,0,12288,28768,25568,25456,25392,25392,254944,24960,16064,10236,12344,7680,14080,12672,12672,16128,7936,0,0],"과":[19,0,0,0,0,0,12288,28672,24576,26560,26352,26112,26112,26208,255680,254912,29248,32736,25084,8192,8192,8192,8192,0,0],"노":[19,0,0,0,0,0,0,0,0,96,192,192,4288,15552,16320,7040,7168,3072,50688,131064,124,0,0,0,0],"예":[19,0,0,0,0,0,24576,60416,22528,22528,22544,24048,24504,23320,23320,24504,23024,22528,22528,18432,16384,16384,24576,0,0],"를":[19,0,0,0,0,0,7168,16320,6144,8128,448,15552,1984,122880,262140,16636,8128,8128,3840,8064,1792,960,65408,4096,0],"같":[19,0,0,0,0,0,6144,12288,12288,13248,13304,110976,127168,12384,12344,4104,3584,0,8064,1920,256,14720,8064,0,0],"은":[19,0,0,0,0,0,384,3968,6528,6336,6272,3968,1792,32768,130944,115708,16,448,448,128,128,16256,7936,0,0],"깊":[19,0,0,0,0,0,12288,24576,24576,26496,25592,25472,25024,24800,24624,8216,12288,16256,4864,15872,7680,31232,32640,256,0],"이":[19,0,0,0,0,0,12288,24576,24576,24576,24592,25072,25584,25368,25368,25496,25072,24640,24576,24576,24576,8192,8192,0,0],"로":[19,0,0,0,0,0,0,0,15360,16320,6272,7168,8128,384,14528,16320,7040,3072,50688,131064,124,0,0,0,0],"삼":[19,0,0,0,0,0,6144,12288,12352,12736,12480,78064,258272,13296,14136,13324,4096,16256,16256,4224,4480,8064,8064,0,0],"켰":[19,0,0,0,0,0,12288,24576,26112,26600,29560,32656,25072,31992,26720,8224,8216,13056,15104,5056,15232,28544,58992,0,0],"고":[19,0,0,0,0,0,0,0,0,7680,16352,12416,12288,12288,12544,13056,6912,4864,49920,131064,124,0,0,0,0],",":[8,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,12,12,8,0,0,0],"겨":[19,0,0,0,0,0,12288,24576,24576,24576,25344,26616,32560,31104,24768,31840,31792,24600,24584,24576,24576,24576,8192,0,0],"울":[19,0,0,0,0,0,1792,8064,6528,6272,7552,3840,114688,262140,18428,1536,16320,8128,3840,8064,1920,896,65280,0,0],"사":[19,0,0,0,0,0,6144,12288,12288,12352,12480,12480,12480,12400,258272,127920,14104,13828,13312,12288,12288,12288,4096,0,0],"람":[19,0,0,0,0,0,6144,12288,12288,13296,13240,78208,258552,12304,14224,13296,4096,15744,16256,4288,4480,8064,8064,0,0],"짐":[19,0,0,0,0,0,12288,24576,24576,25472,25584,24992,25072,26592,26160,9756,0,32512,32640,12672,12672,16128,16128,0,0],"승":[19,0,0,0,0,0,512,3584,1536,1792,8064,29056,24800,32768,130816,115708,272,3840,7040,4224,6272,8064,3840,0,0],"의":[19,0,0,0,0,0,28672,57344,24608,25536,26592,26160,26160,26464,25568,24576,24576,32704,25596,24576,24576,24576,8192,0,0],"살":[19,0,0,0,0,0,6144,12288,12352,12736,12480,110832,127456,13232,13848,5132,8064,8064,3840,8064,1792,896,65024,0,0],"을":[19,0,0,0,0,0,1792,8064,6528,6272,7552,3840,32768,130944,115708,0,16320,8128,3840,8064,1920,896,65280,0,0],"빛":[19,0,0,0,0,0,12288,24576,25344,25344,26376,25496,25592,25584,25552,25088,7168,12288,32640,6400,7680,32256,25472,0,0],"으":[19,0,0,0,0,0,0,0,128,3968,8064,4544,4288,6336,7616,3968,0,0,57344,131068,56,0,0,0,0],"얼":[19,0,0,0,0,0,12288,24576,24592,24816,25008,32536,31512,25016,25072,8192,16256,16256,7680,16128,3584,1792,130560,0,0],"렸":[19,0,0,0,0,0,12288,24576,24576,25584,32568,27008,31224,31792,26544,9200,8192,13056,15104,4928,15232,28544,58976,0,0],".":[8,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,12,12,0,0,0,0],"그":[19,0,0,0,0,0,0,0,0,7168,16352,12672,12288,12288,12288,12288,6144,4096,57344,131068,56,0,0,0,0],"들":[19,0,0,0,0,0,6144,16320,896,384,14528,16320,960,130048,118780,120,16320,8128,3840,8064,1920,896,65280,0,0],"돌":[19,0,0,0,0,0,6144,16320,896,384,14528,16320,8128,130048,253948,16504,16320,8128,3840,8064,1920,896,65280,0,0],"벽":[19,0,0,0,0,0,12288,24576,24832,25344,32520,31512,25560,32632,25584,9104,8192,31744,32640,8192,8192,8192,8192,0,0],"세":[19,0,0,0,0,0,24576,60416,22528,22528,22720,22720,22752,24432,22752,22960,23320,23300,22528,18432,16384,16384,24576,0,0],"우":[19,0,0,0,0,0,0,384,7936,6528,12480,6336,7552,3968,0,131008,116732,1552,1536,1536,1536,1536,512,0,0],"땅":[19,0,0,0,0,0,12288,28672,24576,28560,9200,74160,254128,30936,16376,12280,12544,7936,13184,12672,12672,8064,3840,0,0],"찢":[19,0,0,0,0,0,12288,24576,24704,26616,28656,26560,25456,28656,28056,26848,8192,32512,16128,7680,15872,25344,16768,0,0],"어":[19,0,0,0,0,0,12288,24576,24576,24576,24592,24816,25520,32536,27416,25496,25072,24640,24576,24576,24576,8192,8192,0,0],"길":[19,0,0,0,0,0,12288,24576,24576,26496,25592,25472,24768,24672,24624,8216,16256,16128,7680,16128,3584,1792,130560,0,0],"냈":[19,0,0,0,0,0,8192,58368,19456,27672,27704,31792,31792,32560,28656,27120,8704,13824,14080,13248,15232,28544,50272,0,0],"며":[19,0,0,0,0,0,12288,24576,24576,24576,25472,26600,32536,25368,25400,32560,25584,25056,24576,24576,24576,24576,8192,0,0],"쇠":[19,0,0,0,0,0,28672,57344,24704,24960,24960,25056,25536,26208,27888,24960,24960,32704,25596,24576,24576,24576,8192,0,0],"에":[19,0,0,0,0,0,24576,60416,22528,22528,22544,23024,23480,24344,24344,22968,23024,22528,22528,18432,16384,16384,24576,0,0],"제":[19,0,0,0,0,0,24576,60416,22528,22528,23488,23032,22976,24512,24184,23024,23344,23320,23052,18432,16384,16384,24576,0,0],"름":[19,0,0,0,0,0,6144,16320,6272,8128,960,14528,16320,384,130560,116732,56,15872,16320,4288,4544,7552,8064,0,0],"새":[19,0,0,0,0,0,24576,60416,23552,19456,27840,27840,31968,31856,23776,23984,20248,20228,16384,16384,16384,16384,24576,0,0],"겼":[19,0,0,0,0,0,12288,24576,24576,26496,30712,32640,25024,31968,26672,8216,8200,15104,15104,6976,15232,28608,58992,0,0],"감":[19,0,0,0,0,0,6144,12288,12288,13184,13304,78208,258240,12384,12336,4120,4096,16256,16320,4224,4480,8064,8064,0,0],"옥":[19,0,0,0,0,0,1792,7936,6528,6272,6528,8064,3584,1536,130816,116732,56,16128,15296,4096,4096,4096,4096,0,0],"되":[19,0,0,0,0,0,28672,57344,25088,26608,25072,24672,25632,26416,26608,25456,24960,32704,25596,24576,24576,24576,8192,0,0],"군":[19,0,0,0,0,0,0,7680,16352,12288,12288,12288,6144,126976,262140,18172,1536,1728,1472,192,192,16256,8064,0,0],"대":[19,0,0,0,0,0,24576,60416,23552,19456,28032,28144,31856,31776,23600,24344,20440,19960,16400,16384,16384,16384,24576,0,0],"나":[19,0,0,0,0,0,6144,12288,12288,12288,12296,12312,12336,12304,259600,128784,14256,12528,12320,12288,12288,12288,4096,0,0],"르":[19,0,0,0,0,0,0,0,6144,16320,6336,7168,8128,448,12480,16320,3968,0,57344,131068,56,0,0,0,0],"오":[19,0,0,0,0,0,0,0,256,7936,15232,12672,12416,12672,8064,7936,3072,1024,49664,131064,124,0,0,0,0],"래":[19,0,0,0,0,0,24576,60416,23552,19456,28144,27064,32128,32248,23664,23568,20240,20464,16880,16384,16384,16384,24576,0,0],"된":[19,0,0,0,0,0,28672,57344,26368,25584,24800,25696,28656,26608,29440,32736,25080,24832,25344,768,768,65280,15872,0,0],"원":[19,0,0,0,0,0,28672,57440,25536,26464,26160,26160,29664,32640,26592,26620,25360,25024,25536,768,768,65280,15872,0,0],"한":[19,0,0,0,0,0,6144,28704,12512,12800,14328,12784,258528,13088,12592,12784,12512,12416,4544,384,128,16256,7936,0,0],"함":[19,0,0,0,0,0,6144,12512,12480,12800,14328,78032,258528,13104,12720,12784,4192,15744,16256,4288,4480,8064,8064,0,0],"께":[19,0,0,0,0,0,24576,55296,55296,55296,55488,57336,57280,57184,57184,55600,55704,55500,55392,49152,49152,16384,16384,0,0],"음":[19,0,0,0,0,0,1920,8064,6528,6336,6336,3968,1792,32768,131040,16892,0,16128,16320,4288,4544,7552,8064,0,0],"손":[19,0,0,0,0,0,512,1536,1536,1920,7936,14720,26304,1584,130560,249852,120,448,448,128,128,16256,7936,0,0],"넘":[19,0,0,0,0,0,12288,24576,24576,24600,31792,31792,24624,28208,26608,8416,0,32512,32640,12672,12672,16256,15616,0,0],"갔":[19,0,0,0,0,0,6144,12288,12288,13184,13304,78208,258240,12384,12336,12312,4352,15104,6912,6528,7616,30656,25136,0,0],"\n":[8,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"줄":[19,0,0,0,0,0,6144,16320,3520,3840,15296,12480,41056,130976,116732,1536,16320,8128,3840,8064,1920,896,65280,0,0],"처":[19,0,0,0,0,0,12288,24576,24800,25024,25344,26592,25072,32448,27616,25392,25360,24840,24832,24960,24960,8320,8192,0,0],"부":[19,0,0,0,0,0,6144,12288,28768,14400,15552,13248,8128,7872,0,131008,116732,1552,1536,1536,1536,1536,512,0,0],"터":[19,0,0,0,0,0,12288,24576,24576,25056,24768,25344,25584,31984,31840,25648,28568,26360,24624,24576,24576,8192,8192,0,0],"목":[19,0,0,0,0,0,14336,32512,15328,6336,3264,16064,7296,3072,130816,116732,56,16128,15296,4096,4096,4096,4096,0,0],"둘":[19,0,0,0,0,0,6144,16320,896,384,14528,16320,960,130944,116732,1592,16320,8128,3840,8064,1920,896,65280,0,0],"레":[19,0,0,0,0,0,24576,60416,22528,22528,23024,22968,22912,24568,22640,22544,23312,23536,23024,18432,16384,16384,24576,0,0],"있":[19,0,0,0,0,0,12288,24576,24576,24816,25072,25400,25368,25368,25072,8416,8192,15104,15104,7104,14720,28608,26224,0,0],"었":[19,0,0,0,0,0,12288,24576,24576,24816,25072,32568,32536,25496,25072,8416,8192,15104,15104,7104,14720,28608,26224,0,0],"끝":[19,0,0,0,0,0,0,14720,16368,13152,12672,12672,4480,130560,116732,56,3840,3584,8128,1920,384,16320,4032,0,0],"속":[19,0,0,0,0,0,512,3584,1536,1792,7936,12672,26336,1568,130560,116732,56,16128,15296,4096,4096,4096,4096,0,0],"뿌":[19,0,0,0,0,0,4096,30720,14080,15904,16352,13280,16320,14208,4608,130944,126972,1552,1536,1536,1536,1536,512,0,0],"리":[19,0,0,0,0,0,12288,24576,24576,24576,25568,25528,24960,25040,24688,25648,26160,26608,25056,24576,24576,8192,8192,0,0],"와":[19,0,0,0,0,0,12288,28672,24608,25568,25456,26160,26416,25584,254432,254336,28864,32736,25084,8192,8192,8192,8192,0,0],"빨":[19,0,0,0,0,0,12288,28672,26112,26176,26304,255944,255992,10200,10224,1728,16256,16256,7936,7936,1792,896,65024,0,0],"굶":[19,0,0,0,0,0,0,16128,13248,12288,12288,6144,118784,262140,18428,1536,14080,16368,13792,14272,14272,16352,16352,0,0],"주":[19,0,0,0,0,0,0,14336,16320,3264,1792,7936,12736,24672,32,131008,116732,1552,1536,1536,1536,1536,512,0,0],"림":[19,0,0,0,0,0,12288,24576,24576,25584,25400,25472,25072,24624,26544,9200,8192,15616,32640,12672,12672,16256,16128,0,0],"매":[19,0,0,0,0,0,24576,60416,23552,19456,28544,28644,32156,32024,23832,23992,19952,19504,16384,16384,16384,16384,24576,0,0],"였":[19,0,0,0,0,0,12288,24576,24576,24816,32752,32568,25368,32664,25072,8416,8192,15104,15104,7104,14720,28608,26224,0,0],"른":[19,0,0,0,0,0,4096,16320,6336,7744,4032,14528,16320,896,126976,253948,120,64,448,128,128,16256,7936,0,0],"아":[19,0,0,0,0,0,6144,12288,12288,12288,12304,12528,12720,13080,258840,127896,12784,12352,12288,12288,12288,12288,4096,0,0],"직":[19,0,0,0,0,0,12288,24576,24576,25472,25584,24992,25072,25568,26160,9752,0,31744,32640,8192,8192,12288,12288,0,0],"태":[19,0,0,0,0,0,24576,60416,23552,19680,27840,28032,32240,31856,23600,24336,20440,20472,16432,16384,16384,16384,24576,0,0],"지":[19,0,0,0,0,0,12288,24576,24576,24576,26496,25584,24992,24768,24816,25568,26160,27672,25612,24576,24576,24576,8192,0,0],"않":[19,0,0,0,0,0,6144,12288,12304,12528,12784,111384,258840,13208,12784,4160,7168,6240,32352,15456,13408,14176,8160,0,0],"자":[19,0,0,0,0,0,6144,12288,12288,12288,13184,13304,12720,12480,258296,127984,14128,13848,13324,12288,12288,12288,4096,0,0],"졌":[19,0,0,0,0,0,12288,24576,24576,25472,32752,31136,32240,32736,26160,9756,8704,13056,15104,4928,15232,28544,50784,0,0],"앞":[19,0,0,0,0,0,6144,12288,12304,12528,12784,111384,258840,13208,12784,4160,6144,8128,2432,7936,2816,15616,16320,128,0],"갈":[19,0,0,0,0,0,6144,12288,12288,13248,13304,127360,127168,12384,12344,4104,16256,8064,3840,8064,1792,896,65280,0,0],"때":[19,0,0,0,0,0,24576,52224,55296,55296,57096,56312,63920,63632,63704,56536,57336,57336,49216,49152,49152,16384,16384,0,0],"마":[19,0,0,0,0,0,6144,12288,12288,12288,13184,13284,13084,13080,258840,127792,12784,12464,12288,12288,12288,12288,4096,0,0],"듭":[19,0,0,0,0,0,6144,16320,1984,384,12480,16064,3008,32768,131008,115708,14336,12352,12480,14720,16256,8064,7808,0,0],"파":[19,0,0,0,0,0,6144,12288,12288,12288,13248,12792,12688,13296,258528,127392,16352,12412,12288,12288,12288,12288,4096,0,0],"각":[19,0,0,0,0,0,6144,12288,12288,13184,13304,12672,258240,12384,12336,4120,4096,16128,13248,12288,4096,4096,4096,0,0],"쥔":[19,0,0,0,0,0,28672,57856,26608,25584,25024,26592,28208,27664,28544,28668,25360,24960,25536,768,768,65280,15872,0,0],"당":[19,0,0,0,0,0,6144,12288,12288,13248,12536,77920,258096,15888,14328,12920,4352,7936,7040,12672,4480,8064,3840,0,0],"기":[19,0,0,0,0,0,12288,24576,24576,24576,25344,26616,25392,24960,24768,24672,24624,24600,24584,24576,24576,24576,8192,0,0],"면":[19,0,0,0,0,0,12288,24576,24576,26496,26604,32536,25368,32560,31728,25072,24576,25344,8960,768,768,32512,15872,0,0],"풀":[19,0,0,0,0,0,12288,16352,7296,8064,3328,32704,41440,131008,116732,1536,16320,8128,3840,8064,1920,896,65280,0,0],"려":[19,0,0,0,0,0,12288,24576,24576,24576,25568,32696,31104,25040,31856,27696,26160,26608,25056,24576,24576,8192,8192,0,0],"날":[19,0,0,0,0,0,6144,12288,12288,12312,12344,110640,128560,14256,13296,4192,8064,8064,3840,8064,1792,896,65024,0,0],"것":[19,0,0,0,0,0,12288,24576,24576,26496,25592,24960,32704,26848,24624,24600,11272,3072,1792,3584,15104,29056,24800,0,0],"라":[19,0,0,0,0,0,6144,12288,12288,12288,13280,12728,12672,12792,258168,127504,13840,14320,12784,12288,12288,12288,4096,0,0],"여":[19,0,0,0,0,0,12288,24576,24576,24576,24592,24816,32688,25368,25368,32664,25072,24640,24576,24576,24576,8192,8192,0,0],"므":[19,0,0,0,0,0,0,0,4096,31744,32736,6624,3264,1728,16064,7360,0,0,57344,131068,56,0,0,0,0],"번":[19,0,0,0,0,0,12288,24576,24576,25344,26376,26392,32728,25464,25584,25552,24576,25344,8960,768,768,32512,15872,0,0],"도":[19,0,0,0,0,0,0,0,0,15360,4064,960,384,14528,16064,7136,7360,3072,50688,131064,124,0,0,0,0],"느":[19,0,0,0,0,0,0,0,0,32,192,192,192,14528,16064,7104,0,0,57344,131068,56,0,0,0,0],"슨":[19,0,0,0,0,0,512,1536,1536,1920,7936,14720,24768,48,130048,118780,56,448,448,128,128,16256,7936,0,0],"해":[19,0,0,0,0,0,24576,60416,23552,19680,27968,28664,32240,32224,23984,23984,19952,19568,16384,16384,16384,16384,24576,0,0],"았":[19,0,0,0,0,0,6144,12288,12288,12528,12784,78616,258840,13208,12784,12512,4352,15104,6912,6528,7616,30656,25136,0,0],"침":[19,0,0,0,0,0,12288,24768,25024,25088,26592,25584,24800,25568,26416,9232,8,15616,32640,12672,12672,16256,16128,0,0],"내":[19,0,0,0,0,0,24576,58368,19456,19456,27656,27672,31792,31792,31760,24368,20464,19952,16384,16384,24576,24576,8192,0,0],"멎":[19,0,0,0,0,0,12288,24576,24576,26496,25576,32536,31512,25392,25072,8224,8192,32640,6912,3584,15872,25344,16768,0,0],"서":[19,0,0,0,0,0,12288,24576,24576,24640,24768,25024,24768,32496,24800,25520,26392,26124,25600,24576,24576,8192,8192,0,0],"긴":[19,0,0,0,0,0,12288,24576,24576,26368,25592,25520,25024,24768,24688,24632,24584,25472,8960,768,768,32512,15872,0,0],"붙":[19,0,0,0,0,0,6144,12288,14432,16064,13248,7872,38912,130816,116732,1552,3840,3584,8064,1920,384,15808,4032,0,0],"잡":[19,0,0,0,0,0,6144,12288,12288,13184,13304,111040,258288,13280,13872,5660,4096,12352,12416,14720,16256,8064,7296,0,0],"피":[19,0,0,0,0,0,12288,24576,24576,24576,26496,25592,25392,25568,25440,24992,28640,26744,24576,24576,24576,24576,8192,0,0],"가":[19,0,0,0,0,0,6144,12288,12288,12288,13056,13304,12728,12736,127168,258144,12336,12312,12300,12288,12288,12288,4096,0,0],"굴":[19,0,0,0,0,0,0,16128,13248,12288,12288,6144,126976,262140,18172,1536,16320,8128,3840,8064,1920,896,65280,0,0],"보":[19,0,0,0,0,0,0,0,6144,12288,28768,14528,16064,13248,16320,7360,3072,1024,50688,131064,124,0,0,0,0],"하":[19,0,0,0,0,0,6144,12288,12320,12512,12800,14332,12792,12512,259040,127792,12720,12528,12288,12288,12288,12288,4096,0,0],"입":[19,0,0,0,0,0,12288,24576,24576,24816,25584,25368,25368,25496,25072,8256,4096,28800,24960,14720,16128,16128,15616,0,0],"말":[19,0,0,0,0,0,6144,12288,12288,13184,13308,111384,127768,13240,12784,4096,8064,8064,3840,8064,1792,896,65024,0,0],"했":[19,0,0,0,0,0,24576,58368,23776,19776,28664,27888,32224,23984,19888,18672,96,13824,15872,13184,15232,28544,50272,0,0],"조":[19,0,0,0,0,0,0,0,0,15360,8128,3072,1792,16128,28864,25184,1568,1536,50688,131064,124,0,0,0,0],"올":[19,0,0,0,0,0,1792,8064,6528,6528,8064,3840,1536,128768,253948,16504,16320,8128,3840,8064,1920,896,65280,0,0],"수":[19,0,0,0,0,0,0,1536,3072,1792,1792,6912,29056,24800,32,131008,116732,1552,1536,1536,1536,1536,512,0,0],"록":[19,0,0,0,0,0,6144,16320,6272,8128,960,14528,16320,3968,128512,253948,120,15872,16320,4096,4096,4096,6144,0,0],"열":[19,0,0,0,0,0,12288,24576,24592,24816,32688,31512,25368,32696,25072,8192,16256,16256,7680,16128,3584,1792,130560,0,0],"단":[19,0,0,0,0,0,6144,28672,12288,13184,12792,12400,258096,13872,14232,14328,12336,12672,4480,384,384,16256,7936,0,0],"질":[19,0,0,0,0,0,12288,24576,24576,26496,25584,24992,25072,26464,26160,9240,16128,16128,7680,16128,3584,1792,130560,0,0],"히":[19,0,0,0,0,0,12288,24576,24576,25024,26112,26616,25584,25024,25440,25392,25392,25056,24576,24576,24576,8192,8192,0,0],"운":[19,0,0,0,0,0,384,3968,6528,6336,6272,3968,1792,32768,131040,17916,3072,1984,1472,128,192,16256,7936,0,0],"데":[19,0,0,0,0,0,24576,60416,22528,22528,22912,23024,22640,24352,22576,23320,23512,23032,22544,18432,16384,16384,24576,0,0],"끌":[19,0,0,0,0,0,0,14720,16368,13152,12672,12672,4480,130560,116732,56,16320,8128,3840,8064,1920,896,65280,0,0],"린":[19,0,0,0,0,0,12288,24576,24576,25568,25464,24960,25592,24624,26416,26608,24672,8320,9088,256,256,32512,15872,0,0],"게":[19,0,0,0,0,0,24576,60416,22528,22528,23424,23544,22960,24000,24512,22624,22576,22552,22536,18432,16384,16384,24576,0,0],"누":[19,0,0,0,0,0,0,96,192,192,192,15552,16320,960,0,131008,116732,1552,1536,1536,1536,1536,512,0,0],"인":[19,0,0,0,0,0,12288,24576,24576,24624,25072,25400,25368,25368,25072,24800,24576,9088,8960,256,256,32512,15872,0,0],"쳐":[19,0,0,0,0,0,12288,24576,24800,25024,25344,26592,32752,31936,25568,32560,25360,24840,24832,24960,24960,8320,8192,0,0],"문":[19,0,0,0,0,0,12288,15872,15328,6336,3264,7872,7360,32768,131040,17916,3072,1984,1472,128,192,16256,7936,0,0],"몸":[19,0,0,0,0,0,14336,32512,15328,6336,3264,16064,7296,3072,130816,116732,56,16128,16320,4288,4544,7552,8064,0,0],"식":[19,0,0,0,0,0,12288,24576,24768,24960,25024,24816,24800,25568,26160,9244,0,31744,32640,8192,8192,12288,12288,0,0],"억":[19,0,0,0,0,0,12288,24576,24576,24816,25072,32536,32536,25368,25072,8416,0,31744,32640,12288,12288,12288,12288,0,0],"전":[19,0,0,0,0,0,12288,24576,24576,25472,25592,24992,31984,25568,26160,26136,24576,9088,8960,768,256,32512,15872,0,0],"품":[19,0,0,0,0,0,12288,16352,7360,8064,7040,16128,26592,127040,253948,18040,1536,16128,16320,4288,4544,7552,8064,0,0],"발":[19,0,0,0,0,0,6144,12288,12672,13056,14092,111512,127992,13176,13272,4096,8064,8064,3840,8064,1792,896,65024,0,0],"머":[19,0,0,0,0,0,12288,24576,24576,24576,25472,25576,25368,32536,27448,25392,25584,25056,24576,24576,24576,24576,8192,0,0],"두":[19,0,0,0,0,0,0,14336,8128,960,384,12480,16064,5056,192,131008,116732,1552,1536,1536,1536,1536,512,0,0],"닐":[19,0,0,0,0,0,12288,24576,24576,24600,24624,24624,27696,28464,26608,8288,16256,16256,7680,16128,3584,1792,130560,0,0],"격":[19,0,0,0,0,0,12288,24576,24576,26496,26616,32640,25024,31968,26672,8216,8200,32256,26496,8192,8192,8192,8192,0,0],"없":[19,0,0,0,0,0,12288,24576,24592,24816,25072,32536,31512,25496,25072,8256,8192,13824,15936,4928,15296,28608,51008,0,0],"니":[19,0,0,0,0,0,12288,24576,24576,24576,24584,24624,24624,24624,25648,28208,26544,25328,24576,24576,24576,8192,8192,0,0],"산":[19,0,0,0,0,0,6144,28672,12352,12480,12480,12496,258272,13280,14128,13852,12288,12672,4480,384,384,16256,7936,0,0],"복":[19,0,0,0,0,0,14336,12288,28736,15552,14272,16320,7808,3072,130560,249852,120,15872,16320,4096,4096,4096,6144,0,0],"종":[19,0,0,0,0,0,6144,16320,3520,1792,7936,12736,26208,1568,130816,116732,280,3840,7040,4224,6272,8064,3840,0,0],"죽":[19,0,0,0,0,0,6144,16320,3520,1792,7936,12736,24672,122912,262140,18172,1536,16128,15296,4096,4096,4096,4096,0,0],"망":[19,0,0,0,0,0,6144,12288,12288,13248,13308,78620,258840,13112,12784,12336,4352,7936,7040,12672,4480,8064,3840,0,0],"베":[19,0,0,0,0,0,24576,60416,22528,22912,22912,24448,24448,24456,24536,23024,23024,22776,22648,18456,16384,16384,24576,0,0],"막":[19,0,0,0,0,0,6144,12288,12288,13248,13308,13084,258840,13080,12784,12464,4096,15872,16320,12288,4096,4096,4096,0,0],"무":[19,0,0,0,0,0,0,30720,32608,15296,6336,3520,16320,15488,0,131008,116732,1552,1536,1536,1536,1536,512,0,0],"릎":[19,0,0,0,0,0,6144,16320,6272,8128,960,14528,8128,0,130560,116732,56,16320,3456,8064,3840,16128,14272,0,0],"꿇":[19,0,0,0,0,0,0,14720,16368,12640,12672,12672,118912,262140,18428,1536,7936,7152,32736,14784,11712,16352,7648,0,0],"까":[19,0,0,0,0,0,12288,28672,24576,24576,24768,10232,10176,9824,254752,254768,8600,8388,8288,8192,8192,8192,12288,0,0],"놓":[19,0,0,0,0,0,0,224,192,12480,15552,8128,7552,130048,253948,16760,1792,15872,16320,3584,6912,3328,1792,0,0],"러":[19,0,0,0,0,0,12288,24576,24576,24576,25568,25528,29056,32720,24688,25648,26160,26608,25056,24576,24576,8192,8192,0,0],"재":[19,0,0,0,0,0,24576,60416,23552,19456,28608,28152,32192,31936,23672,24048,20272,20248,16908,16384,16384,16384,24576,0,0],"받":[19,0,0,0,0,0,6144,12288,12672,13056,14092,78744,259064,13176,13304,12672,0,7936,3584,768,24960,32640,1920,0,0],"묵":[19,0,0,0,0,0,14336,32512,15328,6336,3264,16064,3200,130048,118780,1592,1536,16128,15296,4096,4096,4096,4096,0,0],"스":[19,0,0,0,0,0,0,0,512,1536,3584,1920,1792,7936,12672,24800,0,0,57344,131068,56,0,0,0,0],"릴":[19,0,0,0,0,0,12288,24576,24832,25592,25360,25536,25072,25136,26608,8432,14464,16256,7936,16128,3840,1792,130560,0,0],"계":[19,0,0,0,0,0,24576,60416,22528,22528,23424,23544,24496,24256,22720,24416,22576,22552,22536,18432,16384,16384,24576,0,0],"구":[19,0,0,0,0,0,0,6144,16352,12736,12288,12288,12288,6144,4096,131056,67324,1536,1536,1536,1536,1536,512,0,0],"물":[19,0,0,0,0,0,14336,32544,15328,3264,7872,16064,32768,131040,18428,1536,16320,8128,3840,8064,1920,896,65280,0,0],"못":[19,0,0,0,0,0,14336,32512,15328,7360,3776,16064,7296,3072,130816,116732,1048,3584,1536,1792,7936,12480,8304,0,0],"시":[19,0,0,0,0,0,12288,24576,24576,24640,24768,25024,24768,24816,24800,25520,26424,26124,25600,24576,24576,8192,8192,0,0],"육":[19,0,0,0,0,0,1792,8064,6528,6336,6528,3968,1536,130048,118780,6584,6528,16256,15296,4096,4096,4096,4096,0,0],"신":[19,0,0,0,0,0,12288,24576,24640,25024,25024,24768,24800,25568,26416,25628,24576,9088,8960,768,256,32512,15872,0,0],"일":[19,0,0,0,0,0,12288,24576,24592,24816,25584,25368,25368,25528,25072,8192,16256,16256,7680,16128,3584,1792,130560,0,0],"모":[19,0,0,0,0,0,0,0,14336,32256,16352,6368,3264,7872,16064,6144,2048,1024,50688,131064,124,0,0,0,0],"행":[19,0,0,0,0,0,24576,58368,23776,19776,20472,27888,32224,32176,23984,19696,25184,15872,30208,25344,25344,16128,7680,0,0],"절":[19,0,0,0,0,0,12288,24576,24576,25472,25584,32160,32752,26464,26160,9752,16128,16128,7680,16128,3584,1792,130560,0,0],"멸":[19,0,0,0,0,0,12288,24576,24576,26496,32760,31512,25400,32688,25072,8224,16128,16128,7680,16128,3584,1792,130560,0,0],"끊":[19,0,0,0,0,0,0,14592,16368,13280,12672,12672,12672,114688,262140,16636,7168,6240,32352,15456,13408,16224,7648,0,0],"순":[19,0,0,0,0,0,512,3584,1536,1792,8064,29056,24800,32768,131008,116732,3072,1984,1472,128,192,16256,7936,0,0],"간":[19,0,0,0,0,0,6144,28672,12288,13184,13304,12688,258240,12384,12336,12312,12296,12672,4480,384,384,16256,7936,0,0]};
    var BODY_SCALE = 1;
    var TITLE_SCALE = 2;
    var BODY_TRACKING = -2;
    var TITLE_TRACKING = 0;
    var SPACE_ADVANCE = Math.round(CELL_H * 0.5);
    var BODY_LINE_HEIGHT = CELL_H + 8;
    var PARAGRAPH_GAP = 20;
    var DIVIDER_Y = 52;
    var BODY_TOP = 68;
    var BODY_COLOR = '#d8d8d8';
    var TITLE_COLOR = '#ffffff';
    var DIVIDER_COLOR = '#555555';
    var resizeTimer = 0;
    var observed = typeof WeakSet === 'function' ? new WeakSet() : null;
    var resizeObserver = typeof ResizeObserver === 'function' ? new ResizeObserver(function (entries) {
        entries.forEach(function (entry) { schedule(entry.target, false); });
    }) : null;

    function glyphFor(character) {
        return Object.prototype.hasOwnProperty.call(GLYPHS, character) ? GLYPHS[character] : null;
    }

    function measureText(text, scale, tracking) {
        var width = 0;
        var glyphCount = 0;
        Array.from(String(text || '')).forEach(function (character) {
            var glyph;
            if (character === ' ') {
                width += SPACE_ADVANCE * scale;
                return;
            }
            glyph = glyphFor(character);
            if (!glyph) return;
            width += glyph[0] * scale;
            width += tracking * scale;
            glyphCount += 1;
        });
        if (glyphCount && tracking) width -= tracking * scale;
        return Math.max(0, Math.round(width));
    }

    function breakLongToken(token, maxWidth) {
        var pieces = [];
        var current = '';
        Array.from(token).forEach(function (character) {
            var candidate = current + character;
            if (current && measureText(candidate, BODY_SCALE, BODY_TRACKING) > maxWidth) {
                pieces.push(current);
                current = character;
            } else {
                current = candidate;
            }
        });
        if (current) pieces.push(current);
        return pieces;
    }

    function wrapParagraph(text, maxWidth) {
        var words = String(text || '').trim().split(/\s+/).filter(Boolean);
        var lines = [];
        var current = '';

        words.forEach(function (word) {
            var candidate = current ? current + ' ' + word : word;
            var pieces;
            if (measureText(candidate, BODY_SCALE, BODY_TRACKING) <= maxWidth) {
                current = candidate;
                return;
            }
            if (current) {
                lines.push(current);
                current = '';
            }
            if (measureText(word, BODY_SCALE, BODY_TRACKING) <= maxWidth) {
                current = word;
                return;
            }
            pieces = breakLongToken(word, maxWidth);
            pieces.forEach(function (piece, index) {
                if (index === pieces.length - 1) current = piece;
                else lines.push(piece);
            });
        });
        if (current) lines.push(current);
        return lines.length ? lines : [''];
    }

    function calculateOpticalShift(lines, width) {
        var weightedCenter = 0;
        var totalWeight = 0;
        var maxLineWidth = 0;
        var shift;
        lines.forEach(function (line) {
            var lineWidth = line.width;
            var weight = Math.max(1, lineWidth) * BODY_LINE_HEIGHT;
            weightedCenter += (lineWidth / 2) * weight;
            totalWeight += weight;
            maxLineWidth = Math.max(maxLineWidth, lineWidth);
        });
        if (!totalWeight) return 0;
        shift = Math.round((width / 2) - (weightedCenter / totalWeight));
        return Math.max(0, Math.min(Math.max(0, width - maxLineWidth), shift));
    }

    function drawGlyph(context, glyph, x, y, scale) {
        var py;
        var px;
        var row;
        for (py = 0; py < CELL_H; py += 1) {
            row = glyph[py + 1] || 0;
            if (!row) continue;
            for (px = 0; px < CELL_W; px += 1) {
                if (row & (1 << px)) {
                    context.fillRect(
                        Math.round(x + px * scale),
                        Math.round(y + py * scale),
                        scale,
                        scale
                    );
                }
            }
        }
    }

    function drawText(context, text, x, y, scale, tracking, color) {
        context.fillStyle = color;
        Array.from(String(text || '')).forEach(function (character) {
            var glyph;
            if (character === ' ') {
                x += SPACE_ADVANCE * scale;
                return;
            }
            glyph = glyphFor(character);
            if (!glyph) return;
            drawGlyph(context, glyph, x, y, scale);
            x += (glyph[0] + tracking) * scale;
        });
    }

    function sourceContent(inner) {
        var titleNode = inner.querySelector('.main-manifesto-title');
        var paragraphs = [];
        Array.prototype.forEach.call(inner.children || [], function (child) {
            if (child && child.tagName === 'P') {
                var value = String(child.textContent || '').trim();
                if (value) paragraphs.push(value);
            }
        });
        return {
            title: titleNode ? String(titleNode.textContent || '').trim() : '',
            paragraphs: paragraphs
        };
    }

    function ensureCanvas(inner) {
        var canvas = inner.querySelector('.main-manifesto-bitmap');
        if (!canvas) {
            canvas = document.createElement('canvas');
            canvas.className = 'main-manifesto-bitmap';
            canvas.setAttribute('aria-hidden', 'true');
            canvas.setAttribute('data-bitmap-version', VERSION);
            inner.insertBefore(canvas, inner.firstChild);
        }
        return canvas;
    }

    function render(inner, force) {
        var width;
        var source;
        var paragraphs;
        var flatLines = [];
        var titleWidth;
        var height;
        var canvas;
        var context;
        var y;
        var opticalShift;

        if (!inner || !inner.isConnected) return;
        width = Math.max(1, Math.floor(inner.clientWidth || inner.getBoundingClientRect().width || 0));
        if (width <= 1) {
            window.setTimeout(function () { schedule(inner, true); }, 60);
            return;
        }
        if (!force && Number(inner.getAttribute('data-bitmap-width')) === width && inner.classList.contains('is-bitmap-ready')) return;

        source = sourceContent(inner);
        if (!source.title || !source.paragraphs.length) {
            fail(inner, new Error('Manifesto source nodes were not found.'));
            return;
        }

        paragraphs = source.paragraphs.map(function (paragraph) {
            return wrapParagraph(paragraph, width).map(function (line) {
                var item = { text:line, width:measureText(line, BODY_SCALE, BODY_TRACKING) };
                flatLines.push(item);
                return item;
            });
        });

        titleWidth = measureText(source.title, TITLE_SCALE, TITLE_TRACKING);
        height = BODY_TOP;
        paragraphs.forEach(function (lines, index) {
            height += lines.length * BODY_LINE_HEIGHT;
            if (index < paragraphs.length - 1) height += PARAGRAPH_GAP;
        });
        height = Math.max(height, DIVIDER_Y + 2);

        canvas = ensureCanvas(inner);
        canvas.width = width;
        canvas.height = Math.ceil(height);
        canvas.style.width = width + 'px';
        canvas.style.height = Math.ceil(height) + 'px';
        context = canvas.getContext('2d', { alpha:true });
        if (!context) {
            fail(inner, new Error('Canvas 2D context is unavailable.'));
            return;
        }
        context.imageSmoothingEnabled = false;
        context.clearRect(0, 0, canvas.width, canvas.height);

        drawText(
            context,
            source.title,
            Math.round((width - titleWidth) / 2),
            0,
            TITLE_SCALE,
            TITLE_TRACKING,
            TITLE_COLOR
        );

        /* 완성형 구분선은 폐기했다. 실선 애니메이션은 ManifestoIntro만 담당한다. */

        opticalShift = calculateOpticalShift(flatLines, width);
        y = BODY_TOP;
        paragraphs.forEach(function (lines, paragraphIndex) {
            lines.forEach(function (line) {
                drawText(context, line.text, opticalShift, y, BODY_SCALE, BODY_TRACKING, BODY_COLOR);
                y += BODY_LINE_HEIGHT;
            });
            if (paragraphIndex < paragraphs.length - 1) y += PARAGRAPH_GAP;
        });

        inner.setAttribute('data-bitmap-width', String(width));
        inner.setAttribute('data-bitmap-optical-shift-x', String(opticalShift));
        inner.setAttribute('data-bitmap-state', 'ready');
        inner.classList.add('is-bitmap-ready');
    }

    function fail(inner, error) {
        if (!inner) return;
        inner.classList.remove('is-bitmap-ready');
        inner.setAttribute('data-bitmap-state', 'failed');
        inner.setAttribute('data-bitmap-error', String(error && error.message ? error.message : error));
        try { console.error('[MainPageBitmap]', error); } catch (ignore) {}
    }

    function schedule(inner, force) {
        if (!inner) return;
        window.requestAnimationFrame(function () {
            try { render(inner, force); }
            catch (error) { fail(inner, error); }
        });
    }

    function mount(root) {
        var scope = root && root.querySelectorAll ? root : document;
        var nodes = [];
        if (scope.matches && scope.matches(SELECTOR)) nodes.push(scope);
        nodes = nodes.concat(Array.prototype.slice.call(scope.querySelectorAll(SELECTOR)));
        nodes.forEach(function (inner) {
            if (resizeObserver && (!observed || !observed.has(inner))) {
                resizeObserver.observe(inner);
                if (observed) observed.add(inner);
            }
            schedule(inner, true);
        });
    }

    function recalculate() {
        Array.prototype.forEach.call(document.querySelectorAll(SELECTOR), function (inner) {
            schedule(inner, true);
        });
    }

    function boot() {
        mount(document);
        window.setTimeout(function () { mount(document); }, 120);
        window.setTimeout(function () { mount(document); }, 500);
    }

    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot, { once:true });
    else boot();

    window.addEventListener('resize', function () {
        window.clearTimeout(resizeTimer);
        resizeTimer = window.setTimeout(recalculate, 100);
    }, { passive:true });

    try {
        if (mw && mw.hook) {
            mw.hook('wikipage.content').add(function (content) {
                mount(content && content[0] ? content[0] : document);
            });
        }
    } catch (ignoreHook) {}

    window.MainPageBitmap = {
        version:VERSION,
        recalculate:recalculate,
        status:function () {
            var inner = document.querySelector(SELECTOR);
            return inner ? {
                integrated:true,
                state:inner.getAttribute('data-bitmap-state') || 'pending',
                error:inner.getAttribute('data-bitmap-error') || '',
                width:inner.getAttribute('data-bitmap-width') || '',
                opticalShiftX:inner.getAttribute('data-bitmap-optical-shift-x') || '',
                canvas:!!inner.querySelector('.main-manifesto-bitmap')
            } : { integrated:true, state:'not-mounted' };
        }
    };

    window.MainPageManifesto = window.MainPageManifesto || {};
    window.MainPageManifesto.recalculate = recalculate;
})(window, document, window.mw);